/*globals*/
*{margin:0; padding:0; line-height:1.4em}
body{

background:#fff /*url(/img/bg_foot.jpg) repeat-x bottom left*/;
 font-size:70%; 
 font-family:"Lucida Sans Unicode","Arial Unicode MS","Lucida Sans","Lucida Grande",Verdana,Helvetica,Arial,sans-serif; color:#000}
h1{display:none}
h2{font-size:180%; font-family:"Trebuchet MS","Lucida Sans",Helvetica,Arial,sans-serif; font-weight:normal; margin-bottom:.8em}
h3{font-size:120%; margin-bottom:.7em}
h4{font-size:110%}
p{font-size:120%; margin:.8em 0}
a{color:#DA5E17}
a:visited{color:#666}
a:hover{color:#000}
a:active{color:#C00}

/*wrapper*/
#container_outer{
	background-color: #F0F0F0;
	background-image: url(images/fondolado_planetha.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width:100%;
	/*width:958px;
	 width:958px; 
	#container_outer{background:#F0F0F0 url(/img/page_bg5.jpg) repeat-x top left}
	*/
}
#container{
	margin:0 auto;
	width:760px;
	background-color: #F0F0F0;
	background-image: url(images/fondo_planetha.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

body.about #container{background:#F0F0F0 url(/img/main9.jpg) no-repeat top left}
body.work #container{background:#F0F0F0 url(/img/main7.jpg) no-repeat top left}
body.contact #container{background:#F0F0F0 url(/img/main8.jpg) no-repeat top left}
body.port #container{background:#F0F0F0 url(/img/main7.jpg) no-repeat top left}

/*nav*/
#menu{padding-top:40px; height:65px; text-align:right; list-style:none; font-family:Futura,"Trebuchet MS","Lucida Sans",Helvetica,Arial,sans-serif; font-size:130%; letter-spacing:.1em}
#menu li{display:inline}
#menu li a{text-decoration:none; color:#fff ; margin-right:5px; padding:10px}
body.home #menu li.home a, body.services #menu li.services a, body.work #menu li.work a, body.contact #menu li.contact a, body.about #menu li.about a, body.port #menu li.work a{color:#DA5E17; border-top:2px solid #DA5E17}
#menu li a:visited{}
#menu li a:hover{color:#000; border-top:2px solid #FF6600}
#menu li a:active{}

/*containers*/
#mainbody{margin-top:280px; padding-bottom:100px; clear:both}
#main{width:450px; float:right; overflow:hidden}
body.services #main, body.work #main{width:95%; margin-left:30px}
#main h2{text-align:right; font-size:220%}
body.home #main h2{text-align:left; font-size:170%; line-height:1.8em}
#main h3{margin-top:1em; margin-bottom:-.7em; font-size:130%; color:#DA5E17}
#main ul{margin:1.5em 2.5em; font-size:110%; line-height:1.5em}

#side{width:265px; float:left; overflow:hidden}
#side h3{color:#DA5E17; font-size:140%; margin-bottom:1em; margin-top:1em; padding-left:30px}
#side ul{list-style:none; padding-left:30px; padding-right:10px; font-size:110%}
#side p{padding-left:30px; padding-right:25px; font-size:110%}
#side h4{padding-left:30px; padding-right:25px; margin-top:1em; margin-bottom:-.5em}
#side li{margin-bottom:.2em}
body.home #side li{margin-bottom:25px; background:url(/img/icon_page.jpg) no-repeat 0 .2em; padding-left:20px}
body.about #side{background:url(/img/about_icons.jpg) no-repeat 10em 7em; height:450px}
body.port #side p{margin-left:0}

div.box_services{width:48%; float:left}
div.box_services p, div.box_services h3, div.box_services li{margin-right:20px; margin-left:20px}
div.box_additional{margin:20px; padding-top:15px; clear:both}

.hr{height:50px; background:url(/img/hr.gif) no-repeat scroll center; margin:10px 0; clear:both}
.hr hr{display:none}
.feature{padding:0 15px}
.feature p{line-height:1.4em; font-size:110%}
.feature img{float:left; margin-top:2em; margin-right:1.5em}
.feature h3{display:block; clear:both}
.feature h4{font-size:140%; color:#DA5E17; margin-top:2em}

/*footer*/
#footer{background:#fff; border-top:4px solid #ccc; clear:both; padding:20px 0; color:#999; height:160px; font-size:90%}
#footer_container{width:760px; margin:0 auto}
#footer ul{padding-top:10px; height:65px; list-style:none; font-family:Futura,"Trebuchet MS","Lucida Sans",Helvetica,Arial,sans-serif; font-size:130%; letter-spacing:.1em; margin-left:20px}
#footer ul li{display:inline}
#footer ul li a{text-decoration:none; color:#999; margin-right:5px; padding:10px}
#footer ul li a:visited{}
#footer ul li a:hover{color:#333; border-bottom:1px solid #666}
#footer ul li a:active{}
#footer p{margin-top:40px; margin-left:30px}
#clear{clear:both; height:50px}

/*forms*/
input, textarea{padding:5px; margin:5px 0; border:1px solid #333; background:#fefefe; display:block}
form{margin-top:25px; margin-bottom:10px}
fieldset{border:0}

/*portfolio*/
#casestudies{margin-left:10px}
#casestudies li{margin:.5em 0; padding-left:15px; background:url(/img/bullet.gif) no-repeat 0 .3em}
#casestudies a{text-decoration:none}

div.port{width:33%; float:left; margin-top:1em}
div.port h4{margin-left:.7em; margin-bottom:-.9em; font-size:110%}
div.port p{margin-left:.7em; margin-bottom:1.5em; font-size:110%}
body.port #main img{border:1px solid #666}

.back{margin-top:3em; text-align:center}
.back a{padding:1em 1.5em}
.back a:link, .back a:visited{color:#DA5E17}
.back a:hover, .back a:active{color:#000}

#details{margin-left:30px; background:#ddd; width:205px}
#details h4{margin:0; padding:10px 10px 0 10px}
#details p{margin:0; padding:0 10px 10px 10px}