/*====================*/
/*=== Reset Styles ===*/
/*====================*/

* {
	margin: 0;
	padding: 0;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

.random ul {
	margin: 0;
	padding: 0;
}
.random li {
	list-style-type: circle;
	margin: .5em 3em;
	padding: 0 0 0 .5em;
	background:  url(../imgs/logo_as_bullet.jpg) no-repeat 0 0;
}
body {
	background: #000;
	color: #FFF;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
p {
	margin: 0 0 .8em 0;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags*/ 
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
/*body {
	font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#333;
	background:#eee;
}

a, a:visited {
	color: #FC0;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}
*/
#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.slider-wrapper { 
	width: 940px; 
	margin: 10px auto;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
	
a {
	color: #F00;
	text-decoration: underline;
	}
a:visited {
	color: #F63;
	text-decoration: underline;
	}
a:hover { 
	color: #C60;
	text-decoration: underline;
	}
a:focus { 
	outline: thin dotted; 
	}
a:hover, a:active { 
	outline: 0;
	 }
	 
h1 {  
    font: 25px ; 
    color: #D61011;
    font-variant: small-caps;
    text-align: left;
    font-weight :bold;
    padding: 0;  Tweak this to your liking 
	margin-bottom: 10px;
}
h2 {
	color: #D61011;
	font-variant:small-caps;
	font: Bold 18px Baskerville,Times,'Times New Roman',serif;
	text-align: left;
	margin: 15px 0 5px 0;
	}
h3 {
	color: #999;
	font-variant:small-caps;
	font: bold 18px  Baskerville,Times,'Times New Roman',serif;
	text-align: left;
	margin: 5px 5px 2px 0;
	padding: 6px 0;
	/*width: 270px;
	background-color: #222;*/
	}



.clear {
	clear:both;
}

#wrap {
	margin: 0 auto;
	width: 980px;
	position: relative;
	border: 1px solid #222;
}
header {
	position: relative;
	float: left;
	margin: 0 0 50px 0;
	width: 980px;
	height: 130px; 
/*	border: 1px solid #F33;*/
}

h1#Logo {
	float: left;
	width: 420px;
	height: 130px;
	padding: 0 ;
	text-indent: -9999px;
	background: url(../assets/imgs/Logo.jpg) top left no-repeat;margin-bottom: 50px;
	/*border: 1px solid #FFF;*/
	}

.banner {
	float: left;
	width: 100%;
	height: 100px;
	background: url(../assets/imgs/title.png) no-repeat;
	display: none;
	}

/* Social Icons */
ul.social {
	list-style:none;
	/*float: right;*/
	margin: 5px auto;
	padding:0;
	width: 136px;
}
ul.social li {
	padding-top:5px;
	margin:0 12px 12px 0;
	float:left;
	position:relative;
	display:inline;
	width:32px;
}
ul.social li img {
	border:none;
}
ul.social li:hover {
	padding-top:5px;
	margin:-2px 12px 12px 0;
}
ul.social li span {
	display:none;
}


/*TOP NAVIGATION*/
.top{
	float: right;
	width: 490px;
	height: 45px;
	/*border: 1px solid #FFF;*/
	overflow: hidden;
	margin: 35px 10px 0 0;
	text-align: center;
	height: 55px;
}
ul.navTop {
	float: right;
	font-size: .8em;
	padding: 3px 0 10px 0;
	margin: 0 10px 0 0;
}
.navTop li {
	display: inline;
	padding-left: 0px;
	

}
.navTop li a {
	display: inline-block;
	width: 80px;
	padding: 10px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: #222;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.navTop li a:hover {
	color: #eb0f0f;
	background-color: #FFF;/*18364a-F78B1E*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 8px; /* for old Konqueror browsers 
	behavior: url(http://www.microdive.com/shop/shop_assets/css/PIE.htc);*/
	}
/*Phone	*/
.phone {
	float: right;
	margin: 0 10px 5px 0;
	/*border: 1px solid #fff;*/
	font-size: 21px;
	font-weight: bold;
	line-height: 1.5em;

}

/*Main Nav*/
#mainNav {
	float: left;
	width: 970px;
	height: 30px;
	text-align: center;
	/*border: 1px solid #FFF;*/
	overflow: hidden;
	padding-top: 5px;
	margin: -10px 0 12px 5px;
}
/*ul#mainNav {
	float: right;
	font-size: .9em;
	padding: 10px 0 10px 0;
	margin: 0 10px 0 0;
}*/
#mainNav li {
	display: inline;
	padding-left: 0px;
}
#mainNav li a {
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	color: #fff;
	width: 110px;
	background: #222;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

#mainNav li a:hover {
	color: #eb0f0f;
	background-color: #FFF;/*18364a-F78B1E*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 8px; /* for old Konqueror browsers 
	behavior: url(http://www.microdive.com/shop/shop_assets/css/PIE.htc);*/
	}

	
#mainContent {
	float: left;
	width: 980px;
	font-family: Arial, Helvetica, sans-serif;	/*border: 1px solid #FF0;*/
}

.left {
	position: relative;
	z-index: 0;
	float: left;
	width: 680px;
	padding: 10px 10px 20px 10px;
	overflow: hidden;
	/*border: 1PX solid #FFF;*/
	background-color: #000;/*ie*/
	text-align: center;
}

.right {
	float: right;
	width: 280px;
	/*border: 1px solid #fff;*/
}
.prices {
	float: right;
	margin-bottom: 5px;
	/*border: 1px solid #fff;*/
}

.sideThings {	
	background: #222;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	outline: none;
	clear: both;
}

/*Gallery page*/
.middle {
	position: relative;
	z-index: 0;
	float: left;
	width: 960px;
	padding: 10px 10px 20px 10px;
	overflow: hidden;
	/*border: 1PX solid #FFF;*/
	background-color: #FFF;/*ie*/
}
/*Gallery*/
.gal-img {
	float: left;
	text-align: center;
	/*border: 1px solid #fff;*/
	display: inline-block;
	margin: 15px 15px 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;
	box-shadow: 0px 0px 3px #CCC;

}
.hide {
	position: relative;
	z-index: 0;
	float: left;
	margin: 10px 0 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px #CCC;
	-webkit-box-shadow: 0px 0px 10px #CCC;
	box-shadow: 0px 0px 10px #CCC;
	display: none;
}
.caption {
	float: left;
}

/*Index Elements*/
.topFrontImg {
	float: right;
	margin: -150px 40px 0 0;
	}
.frontPhone {
	float: left;
	margin: -60px 0 60px 30px;
}
.slogan {
	margin: -60px 0 0 480px;
	font-family: "Comic Sans MS", cursive;
	font-style: italic;
	margin-bottom: -2px;
}
.frontTopNav {
	position: absolute;
	left: 810px;
	top: 10px;
}
.frontTopNav {
	font: 13px "Comic Sans MS", cursive;
	font-style: italic;
	line-height: 1.7em;
}
.frontTopNav li {
	list-style-type: circle;
}
.frontLeft {
	position: relative;
	float: left;
	margin-top: 0px;
	width: 670px;
	padding: 10px 10px 20px 10px;
	overflow: hidden;
	/*border: 1PX solid #FFF;*/
	background-color: #000;/*ie*/
}
.frontRite {
	float: right;
	width: 280px;
	margin: 0px 0 10px 0;
	background: #222;	
}

/*==========================================
BEGIN FOOTER
============================================*/
	
footer {
	position: relative;
	z-index: 0;
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 10px 5px;
	background-color: #000;/*ie*/
	overflow: hidden;
}
/*.footerNav li a { 
   display: block; 
   padding: 5px;
   width: 242px;
   text-align: left; 
   color: #464646;
   text-decoration: none;
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
	}
*/
ul.copyrite {
	margin: 10px;
	font-size: 0.85em;
	overflow: hidden;
	color: #FFF;
	text-align: right;
}
/*ul.copyrite li{
	padding-left: 20px;
	margin: 20px auto;
}

ul.copyrite li.copyright{
	float: right;
	padding-left: 20px;
	border: 0;
}*/
/*==========================================
END FOOTER
============================================*/
		
/*Accordion*/
#accordion {
	float: left;
	width: 275px;
	margin: 0 5px 5px 0;
	border: 1px solid #222;
}
#accordionTitle {	
	background: #222;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	outline: none;
}
#accordionTitle a:link, #accordionTitle a:hover, #accordionTitle a:visited, #accordionTitle a:focus {
	color: #9b2727;
	text-decoration: none;
}

.accordionInnerSpace {
	padding: 3px 0;
}


/*====================================*/
/*FORM*/
/*====================================*/

#contact p, label, legend {
	width: 250px;
	font: 1em Baskerville,Times,'Times New Roman',serif;
	font-family: Baskerville, Times, "Times New Roman", serif;
}

#contact h1 { 
	margin: 10px 0 10px; 
	font-size: 24px; color: #333333; 
}
#contact hr { 
	color: inherit; 
	height: 0; margin: 
	6px 0 6px 0; 
	padding: 0; 
	border: 1px solid #d9d9d9; 
	border-style: none none solid; 
}

#contact { 
	display: block; 
	width: 265px; 
	padding: 5px; 
	border: 1px solid #222;  
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
}

/* Form style */

#contact label { 
	display: inline-block; 
	float: left; 
	height: 26px; 
	line-height: 26px; 
	width: 155px; 
	font-size: .9em; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}
#subject {
	width: 210px;
	float: left;	
}
#contact input, textarea, select { 
	margin: 0; 
	padding: 5px; 
	color: #333; 
	background: #FFF; 
	border: 1px solid #222; 
	margin: 5px 0; 
	font:.9em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}
#contact input:focus, textarea:focus, select:focus { 
	border: 1px solid #222; 
	/*background-color: #222;*/ 
	color:#333; 
}
#contact input.submit { 
	width: 85px; 
	cursor: pointer; 
	border: 1px solid #222; 
	background:#FFF; 
	color:#333; 
}
#contact input.submit:hover { 
	background:#444; 
}
#contact input[type="submit"][disabled] { 
	background:#888; 
	cursor: default; 
}
#contact fieldset { 
	padding:5px; /*border:1px solid #eee; moz-border-radius:5px; -webkit-border-radius:5px;*/ 
}
#contact legend { 
	padding:7px 0; 
	color:#FFF; 
	width: 260px; /*border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px;*/ 
	margin-bottom:0 !important; 
	margin-bottom:20px;
	font-size: 0.9em;
	text-align: center;
	border: 1px solid #333;
}

#contact span.required{ 
	font-size: 13px; 
	color: #ff0000; 
} /* Select the colour of the * if the field is required. */

#message { 
	margin: 10px 0; 
	padding: 0; 
}
/*#comments {
	width: 237px;
	border: none;
}*/

.error_message {
	 display: block; 
	/*line-height: 20px; */
	background: #D61011 url('../assets/error.gif') no-repeat 10px 6px; 
	padding: 3px 10px 2px 29px; 
	color:#FFF;
	border: 1px solid #333; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}


ul.error_messages { 
	margin: 0 0 20px; 
	padding: 0; 
}
ul.error_messages li { 
	height: 20px;
	overflow: none; 
	/*line-height: 15px;*/ 
	color:#fff;
	font-size: 12px; 
}

.loader { 
	padding: 0 10px; 
}

#contact #success_page h1 { 
	background: url('../assets/success.gif') left no-repeat; 
	padding-left:22px; 
}

acronym { 
	border-bottom:1px dotted #ccc; 
}

.img-rite {
	position: relative;
	z-index: 0;
	float: right;
	clear: right;
	margin: 5px 0 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px #CCC;
	-webkit-box-shadow: 0px 0px 10px #CCC;
	box-shadow: 0px 0px 10px #CCC;
	behavior: url(http://www.microdive.com/assets/css/PIE.htc);
}