/* 
Templatica css
written Alen Grakalic of cssglobe.com & templatica.com
*/

/* global */

	body{
	background:#1f1f1f url(../images/bg_body.gif) repeat-x;
	margin:0;
	text-align:center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2em;
	padding-left: 0;
		}
		
	/* typography, headings and elements  */		
		
		body, table, input, textarea, select, button{
			font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}		
		body{font-size:13px;}

		h1, h2, h3, h4, h5, h6, h7{
	margin-top: 0.75em;
	margin-right: 0;
	margin-left: 0;
	line-height: 130%;
	margin-bottom: 1px;
			}	
		h1{font-size:220%;}	
		h2{font-size:200%;}	
		h3{font-size:170%;}
		h4{font-size:140%;}
		h5{font-size:110%;}
		h6{font-size:100%;font-weight:bold;}
		h7{
	font-size:200%;
	color: #F90;
}	
			
		a, a:visited{
			text-decoration:none;
			color:#555;
			}
		a:hover{color:#999;}							
		p, blockquote, ol, form{margin:1em 0;}
		ul{
		padding-left: 15px;
}
		blockquote{font-style:italic;font-size:14px;color:#777;line-height:180%;}
		img{border:none;}			
		hr{display:none;}	
		table{
			margin:1em 0;
			width:100%;
			border-collapse:collapse;
			}
		th, td{padding:2px 5px;}	
		th{text-align:left;}
		li{display:list-item;}	

	/* // typography, headings and elements */	
	
	/* forms */
		
		form div{margin:.25em 0;}
		fieldset{padding:1em 0;border:none;border-top:1px solid #ccc;}
		legend{background:#fff;color:#555;padding:0 5px;}
		label{float:left;width:150px;}
		.field, .area, select{border:1px solid #ccc;width:300px;padding:3px;}
		.area{height:120px;}
		select{width:186px;}
		.radio, .checkbox{margin-left:-2px;}
		.submit{margin-left:150px;padding-top:.5em;}
		
		
	/* // forms */
	
	/* common */		
		
		.left{float:left;margin-right:1em;}
		.right{float:right;margin-left:1em;}
		.center{text-align:center;}
		
		img.left, img.right{border:5px solid #d6d6d6;margin-top:.5em;}
		
		blockquote.right{width:240px;padding-left:12px;border-left:1px solid #d6d6d6;margin-top:.5em;}
		.highlight1{
	font-weight:bold;
	color:#990000;
}
		.clear{clear:both;}
		.first{margin-left:0 !important;}
		.last{margin-right:0 !important;}
		.top{margin-top:0 !important;}
		.bottom{margin-bottom:0 !important;}
		.inset{margin-left:46px !important;}
	
		.error{display:block;margin:.5em 0;border:1px solid #c00;background:#ffdbdb;padding:5px 10px;color:#333;}
		.success{border:1px solid #a0d127;background:#e1ecc6;padding:5px 10px;color:#333;}
	
	/* // common */			
	
/* // global */

/* layout */

	#container{
	margin:0 auto;
	width:926px;
	text-align:left;
	position:relative;
		}
	#header{
		height:141px;
		position:relative;
		background:url(../images/bg_header-o.jpg) no-repeat 0 0;
		}	
	#footer{		
		margin:0 8px;
		background:#fff;
		border-top:10px solid #d6d6d6;
		padding:2em 46px;
		}
					
		/* grid */
		
			.row{clear:both;padding:1em 0;margin:0 8px;width:910px;}
			.row1{background:#fff;}
			.row2{background:#111;color:#fff;}
			.row3{
	border-top:10px solid #d6d6d6;
	background-color: #000;
}
			
			.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9{
	float:left;
	display:inline;
	overflow: visible;
				}	
			.col1{
	width:386px;
	margin-left:46px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6D6D6;
	padding-right: 30px;
}
			.col2{width:535px;margin-left:46px;}
			.col3{width:252px;margin-left:31px;}
			.col4{width:386px;margin-left:30px;}
			.col5{width:525px;margin-left:31px;}
			.col6{width:525px;margin-left:31px;}
	
	.col7{width:252px;
	margin-left:31px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D6D6D6;
	padding-left: 30px;}
	
	.col8{
	margin-left:30px;
	margin-right: 30px;
}
	
			.col9{
	width:400px;
	margin-left:30px;
}
				
	/* grid */	

/* // layout */

/* content */

	#title{
		background:url(../images/bg_title.jpg) no-repeat 0 0;
		line-height:100px;
		height:100px;
		color:#fff;
		padding:0 54px;
		overflow:hidden;
		margin:0;
		}

	.row1 a, .row1 a:visited{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
	.row2 a, .row2 a:visited{
	color:#000;
}
	.row2 a:hover{color:#fff;}
	
	/* navigation */
		
		ul#nav, ul#nav ul,  
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav, ul#nav li, ul#nav li a{
			float:left;
			display:inline;
			height:70px;
			line-height:70px;
			}			
		ul#nav{
			position:absolute;
			top:71px;
			right:39px;
			}	
		ul#nav li{position:relative;}
		ul#nav li a{
			color:#fff;
			font-size:18px;
			padding:0 15px;
			text-transform:lowercase;
			}	
		ul#nav li.selected a, ul#nav li a:hover{
			color:#a1d227;
			}
		ul#nav ul{
	position:absolute;
	top:70px;
	right:0;
	width:200px;
	background:#333;
	z-index:1000;
	display:none;
	
			}	
		ul#nav ul li, ul#nav ul li a{
			float:none;
			display:block;
			height:auto;
			line-height:130%;
			text-align:right;
			font-size:13px;
			}	
			ul#nav ul li{
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #FFF;
			}	
			
		ul#nav ul li a{
			margin:.5em 0;
			}	
			
		#footer ul, #footer li{
			margin:0;
			padding:0;
			list-style:none;
			}
		#footer ul{
			float:right;
			}
		#footer li{
			display:inline;
			margin-left:15px;
			}		
		
	/* //navigation */
	
	/* header */
	
		#logo{
	position:absolute;
	top:-1px;
	left:54px;
	background:url(../images/bg_logo.gif) no-repeat 0 0;
	width:230px;
	height:141px;
			}	
		#logo a{
			display:block;
			height:141px;
			}	
		#twitter{
			margin:0;
			position:absolute;
			top:0;
			right:54px;
			background:url(../images/bg_twitter.gif) no-repeat 0 0;
			width:265px;
			height:75px;
			}
		#twitter a{
			position:absolute;
			display:block;
			top:17px;
			right:76px;
			width:187px;
			height:40px;
			line-height:40px;
			text-align:center;
			color:#fff;
			font-style:italic;
			}	
	
	/* // header */
	
	/* footer */
	
		#footer p{margin:0;}
	
	/* // footer */

	/* intro */

		#intro{
			height:309px;
			position:relative;
			background:url(../images/bg_intro.jpg) no-repeat 0 0;
			}
			
			#intro_sub{
			height:100px;
			position:relative;
			background:url(../images/bg_title.jpg) no-repeat 0 0;
			}
			
		#intro .slide, #intro .slide li{
			width:366px;
			height:196px;
			overflow:hidden;
			margin:0;
			padding:0;
			}	
		#intro .slide{
			position:absolute;
			top:56px;
			left:64px;
			}	
		.title{
	position:absolute;
	top:46px;
	left:486px;
	width:356px;
	border: 1px solid #000;
	background-image: url(../images/trans_spacer1.png);
	background-repeat: repeat;
	padding: 15px;
			}	
		#intro h2{
	color:#FFF;
	font-size:32px;
	line-height: 34px;
			}
		#intro p{
	color:#FFF;
	font-size:12px;
	line-height:150%;
			}	
		#intro p a:hover{
	color:#A1D227;
			}	
		#intro p a, #intro p a span{
			float:left;
			height:52px;
			line-height:52px;
			color:#FFF;
			}
		#intro a.link{
			background:url(../images/bg_ctabtn.gif) no-repeat 0 0;
			padding-left:50px;
			margin-right:10px;
			}
		#intro a.link span{
			cursor:pointer;
			background:url(../images/bg_ctabtn.gif) no-repeat 100% 0;
			padding-right:50px;
			}

	/* // intro */
	
	/* // misc */
	
		ul.list1{
			margin:1em 0;
			padding:0;
			border-top:1px solid #ccc;
			}	
		ul.list1 li{
			margin:0;
			padding:.5em 0;
			list-style:none;
			border-bottom:1px solid #ccc;
			}
		.row2 ul.list1{border-top:1px solid #333;}
		.row2 ul.list1 li{border-bottom:1px solid #333;}
		.row1 ul.list1 li a, .row1 ul.list1 li a:visited{text-decoration:none;}
		
		ul.thumbs{
			margin:1em 0;
			padding:0;
			}	
		ul.thumbs li{
			float:left;
			margin:0 0 2px 5px;
			padding:0;
			list-style:none;
			}
		ul.thumbs li img{
			border:1px solid #777;
			}

		#button{
	padding: 3px;
	background-position: 0;
	text-align: center;
	background-image: url(../images/button.gif);
	width: 250px;
	cursor:pointer;
	float:right;
	border: 5px solid #f0f0f0;
			}
			
	#button a{
	font-size:14px;
	color: #000;
	text-decoration: none;
}		

#button a:hover{
	color: #FFF;
	text-decoration: none;
}	
	/* // misc */
	.subhead{
	font-size: 16px;
	font-weight: bold;
	color: #5BCCF4;
}

.subhead2 {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}

.subhead1 {
	font-size: 16px;
	color: #990000;
	font-weight: bold;
}

.caption {
	font-size: 9px;
	font-style: italic;
	color: #000000;
	vertical-align: top;
}

.white{
	color: #FFF;
	line-height: 28px;
	font-size: 16px;
	list-style-image: url(../images/check.jpg);
}

a.view{
	color: #F90;
	font-size: 16px;
}

#quote_right{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #09F;
	float: right;
	width: 160px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d6d6d6;
	text-align: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 28px;
}

#quote_left{
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #09F;
	float: left;
	width: 120px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6d6d6;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 10px;
	line-height: 28px;	
}

/* // content */

/* image replacement */
	
	.graphic, #logo{
			margin:0;
			padding:0;
			display:block;
			overflow:hidden;
			text-indent:-8000px;
			}

/* // image replacement */

/* clearfix */

	.row:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.row, .fixed{display:block;}
	/*  \*/
	.row, .fixed{min-height:1%;}
	* html .row, * html .fixed{height:1%;}

/* // clearfix */