@charset "UTF-8";
/* CSS Document */
*{margin:0; padding:0;}
a, img{border:none; text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}
p,li, label{font-family:Arial, Helvetica, sans-serif; margin:10px 0; font-size:13px; color:#000; line-height:1.6em;}
h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#c55826;}

body{background:url(../_images/bg_blue.jpg) repeat; }

#wrapper{background:#fff; width:747px; margin:20px auto 0;}
.spacer{margin:150px 0;}

/*************   HEADER STYLES   *******************************/

#header{background:url(../_images/bg_header.jpg) no-repeat; width:100%; height:180px; position:relative;}
	.shell{position:absolute;top:-20px; left:230px;}
	.logo{position:absolute;top:10px; left:20px;}
	.cork{position:absolute;top:-20px; left:665px;}
	.marble{position:absolute;top:50px; right:-85px;}
	.key{position:absolute;top:120px; right:-80px;z-index:15;}

	 #navigation{list-style-type:none;position:absolute;bottom:0px; left:-10px;z-index:10;}
		#navigation li{float:left; margin:0 0px 0 0;}
		#navigation li a{display:block;text-indent:-9000px; background:url(../_images/navigation.png); height:45px;}
			#navigation li a:hover{display:block;text-indent:-9000px; background:url(../_images/navigation_over.png); height:45px;}
			
			#navigation li a.about{width:140px; background-position:0px 0px;}
			#navigation li a.portfolio{width:90px; background-position:-140px 0px;}
			#navigation li a.services{width:90px; background-position:-230px 0px;}
			#navigation li a.clients{width:70px; background-position:-320px 0px;}
			#navigation li a.whatsnew{width:118px; background-position:-390px 0px;}
			#navigation li a.contact{width:105px; background-position:-505px 0px;}
/****************************************************************/




.content{position:relative;}
.cigar{position:absolute; top:-200px; left:-100px;}
.mainContent{width:500px; margin:15px 0 20px 40px;}
	.mainContent_port{position:relative;width:700px; margin:15px 0 20px 40px; z-index:10;}
	
	.video{position:absolute;top:-40px; left:600px; z-index:10;}
	.ssp{z-index:15;}

.mainContent ul{margin: 0 0 15px 15px;}
	.mainContent ul li{}

table{border-spacing:10px; vertical-align:top;}
	td.label{text-align:right;padding-right:10px;}
	
.press a{color:#b6323d;}
	.press a:hover{color:#632d17;}

.column{float:left;width:120px; margin-right:20px;}
	.lastColumn{margin:0;float:left;width:120px;}

#clients{width:600px;}
	#clients img{margin:0 10px;}


ul#extraServices{position:absolute;left:600px; top:150px; list-style-type:none;}
	ul#extraServices li a{color:#c55826;}
	ul#extraServices li a.selected{font-weight:bold;}
	
	


/*************  FOOTER STYLES   *******************************/

#footer{background:url(../_images/bg_footer.jpg) no-repeat; width:100%; height:123px; position:relative;}
	#footer ul{list-style-type:none; margin:25px 0 0 40px; float:left;}
	#footer ul li{float:left;margin-right:10px;}
	.flash{float:right; margin:40px 15px 0 0; }
	    .flash h2{font-size:13px; float:left; margin:0 5px 0 0;}
		.flash a{color:#d57d18;}

ul#icons{float:right; margin:35px 100px 0 0; display:inline;}
ul#icons li{display:block;margin:0px; float:none;}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
/****************************************************************/