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

/* global */

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

		h1, h2, h3, h4, h5, h6{
			margin:.75em 0;
			line-height:130%;
			}	
		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;}
			
		a, a:visited{
			text-decoration:none;
			color:#555;
			}
		a:hover{color:#999;}							
		p, blockquote, ul, ol, form{margin:1em 0;}
		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;}
		button{
			border:5px solid #f0f0f0;
			padding:5px 25px;
			cursor:pointer;
			background:#ffa800 url(../images/bg_button.gif) repeat-x;
			color:#333;
			font-weight:bold;
			}
		
	/* // 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;}
		
		.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.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;border-top:10px solid #d6d6d6;}
			.row2{background:#111;color:#fff;}
			
			.col1, .col2, .col3{
				float:left;
				display:inline;
				}	
			.col1{width:386px;margin-left:46px;}
			.col2{width:535px;margin-left:46px;}
			.col3{width:252px;margin-left:31px;}	
				
	/* 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:#577600;text-decoration:underline;font-weight:bold;}
	.row2 a, .row2 a:visited{color:#a1d227;}
	.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:#000;
			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 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:0;
			left:54px;
			background:url(../images/bg_logo.jpg) 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 .slide, #intro .slide li{
			width:366px;
			height:196px;
			overflow:hidden;
			margin:0;
			padding:0;
			}	
		#intro .slide{
			position:absolute;
			top:56px;
			left:64px;
			}	
		#intro .body{
			position:absolute;
			top:46px;
			left:486px;
			width:386px;
			}	
		#intro h2{
			color:#fff;
			font-size:32px;
			}
		#intro p{
			color:#111;
			font-size:18px;
			line-height:150%;
			}	
		#intro p a:hover{
			color:#fff;
			}	
		#intro p a, #intro p a span{
			float:left;
			height:52px;
			line-height:52px;
			color:#333;
			}
		#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;
			}

	/* // misc */

/* // 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 */