/* 
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, 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-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;}
			
		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;}
		
		
	/* // 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, .col4{
				float:left;
				display:inline;
				}	
			.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;}
				
	/* grid */	

/* // layout */

/* content */

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

	.row1 a, .row1 a:visited{color:#577600;text-decoration:underline;}
	.row2 a, .row2 a:visited{color:#a1d227;}
	.row2 a:hover{color:#fff;}
	
	/* navigation */
		
		
		
	/* //navigation */
	
	/* header */
	
		#logo{
	position:absolute;
	top:-1px;
	left:34px;
	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 .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: 190px;
	cursor:pointer;
	border: 5px solid #f0f0f0;
				}
			
		#button a{
	font-size:14px;
	color:#333;
	text-decoration: none;
			}
			
			#button a:hover{
	color:#fff;
	text-decoration: underline;
			}
			
	#button p a, #intro p a span{
			height:51px;
			line-height:51px;
			color:#333;
			}

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