/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size: 62.5%;
	text-align: center;
	background-color: #999999;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
html { height: 101% } 
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* standard elements */

h1 {
	font-size: 110%;
	
}



/* layout elements */


div#doc {
	margin: 0 auto 0 auto;
	width: 1020px;
	text-align: left;
	background-color: #fff;
	padding: 0 0 30px 0;
}

div#banner {
		position: relative;
		height: 114px;
		padding: 0 0 20px 0;
	}

	div#banner img {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/* nav */
	
	ul#nav {
		position:relative;
		padding: 0;
		zoom: 1;
		margin: 0 0 0 40px;
	}
	
		ul#nav:after,
		div.columnset:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		ul#nav li {
			float: left;
			position:relative;
			padding: 0 15px 0 0;
			margin: 0 15px 0 0;
			font-size: 12px;
			font-family: 'MS Sans Serif', Geneva, sans-serif;
			font-weight: normal;
			border-right: 1px solid #0270AD;
		}
		
			ul#nav li.last-child {
				border: 0;
			}
		
			ul#nav li a, ul#nav li a:visited, ul#nav li a:active {
				color: #0270AD;
				text-decoration: none;
			}
		
				
						ul#nav li a:hover {
					color: #0270AD;
					text-decoration: underline;
						}
				
						ul#vertical {
					list-style: disc;
					list-style-position:inside;
						}
			
			ul#vertical li {
			font-size: 120%;
			font-family: Arial, "MS Trebuchet", sans-serif;
			color: #666666;
			font-weight: normal;
			padding: 3px 10px 3px 10px;
			margin: 5px 10px 5px 10px;
			}
			
			
				 /**Jquery dropdown menu**/
	
	#nav li ul {position:absolute; display:none; width:200px; top:13px; left:-1px; background:#F1F1F1; border-top:1px solid #c8c8c8;}
	#nav li ul li{border-right:none;}
	#nav li ul a {width:178px;border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8;  padding:5px 10px;  height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
	#nav ul ul {top:auto;}
	#nav li ul ul {left:130px; margin:0px 0 0 10px;}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}





		
		/* columnset */		
		div.columnset {
			padding: 15px 10px 0 10px;
			margin: 15px 30px 20px 30px;
			zoom: 1;
			background-color: #fff;
			
		}

				/* horizontal rule */
					div.columnset div.col-slim {
					clear: both;
					width:940px;
					height:1px;
					padding:0;
					background-color: #CCCCCC;
						}
			
									/* homepagecolumnset */	
										div.columnset div.col-one {
										float:left;
										width:60px;
										height:160px;
										padding:0;
										background-color: #CCCCCC;
										
											}
			
										div.columnset div.col-two {
										float:left;
										width:340px;
										padding:0;
											}
			
										div.columnset div.col-three {
										float:left;
										width:540px;
										height:160px;
										padding:0;
										margin: 0;
										clear: right;
											}
			
									/* homepagecontentcolumnset */	
										div.columnset div.col-content {
										width: 940px;
										padding: 0 0 15px 0;
										margin: 0 0 10px 0;
										clear: both;
										border-bottom:1px solid #999;
											}	
											
											/* homepage lower promos*/
										div.columnset div.col {
										float:left;
										width:300px;
										padding: 10px 0 0 0;
										display: block;
										clear: right;
										margin: 20px 0 20px 0;
											}
	
										div.columnset div.first-col {
										margin: 0 20px 0 0;
											}
			
										div.columnset div.second-col {
										margin: 0 20px 0 0;
											}
	
										div.columnset div.third-col {
										margin: 0;
											}
					
			/* contentcolumnset without lower border */
				div.columnset div.col-contentsb {
				width: 940px;
				padding: 0;
				margin: 0;
				clear: both;
					}	
#feature{height:160px; margin-bottom:10px;}
				
		/* inside pages columnset*/
					
			div.col-contentsb div.col-wide {
			width: 720px;
			padding: 0;
			margin: 0;
			float: left;
			clear: right;
			}		
			div.col-contentsb div.col-narrow {
			width: 220px;
			padding: 0;
			margin: 0;
			float: right;
			}		
				
				
				
			
			
			p {
				font-size: 130%;
				font-family: Arial, "MS Trebuchet", sans-serif;
				color: #666666;
				font-weight: normal;
				padding: 10px 0 5px 0;
				margin: 0;
				line-height:140%
			}
			
			
			
			
				
				/* float */
				
					.floatright {
						float: right;
						margin: 5px 10px 3px 10px;
				}
				
				
				
					.floatleft {
						float: left;
						margin: 10px 10px 0 0;
						padding: 0 0 10px 0;
						clear: both;
				}

				.floatleftsmall {
						float: left;
						margin: 2px 5px 0 0;
						padding: 0;
						clear: both;
				}

				img.center {
						display: block;
						 margin: 10px auto 10px auto;
				}
				
				.floattop {
						float: right;
						margin: 0;
						padding: 0;
						clear: right;
				}
				
				
				h1 {
				font-size: 160%;
				font-family: Arial, "MS Trebuchet", sans-serif;
				color: #0270AD;
				font-weight: bold;
				padding: 15px 0 5px 0;
				margin: 0;
				}
				
				h1.promo_header {
				font-size: 150%;
				font-family: Arial, "MS Trebuchet", sans-serif;
				color: #0270AD;
				font-weight: bold;
				padding: 0;
				margin: 0;
				}
			
			
				h2 {
				font-size: 130%;
				font-family: Arial, "MS Trebuchet", sans-serif;
				color: #EE823E;
				font-weight: bold;
				padding: 7px 0 0 0;
				margin: 0;
				line-height:130%
				}
					.blog-item h3 {
				font-size: 130%;
				font-family: Arial, "MS Trebuchet", sans-serif;
				color: #0270AD;
				font-weight: bold;
				padding: 7px 0 0 0;
				margin: 0;
				line-height:130%;
				border-bottom:1px solid #CCC;
				}
					
			
	
		a, a:visited, a:hover, a:active {
				font-family: Arial, "MS Trebuchet", sans-serif;
				color: #EE823E;
				text-decoration: none;
				font-weight: bold;
			}


				a:hover {
					font-family: Arial, "MS Trebuchet", sans-serif;
					text-decoration: underline;
				}
				
				a.header, a.header:visited, a.header:hover, a.header:active {
				font-family: Arial, "MS Trebuchet", sans-serif;
				color: #0270AD;
				text-decoration: none;
				font-weight: bold;
			}


				a.header:hover {
					font-family: Arial, "MS Trebuchet", sans-serif;
					text-decoration: underline;
				}

				a.shout, a.shout:visited, a.shout:hover, a.shout:active {
				font-size: 120%;
				font-family: Arial, "MS Trebuchet", sans-serif;
				color: #EE823E;
				text-decoration: none;
				font-weight: bold;
			}


				a.shout:hover {
					font-family: Arial, "MS Trebuchet", sans-serif;
					text-decoration: underline;
				}
				
		
		/* Image Gallery CSS */ 

#imagegallerycontainer {
padding: 20px 0 5px 240px;
}

.imagegalleryclear {
clear:both;
margin: 0 auto 10px auto;

}

a.imagegallery:link, a.imagegallery:visited, a.imagegallery:hover, a.imagegallery:focus, a.imagegallery:active {
border-color:#666666; 
margin: 0; 
padding: 0 10px 0 0; 
float:left; 
display:block; 
}


/* Lightbox */ 

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/lightbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/lightbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/lightbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/lightbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
	div.blog-item{border:1px solid #CCC; background:#f9f9f9; padding:10px; margin-bottom:10px;}
	
	form.contact{background:#f9f9f9; border:1px solid #ccc; padding:10px; width:500px;}
	form.contact div{margin-bottom:5px;}
	form.contact label{width:150px; float:left; color:#76787C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
	form.contact input, form.contact textarea{width:220px; float:right; border:1px solid #CCC;}
	input#submit{background:#EE823E; color:#FFF; height:30px;}
	
	.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
