/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset  
{
margin:0;
padding:0;
border:0;
}
a img{border:none;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body
	{
	background:#243d42 url(../images/art/bg.jpg) 0 0 repeat-x;
	text-align:center;
	}
#wrap
	{
	width:1096px;
	margin:0 auto;
	text-align:left;
	background:url(../images/art/wrap-bg.jpg) 0 0 repeat-y;
	}
#header
	{
	width:950px;
	height:139px;
	background:url(../images/art/header-bg.jpg) 0 0 no-repeat;
	padding:0 73px;
	}
#header h1
	{
	width:236px;
	height:58px;
	background:url(../images/art/logo.jpg) 0 0 no-repeat;
	display:block;
	float:left;
	margin:29px 0 0 0;
	}
#header h1 a
	{
	width:236px;
	height:58px;
	display:block;
	}
#header h1 span{display:none;}
#header ol
	{
	list-style:none;
	float:right;
	margin:44px 0 0 0;
	}
#header ol li
	{
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#58787e;
	float:left;
	display:inline;
	background:url(../images/art/divider.jpg) right center no-repeat;
	padding:0 10px;
	}
#header ol li.last
	{
	background:none;
	padding:0 0 0 10px;
	}
#header ol li a
	{
	color:#58787e;
	text-decoration:none;
	}
#header ol li a:hover{color:#c7c894;}
#content
	{
	width:950px;
	clear:both;
	padding:0 73px;
	background:url(../images/art/content-bg.jpg) 0 0 no-repeat;
	position:relative;	
	}
#content div.address
	{
	width:150px;
	position:absolute;
	z-index:1000;
	bottom:0;
	right:84px;
	}
#content div.address h1.logo
	{
	width:80px;
	height:21px;
	background:url(../images/art/small-logo.jpg) 0 0 no-repeat;
	display:block;
	margin:0 0 0 -5px;
	position:relative;
	}
#content div.address h1.logo span{display:none;}
#content div.address p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:16px;
	margin:0 0 15px 0;	
	}
#content div.address p a
	{
	color:#fff;
	text-decoration:none;
	}
#left
	{
	width:203px;
	height:561px;
	padding:22px 12px 0 12px;
	background:url(../images/art/left-bg.jpg) 0 0 no-repeat;
	position:relative;
	float:left;
	}
#left h1.news
	{
	width:70px;
	height:17px;
	background:url(../images/headers/h1-news.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 8px 0;
	}
#left h1.tips
	{
	width:149px;
	height:15px;
	background:url(../images/headers/h1-tips.gif) 0 0 no-repeat;
	display:block;
	margin:81px 0 11px 0;
	}
#left h1 span{display:none;}
#left h2
	{
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#afb068;
	line-height:20px;
	}
#left h3
	{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#516265;
	line-height:18px;
	margin:-5px 0 0 0;
	}
#left p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#b4cfcf;
	line-height:15px;
	margin:0 0 23px 0;
	position:relative;
	}
#left p a
	{
	color:#b4cfcf;
	text-decoration:none;
	}
#left p a.more
	{
	width:107px;
	height:11px;
	background:url(../images/link-more.gif) 0 0 no-repeat;
	display:block;
	clear:both;
	}
#left p a.tips
	{
	width:55px;
	height:12px;
	background:url(../images/link-tips.gif) 0 0 no-repeat;
	display:block;
	}
#left p a.more span, #left p a.tips span{display:none;}
#left img
	{
	position:absolute;
	top:396px;
	right:0;
	}
#left ul
	{
	list-style:none;
	margin:0 0 12px 0;
	}
#left ul li
	{
	width:203px;
	background:url(../images/line.jpg) 0 bottom repeat-x;
	padding:10px 0;
	}
#left ul li p{margin:0;}
#left ul li p span{color:#898863;}
#left ul li p a:hover{text-decoration:underline;}
#right
	{
	width:703px;
	padding:24px 0 0 18px;	
	float:left;
	background:url(../images/art/content-right-bg.jpg) 0 0 no-repeat;
	margin:-58px 0 0 0;
	position:relative;
	}
#right.main{background:url(../images/art/main-right-bg.jpg) 0 0 no-repeat;}
#right h1.solutions
	{
	width:135px;
	height:24px;
	background:url(../images/headers/h1-solutions.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 14px 0;
	}
#right h1.featured
	{
	width:180px;
	height:28px;
	background:url(../images/headers/h1-featured.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 16px 0;
	clear:right;
	}
#right h1.ad
	{
	width:141px;
	height:12px;
	background:url(../images/headers/h1-ad.gif) 0 0 no-repeat;
	display:block;
	margin:9px 0 20px 0;
	}
#right h1 span{display:none;}
#right p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:18px;
	}
#right br.clear{clear:both;}
#right div.col-1, #right div.col-3
	{
	width:506px;
	float:left;
	margin:35px 0 0 0;
	}
#right div.col-3
	{
	width:491px;
	margin:0;
	padding:0 0 0 15px;
	}
#right div.col-1 h2
	{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#afb068;
	line-height:18px;
	margin:15px 0 5px 0;
	}
#right div.col-1 h3
	{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#4e7379;
	line-height:17px;
	background:#142326;
	padding:0 5px;
	float:left;
	margin:0 0 5px 0;
	}
#right div.col-1 p
	{
	background:url(../images/line2.jpg) 0 bottom repeat-x;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	clear:left;
	}
#right div.col-1 a
	{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#5e99a4;
	text-decoration:none;
	float:right;
	margin:0 0 33px 10px;
	}
#right div.col-1 a:hover{text-decoration:underline;}
#right div.col-2
	{
	width:150px;
	padding:0 15px;
	float:right;
	margin:35px 0 0 0;
	}
#right div.col-2 p
	{
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	margin:0 0 15px 0;
	}
#right div.col-2 p a{color:#fff;}
#right div.col-2 ul{list-style:none;}
#right div.col-2 ul li{margin:0 0 20px 0;}
#right div.col-2 ul li h2
	{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#5e99a4;
	}
#right div.col-2 ul li h2 a
	{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#5e99a4;
	text-decoration:underline;
	}
#right div.col-2 ul li p
	{
	font:10px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:12px;
	margin:3px 0 0 0;
	padding:0;
	}
#right div.col-2 ul li a
	{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#a2a66a;
	text-decoration:none;
	}
#right div.col-3 h1{clear:both;}
#right div.col-3 h1.synopsis
	{
	width:295px;
	height:34px;
	background:url(../images/headers/h1-synopsis.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}
#right div.col-3 h1.software
	{
	width:220px;
	height:29px;
	background:url(../images/headers/h1-software.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}
#right div.col-3 h1.process
	{
	width:450px;
	height:150px;
	background:url(../images/headers/h1-process.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}	
#right div.col-3 h1.manifesto
	{
	width:450px;
	height:150px;
	background:url(../images/headers/h1-manifesto.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}	
#right div.col-3 h1.contact-us
	{
	width:450px;
	height:150px;
	background:url(../images/headers/h1-contact.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}			
#right div.col-3 h1.case
	{
	width:130px;
	height:28px;
	background:url(../images/headers/h1-case.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}
#right div.col-3 h1.process1
	{
	width:130px;
	height:28px;
	background:url(../images/headers/h1-process1.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}
#right div.col-3 h1.process2
	{
	width:130px;
	height:28px;
	background:url(../images/headers/h1-process2.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}
#right div.col-3 h1.process3
	{
	width:130px;
	height:28px;
	background:url(../images/headers/h1-process3.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}
#right div.col-3 h1.process4
	{
	width:130px;
	height:28px;
	background:url(../images/headers/h1-process4.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}
#right div.col-3 h1.process5
	{
	width:130px;
	height:28px;
	background:url(../images/headers/h1-process5.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 5px 0;
	}		
#right div.col-3 h1 span{display:none;}
#right div.col-3 p{margin:0 0 23px 0;}
#right div.col-3 #main-box
	{
	margin:-6px 0 0 0;
	float:left;
	}
#right div.col-3 ul
	{
	margin:0 0 0 -15px;
	position:relative;
	}
#right div.col-3 ol
	{
	float:left;
	list-style:none;
	padding:0 0 13px 0;
	}
#right div.col-3 ol li
	{
	width:105px;
	height:23px;
	font:11px Arial, Helvetica, sans-serif;
	color:#5d8b94;
	line-height:18px;
	float:left;
	display:inline;
	padding:5px 0 0 44px;
	margin:0 0 8px 0;
	}
#right div.col-3 ol li.photoshop{background:url(../images/ico-photoshop.jpg) 0 0 no-repeat;}
#right div.col-3 ol li.xhtml{background:url(../images/ico-xhtml.jpg) 0 0 no-repeat;}
#right div.col-3 ol li.xml{background:url(../images/ico-xml.jpg) 0 0 no-repeat;}
#right div.col-3 ol li.adobe-flash{background:url(../images/ico-flash.jpg) 0 0 no-repeat;}
#right div.col-3 ol li.css{background:url(../images/ico-css.jpg) 0 0 no-repeat;}
#right div.col-3 ol li a
	{
	color:#5d8b94;
	text-decoration:none;
	}
#right div.col-3 a
	{
	width:auto;
	height:38px;
	margin:0 3px 0 0;
	padding:0;
	outline:none;
	display:block;
	}
#right div.col-3 a#logo
	{
	width:66px;
	height:38px;
	background:url(../images/link-logo.jpg) 0 0 no-repeat;
	display:block;
	}
#right div.col-3 a#logo.selected, #right div.col-3 a#logo:hover{background:url(../images/link-logo.jpg) 0 -38px no-repeat;}
#right div.col-3 a#websites
	{
	width:82px;
	height:38px;
	background:url(../images/link-websites.jpg) 0 0 no-repeat;
	display:block;
	margin:0 0 0 -15px !important;
	margin:0 3px 0 0;
	}
#right div.col-3 a#websites.selected, #right div.col-3 a#websites:hover{background:url(../images/link-websites.jpg) 0 -38px no-repeat;}
#right div.col-3 a#marketing
	{
	width:86px;
	height:38px;
	background:url(../images/link-marketing.jpg) 0 0 no-repeat;
	display:block;
	margin:0 0 0 -15px !important;
	margin:0;
	}
#right div.col-3 a#marketing.selected, #right div.col-3 a#marketing:hover{background:url(../images/link-marketing.jpg) 0 -38px no-repeat;}
#right div.col-3 a#logo span, #right div.col-3 a#websites span, #right div.col-3 a#marketing span{display:none;}
#right div.box
	{
	width:490px;
	padding:9px 8px 0 8px;
	background:url(../images/box-bg.jpg) 0 0 no-repeat;
	}
#right div.box2
	{
	width:450px;
	padding:20px 15px 0 15px;
	float:left;
	background:#1b2e31;
	margin:0 0 27px 0;
	}
#right div.flash
	{
	width:533px;
	height:275px;
	padding:16px 0 0 0;	
	float:left;
	margin:10px 0 22px -25px;
	background:url(../images/art/flash-bg.jpg) 0 0 no-repeat;
	}
#footer-wrap
	{
	width:100%;
	height:138px;
	background:#1e3236 url(../images/art/footer-wrap.jpg) 0 0 repeat-x;
	text-align:center;
	clear:both;
	}
#footer
	{
	width:950px;
	height:78px;
	padding:60px 0 0 0;
	background:#1e3236 url(../images/art/footer-bg.jpg) 0 -1px no-repeat;
	margin:0 auto;
	}
#footer p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#486f76;
	line-height:16px;
	margin:0 0 10px 0;
	}
#footer p.links{margin:0 0 5px 25px;}
#footer p.links a
	{
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	margin:0 25px 0 0;
	}
#footer p a
	{
	color:#486f76;
	text-decoration:none;
	margin:0 10px 0 0;
	}
#footer p a:hover{text-decoration:underline;}
#footer p span{margin:0 0 0 10px;}