/* Document
------------------------------------------------ */

*{margin:0;padding:0;}

html, body{width:100%;height:100%;}
body{color:#fff;font:12px Arial, Helvetica, sans-serif;background:#000;}

a{color:#fff000;text-decoration:none;}
a:hover{color:#fff;text-decoration:underline;}
h1, h2, h3{font-size:1em;font-weight:normal;}
hr{height:1px;margin:6px 0;color:#ccc;background:#ccc;border:0;}
img{border:0 none;}
p{margin:5px 0 10px;}

table{width:100%;table-layout:fixed;font-size:12px;border:0 none;border-spacing:0;border-collapse:collapse;overflow:visible;}
th{font-size:12px;font-weight:bold;text-align:left;vertical-align:middle;}
td{vertical-align:top;}

form{display:inline;}
input,select,textarea{margin:1px 0;padding:1px 0;font:12px Arial, Helvetica, sans-serif;color:#222;border:1px solid #ccc;background:#fcfcfc;}
select{display:inline;height:18px;}
input:focus,select:focus{border:1px solid #000;}

.clear{display:block;height:0;clear:both;}
* html .clear{display:inline;}

/* Layout
------------------------------------------------ */

#container{position:relative;width:785px;min-height:100%;text-align:left;}

#header{clear:both;padding:10px 0 5px 15px;font-size:11px;}
#header h1{display:block;width:630px;height:230px;margin-bottom:5px;text-indent:-5000px;background:url(../img/logo-bck.gif) no-repeat;}
#header h1 a{display:block;width:100%;height:100%;}
#header .adr{float:left;margin-bottom:5px;}
#header .contact{float:right;color:#fff000;}
#header .tel{margin-right:5px;}
#header .fax{margin-right:15px;}
#header .machineonly{display:none;}
 
#content{clear:both;height:auto;padding:50px 0 20px;background:url(../img/bg-content.jpg) repeat-x;}
#content h2, #content h3{font-family:Georgia, "Times New Roman", Times, serif;}
#content h2{padding-left:15px;font-size:24px;background:url(../img/bullet.gif) left 60% no-repeat;zoom:1;}
#content ol, #content ul{list-style-position:outside;list-style-type:none;}
#content li{clear:both;}

#content .set{clear:both;margin-bottom:40px;padding:0 0 0 15px;}
#content .setbody{padding-left:15px;}
#content .subset{float:left;width:235px;margin-right:10px;}
#content .subsetlast{margin-right:0;}

#content .setheader{position:relative;}
#content .setheader .setheader-cta{position:absolute;right:5px;bottom:0;font-weight:bold;text-decoration:underline;}

#latestportfolio ol{clear:both;padding-top:10px;}
#latestportfolio ol li{clear:both;display:block;height:70px;}
#latestportfolio li .projectinfo{float:left;display:block;position:relative;width:520px;height:60px;margin-bottom:10px;padding:5px;background:#252525;}
#latestportfolio li .projectinfo img{float:left;margin-right:10px;}
#latestportfolio li .projectinfo h3{line-height:1em;letter-spacing:-2px;color:#000;font-size:36px;}
#latestportfolio li .projectdetails{position:absolute;left:215px;bottom:5px;color:#666;}
#latestportfolio li .projecturl{float:left;display:block;position:relative;width:230px;height:60px;padding:5px;background:#1c1c1c;}
#latestportfolio li .projecturl a{position:absolute;bottom:5px;right:5px;}

#latestportfolio ol li:hover .projectinfo{background:#fff000;}
#latestportfolio ol li:hover .projecturl{background:#fff000;}
#latestportfolio ol li:hover a{color:#000;font-size:14px;font-weight:bold;}

#services h3{margin-top:10px;font-size:14px;font-weight:bold;}
#services ul{margin-top:5px;}
#services ul li span{color:#999;}
#services #servicesconception{float:left;width:360px;padding-right:25px;}
#services #servicesproduction{float:left;}

#sites h3, 
#marketing h3{clear:both;margin-top:10px;font-size:14px;font-weight:bold;}
#sites ul li span, 
#marketing ul li span{display:block;margin-left:10px;color:#999;}
#sites ul li a, 
#marketing ul li a{white-space:nowrap;}

#marketing ul{margin-top:10px;}

#sites .screenshot{display:block;margin:20px 2px 40px;border:1px solid #999;} 

#footer{position:absolute;bottom:0;padding:10px;text-align:left;font-size:11px;color:#999;}
#footer label{color:#666;}
#footer a{color:#999;}
#footer a:hover{color:#fff000;text-decoration:none;}

/* Exceptions IE
------------------------------------------------ */

@media {
	/* IE6+ */
	#container{padding-top:20px;}
	#content{padding:25px 0 10px;}
	#latestportfolio ol li{margin-bottom:5px;}

	/* IE6 */
	* html #container{padding-top:0;}
	* html ol, ul{zoom:1;}
	* html #container{height:100%;}
	* html #content .setheader{height:1%;}
	* html #latestportfolio ol{padding-bottom:0;}
}