/* RESET */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
div {position:relative; overflow:hidden;}


body {height:100%; color:#90897e; font:normal normal normal 12px/20px helvetica, arial, sans-serif; text-align:center; background:#0e0e0e url(images/body_bg.gif) repeat-x top left;}
#page {position:relative; width:960px; padding:0 30px; text-align:left; min-height:100%; background:url(images/header_bg.jpg) no-repeat top left;}

#header {margin:0 0 65px; color:#7d7d7d;}
#header h1 {margin:90px 0 0 150px; font:normal normal normal 25px/30px helvetica, arial, sans-serif; color:#fff;}
#header h2 {margin:0 0 70px 150px;}
#header h1, #header h2 {display:none;}
#header .logo {display:block; height:35px; margin:40px 0 0 105px; color:#fff; background:url(images/blazing_emblem.jpg) no-repeat top left;}
#header .tagline {display:block; height:80px; margin:25px 0 60px 105px; background:url(images/tagline.gif) no-repeat top left;}

#header .description {display:block; width:405px; float:left; padding:15px; font:normal normal normal 14px/20px georgia, "Times New Roman", serif; color:#8f8b7f;}
#header .offerings {float:left; width:270px; margin-right:15px; padding:15px; background:#111110;}
#header .offerings ul {float:left; width:127px;}
#header .offerings ul.services {margin-right:15px;}
#header .contact {float:left; width:180px; padding:15px;}
.contact {background:#11141c;}
#header .contact strong {display:block; padding-top:40px;}
 content {}
#main_content {width:620px; float:left; padding:0 15px;}

#footer {margin-top:50px; padding:15px 0; border-top:3px double #222; background:url(images/footer.gif) no-repeat bottom right;}
#footer .contact {float:left; width:510px; margin:15px 105px 0 0; padding:15px;}
#footer .partner_info {float:left; padding:15px 0; width:190px;}
#footer .partners {float:left; width:110px; padding:15px 0 0 15px;}
#footer .partners a {display:block; line-height:32px; padding-left:42px; margin-bottom:10px;}
#footer .partners a:hover {border-bottom:none;}
#footer .partners .terralien a {background:url(images/terralien.gif) no-repeat left bottom;}
#footer .partners .terralien a:hover {background:url(images/terralien.gif) no-repeat left top;}
#footer .partners .yfactorial a {background:url(images/yfactorial.gif) no-repeat left bottom;}
#footer .partners .yfactorial a:hover {background:url(images/yfactorial.gif) no-repeat left top;}


#footer .legal {clear:both; padding:100px 0 0;}

a, a:visited, a:hover {color:#661212; text-decoration:none;}
a:hover {border-bottom:1px dotted #661212;}
strong {color:#a3a3a3;}

/* + Portfolio */
#portfolio_items {display:block; width:960px; padding-top:15px; border-top:3px double #222;}
#portfolio_items .portfolio_item {color:#333; height:auto; display:block; margin-bottom:40px; background: url(images/portfolio_bg.gif) no-repeat center top;}
#portfolio_items .portfolio_item img {margin-bottom:10px; padding:15px;}
#portfolio_items .portfolio_item h2 {font:normal normal bold 18px/18px helvetica, arial, sans-serif; color:#5f1414;}
#portfolio_items .portfolio_item p {color:#9299a1; width:100%;} 
#portfolio_items .portfolio_item .info {float:left; width:510px; padding:0 120px 0 15px;}
#portfolio_items .portfolio_item .details strong {display:block; float:left; width:50px; color:#26313c;}