/* -------------- GLOBAL -------------- */

*{
	outline:0; /* Stops outlines on links when clicked */
} 

html, body{
	background: #fff; 
	min-height:100%;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	
	font-family: Helvetica, Arial, sans-serif; 
	font-style: normal; 
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform:none;
} 

body {	font:100%/1.60 Helvetica, Arial, sans-serif;
}

img {   
	border:0;
	text-align:left;
	float:left;
}

.star{
	margin:0 8px 0 0;
}

.right {
float:right;
}




/* -------------- TOP NAVIGATION -------------- */


#NavCon {
	background: url("../images/HeadBG.jpg") top left repeat-x;
	width:100%;
	height:169px;
}

#navshadow{
	background: url('../images/HeadShadow.jpg') top center no-repeat;
	width:100%;
	height:28px;
}

#nav {	width:1000px;
	height:100%;
	margin:0 auto;
}

#NavCon ul{
	width:auto;
	height:86px;
	list-style: none;
	padding: 0;
	margin: 45px 0 0 0;
	float:right;
	text-aligh:left;
} 

#NavCon li{
	font-family: 'Trebuchet MS','Lucida Grande',Verdana,Tahoma,Arial;
	height:86px;
	display: table-cell;
	position: relative;
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height:86px;
} 

#NavCon li a { 
	width: auto; 
	height: 66px; 
	margin:0 17px 0 0; 
	padding:16px 21px; 
	line-height:86px; 
	text-align:center; 
	text-transform:uppercase;
	font-size:12px; color:#dfdfdf;
	font-weight:light;
	
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}

#NavCon li a:hover{
	background: #000;
	text-decoration:none;
	color:#fff;
	opacity:.7;
	filter: alpha(opacity=70); 
	-moz-opacity: .7;	
}


#Home .Home, #Products .Products, #About .About, #Contact .Contact,
#Home .Home:hover, Products .Products:hover, #About .About:hover, #Contact .Contact:hover{
	background: #000; text-decoration:none;
	color: #f8f8f8;
}




/* -------------- SIDE NAVIGATION -------------- */

.sidenav{
	width:200px;
	border:0;
	border-spacing:0;
	clear:both;
}

.sidenavtitle{
	border-spacing:0;
	background: url('../images/sidenav/SideNavTitle.jpg') top left no-repeat;
	width:170px;
	height:80px;
	padding:0 0 0 30px;
	line-height:80px;
	color: #fff;
	font-size:15px;
	font-weight:bold;
	border:0;
}

.sidenavlink{
	border-spacing:0;
	background: url('../images/sidenav/SideNavBG.jpg') top left no-repeat;
	width:140px;
	height:59px;
	padding:0 0 0 60px;
	line-height:59px;
	color: #3a3a3a;
	font-size:13px;
	border:0;
}


.sidenavlink a, .sidenavlink a:hover{
	width:170px;
	height:59px;
	display:block;
	color:#4f4f4f;
	text-decoration:none;
}

.sidenavlink a:hover{
	color:#3a3a3a;
}


.sidenavlink:hover{
	border-spacing:0;
	background: url('../images/sidenav/SideNavBGOver.jpg') top left no-repeat;
}

.sidenavbottom{
	border-spacing:0;
	background: url('../images/sidenav/SideNavBottom.jpg') top left no-repeat;
	width:200px;
	height:27px;
	border:0;
}






/* -------------- CONTENT -------------- */

#content{			/* Main content container */
	height:auto;
	*height:auto;
	padding:0;
	width: 1000px;
	margin:0 auto;
	position:relative;
}

.rightcol{
	width:710px;
	height:100%;
	padding:0;
	float:right;
	margin:0;
	position:relative;
}

.leftcol{
	height:100%;
	min-height:100%;
	*height:auto;
	padding:0;
	width: 250px;
	margin:0 40px 0 0;
	position:relative;
	float:left;
}





/* -------------- FEATURE -------------- */
	
.featurecon{
	background: url('../images/FeatureBG.jpg') top left repeat-x;
	width:100%;
	height:291px;
	border-bottom:1px solid #c0c4c6;
}

.feature{
	width:1000px;
	height:291px;
	margin:0 auto;
	text-align:left;
}

.featureimage{
	width:350px;
	height:271px;
	margin:0 auto;
	float:left;
	padding:0 0 20px 0;
}

.featureimage img{
	max-width:100%;
	max-height:100%;
}

.featuredescription{
	width:420px;
	height:271px;
	float:left;
	margin:0 0 0 80px;
	padding:20px 0 0 0;
}

.featuredescription h2{
	font-size: 22px; 
	color: #3e3e3e;
	font-weight:normal;
}

.featuredescription h3{
	font-size: 14px; 
	color: #8b8b8b;
	font-weight:normal;
}

.featuredescription p{
	font-size: 11px;
	color: #3f3f3f; 
	letter-spacing: .2px;
	display:block;
}


.featureshadow{
	background: url('../images/FeatureShadow.png') top center no-repeat;
	width:100%;
	height:38px;
	margin:0 0 30px 0;
}

.buttoncon{
	width:100%;
	height:140px;
	vertical-align:bottom;
}

.featurebutton{
	vertical-align:baseline;
	margin:0 0 13px 0;
}





/* -------------- PRODUCT PAGE (SINGLE) -------------- */

.productimage{
	width:94%;
	height:300px;
	padding:20px;
	text-align: center;
	vertical-align:middle;
}
	.productimage img{
	max-height:100%;
	max-width:100%;
	margin:0 auto;
	float:none;
	vertical-align:middle;
	
}

.productdescription{
	background: url('../images/BlueTitleBG.png') top left repeat-x;
	width:94%;
	height:200px;
	padding:20px;
	text-align: left;
}





/* -------------- TYPOGRAPHY -------------- */

h1, h2, h3, h4, h5, p{
	margin:0;
	text-align:left;
	padding:0;
	}
	

h1, .h1 { 
	font-size: 27px;
	color: #3e3e3e;
	display:block; 
	font-weight:lighter;
	margin:0 0 20px 0;
} 

h2, .h2 { 
	font-size: 27px; 
	color: #3e3e3e;
	font-weight:normal;
}

h2.blue{
	display:block;
	width:100%;
	height:56px;
	background: url('../images/BlueTitleBG.png') top left repeat-x;
	font-size: 27px; 
	color: #3e3e3e;
	font-weight:normal;
	margin:0 0 20px 0;
	line-height:56px;
	padding: 0 0 0 20px;
	
} 

h3, .h3 { 
	font-size: 18px; 
	color: #8b8b8b;
	font-weight:normal;
} 

h4, .h4 { 
	font-size: 10px; 
	color: #8b8b8b;
	font-weight:normal;
} 

p, .p { 
	font-size: 13px;
	color: #8b8b8b; 
	letter-spacing: .2px;
	display:block;
	margin-bottom:40px;
	line-height:18px;
	max-width:740px;
} 

	
a { 
	color: #71bddb; 
	text-decoration: none;
	font-weight:normal;
	cursor:pointer;
}

h2 a{
	color: #3e3e3e;
}

a:hover { 
	text-decoration:underline;
}

.bold {
	font-weight:bold;
}

.invisible {
	visibility:hidden;
}

.caps{
	text-transform:uppercase;
}

.grey{
	color: #868686;	
	}
	
.red{ color: #b80000; }
.green{ color: #4aa20f; }

.iconsmall{
	margin: 0 7px 0 0;
}



/* -------------- THUMBS -------------- */

.thumbcon{
width:151px;
height:201px;
float:left;
margin:0 20px 20px 0;
padding:0;
}

.thumb{
background: url('../images/ThumbBG.png') top left no-repeat;
width:137px;
height:137px;
float:left;
padding:7px;
}

.thumbimage{
	width:137px;
	height:137px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
}

	.thumbimage img{
	width:100%;
	height:100%;
	}
	
	.thumbimage img:hover{
	opacity:.65;
	filter: alpha(opacity=65); 
	-moz-opacity: .65;
	}

.thumbtitle{
width:151px;
min-height:30px;
height:auto;
float:left;
margin:10px 0 0 0;
}
 
.thumbtitle img{
margin:0 8px 100% 0;
}

.thumbtitle h4{
	margin:6px 0 0 0;
	line-height: 14px;
}

.thumbtitle h4:hover{
	text-decoration:underline;
}

/* -------------- FOOTER -------------- */

#footer {
	background: url('../images/FootBG.jpg') top left repeat;
	width:100%;
	height: 352px;
	margin:80px 0 0 0;
	vertical-align: bottom;
	float:left;
	font-size: 10.5px; 
	color:#fff; 
	text-align:left;
} 

.footshadow{
	background: url('../images/FootShadow.jpg') #fff top center no-repeat;
	width:100%;
	height:38px;
	float:left;
}

#footercontent{
	width:1000px;
	margin:0 auto;
	padding:80px 0 0 0;
}

#footercontent a.nav{
	width: auto; 
	height: 50px; 
	margin:0 17px 0 0; 
	padding:16px 15px; 
	line-height:50px; 
	text-align:center; 
	text-transform:uppercase;
	font-size:10px; color:#dfdfdf;
	font-weight:light;
	
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}

#footercontent a.nav:hover{
	background: #fff;
	text-decoration:none;
	color:#000;
	opacity:.6;
	filter: alpha(opacity=60); 
	-moz-opacity: .6;	
}


#Home .FHome, #Products .FProducts, #About .FAbout, #Contact .FContact,
#Home .FHome:hover, #Products .FProducts:hover, #About .FAbout:hover, #Contact .FContact:hover{
	background: #000; text-decoration:none;
	color: #f8f8f8;
}




/* -------------- CONTACT-------------- */




.formbox { 
	background:none;
	width: auto; 
	height: auto; 
	float: left;
	margin:0 0 10px 0;
} 


.textfield, .textfield2 {
	background:#222;
	width:146px;
	height:16px;
	border:0 none;
	float:left;
	text-align:left;
	
	margin:0 0 10px 0;
	padding:18px;
	
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 15px; 
	color: #fff;
	line-height:15px;
	
	
}

.textfield2{
	width:124px;
	height:29px;
	background:#222;
	opacity:.8;
	filter: alpha(opacity=80); 
	-moz-opacity: .8;
	color: #fff;
	padding:17px 18PX 0 18PX;
	
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
}

	.textfield:hover {
		background: #484848;
}

.textarea {
	background: #222 no-repeat scroll center center;
	width:240px;
	height:202px;
	border:0 none;
	float:left;
	text-align:left;
	
	font-family: Helvetica, Arial, sans-serif; 
	margin:0;
	padding:15px;
	
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	
	
	font-size: 15px; 
	color: #fff;
	line-height:15px;
}

	.textarea:hover {
		background: #484848;
		
}


/* --- --- Captcha Form --- --- */
#recaptcha_widget_div{ clear: both; }