@charset "utf-8";

html, body{
	background:#FFF;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

img, a{border:none; outline:none; text-decoration:none;}

#container{
	width:100%;
	height:auto;
	position:absolute;
	top:0; left:0;
}

#header{
	background:url(../images/header_bg.png);
	width:100%;
	height:80px;
	float:left;
	clear:both;
	margin-top:20px;
}

		/* header elements */
		#header .wrapper{width:960px; height:auto; margin:0 auto;}
		
		#header h1{
			background:url(../images/logo.png) top;
			width:522px;
			height:80px;
			float:left;
			margin:0;
			border:none;
			text-indent:-9999px;
		}/**/


#top_content{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-top:20px;
}

		/* top content elements */
		#left_column{width:483px; float:left;}
		#right_column{width:427px; float:right;}
		
		
		#top_content .wrapper{
			background:url(../images/top_bg.png) center no-repeat;
			width:960px;
			height:355px;
			margin:0 auto;
		}
		
		#top_content h1{
			background:url(../images/top_h1.png);
			width:453px;
			height:195px;
			float:left;
			margin:20px 0 15px 35px;
			padding:0;
			text-indent:-9999px;
		}
		
		#top_content h2{
			background:url(../images/top_h2.png);
			width:85px;
			height:20px;
			float:left;
			margin:0 0 0 45px;
			text-indent:-9999px;
		}
		
		#top_content h3{
			background:url(../images/top_h3.png);
			width:119px;
			height:20px;
			float:left;
			clear:right;
			margin:0 0 0 143px;
			text-indent:-9999px;
		}
		
		#top_folio_btn{background:url(../images/top_btn_portfolio.png) top; width:199px; height:66px; margin:0 0 0 45px; float:left;}
		#top_folio_btn:hover{background:url(../images/top_btn_portfolio.png) bottom;}
		
		#top_quote_btn{background:url(../images/top_btn_quote.png) top; width:199px; height:66px; margin:0 0 0 30px; float:left;}
		#top_quote_btn:hover{background:url(../images/top_btn_quote.png) bottom;}
		
		#product{
			background:url(../images/top_web.png);
			width:387px;
			height:278px;
			margin-top:40px;
		}/**/

#mid_content{
	background:url(../images/mid_bg.png) repeat-x;
	width:100%;
	height:319px;
	float:left;
	clear:both;
	margin-top:10px;
}

		/*mid_content elements*/
		#mid_content .wrapper{width:960px; height:auto; margin:0 auto;}
		
		#mid_content h1{
			background:url(../images/foot_id.png) bottom no-repeat;
			width:223px;
			height:42px;
			margin:0 0 0 5px;
			text-indent:-9999px;
		}
		
		#mid_content h2{
			background:url(../images/foot_apps.png) bottom no-repeat;
			width:197px;
			height:42px;
			margin:0 0 0 5px;
			text-indent:-9999px;
		}
		
		#mid_content h3{
			background:url(../images/foot_design.png) bottom;
			width:223px;
			height:42px;
			margin:0 0 0 5px;
			text-indent:-9999px;
		}
		
		#mid_content a{ color:#F00; text-transform:uppercase;} #mid_content a:hover{color:#000;}
		#mid_content p{margin:0; text-align:justify; padding:5px; font-size:10px; color:#FFF;}
		#mid_content strong{color:#FF0;}
		
		#idcorp{background:url(../images/thumb_001.png); width:295px; height:155px;}
		#apps{background:url(../images/thumb_002.png); width:295px; height:155px;}
		#design{background:url(../images/thumb_003.png); width:295px; height:155px;}
		
		#module1{
			width:290px;
			height:auto;
			float:left;
			margin:20px 25px 10px 10px;
		}
		
		#module2{
			width:290px;
			height:auto;
			float:left;
			margin:20px 10px;
		}
		
		#module3{
			width:290px;
			height:auto;
			float:right;
			margin:20px 10px;
		}/**/
		
#footer{
	background:url(../images/foot_bg.png) repeat-x;
	width:100%;
	height:187px;
	float:left;
	clear:both;
}

		/* footer elements */
		#footer .wrapper{width:960px; height:auto; margin:0 auto;}
		
		#footer h1{
			background:url(../images/foot_followme.png);
			width:170px;
			height:35px;
			margin:0 0 10px 0;
			text-indent:-9999px;
		}
		
		#footer h2{
			background:url(../images/foot_h2.png) bottom no-repeat;
			width:143px;
			height:35px;
			margin:0 0 10px 0;
			text-indent:-9999px;
		}
		
		#footer h3{
			background:url(../images/foot_h3.png) bottom no-repeat;
			width:129px;
			height:35px;
			margin:0 0 10px 0;
			text-indent:-9999px;
		}
		
		#twitter{background:url(../images/social_twitter.png); width:70px; height:70px; margin-right:5px;}
		#deviant{background:url(../images/social_deviant.png); width:70px; height:70px; margin-right:5px;}
		#myspace{background:url(../images/social_myspace.png); width:70px; height:70px;}
		
		#module4{
			width:290px;
			height:auto;
			float:left;
			margin:20px 30px 10px 10px;
		}
		
		#module5{
			width:290px;
			height:auto;
			float:right;
			margin:20px 10px;
			list-style:none;
		}
			#module5 li{margin:0 0 8px 10px; font-size:12px;}
			#module5 a{color:#999;} #module5 a:hover{color:#666;}
			#module5 p{font-size:11px;}
		
		#module6{
			width:290px;
			height:auto;
			float:left;
			margin:20px 0;
		}/**/
		
#disclaimer{
	width:100%;
	height:50px;
	float:left;
	clear:both;
}

		/* disclaimer elements */
		#disclaimer .wrapper{width:960px; height:auto; margin:0 auto;}
		
		#disclaimer h1{margin:20px 20px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; float:left;}
		#disclaimer h2{margin:20px 20px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; float:right;}
		#disclaimer h3{margin:20px 20px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px;  color:#666; float:left;}
		
		#disclaimer ul{list-style:none; display:inline; margin:0; padding:0;}
		#disclaimer li{list-style:none; display:inline; margin:0 5px 0 5px;}
		#disclaimer a{color:#333;} #disclaimer a:hover{color:#F00;}