/* ================================================ 
 *
 *    Version: 0.1
 *    Author: KST (Kobeone)
 *	
 * ================================================= */
/* ====
 * = Common Styling 
 * ======================= */
body {background: #9f9679; font: 0.83em/1.333 verdana, sans-serif; margin: 0; padding: 0; text-align: center; color: #303030}
* {font-size: 100%; padding: 0; margin: 0}

/* usual links */

a{color: #ae634e}
a:hover{color: #aaa38c }

/* clean default behaviours */
div, ul, ol, li, table, td, th, tr, p, blockquote, form, input, textarea{margin: 0; padding: 0; border: none}
img{border: none}
b{font-weight: normal}

/* to clear floated elements */
/* from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1{font-size: 130%; letter-spacing: 2px; color: #73605a; margin-bottom: 15px; margin-left: 10px; margin-top: 5px}
h2{font-size: 100%; letter-spacing: 2px; color: #9f9679; margin-left: 10px; margin-top: 5px}

/* ====
 * = block Styling 
 * ======================= */
#container{width: 866px; margin: 20px auto 5px auto; text-align: left; position: relative; background: #c4c9cd; border: 1px solid #73605a}

#home #container{padding-top: 296px}
#home #header{width: 866px; height: 296px; background: url(home_header.jpg) no-repeat top left; position: absolute; top: 0; left: 0}

#content-page #container{padding-top: 130px}
#content-page #header{width: 866px; height: 130px; background: url(content_header.jpg) no-repeat top left; position: absolute; top: 0; left: 0}

/* ====
 * = Content Styling 
 * ======================= */
#content {width: auto; font-size: 90%; line-height: 1.5}

#content p{margin-bottom: 7px; margin-left: 20px}
#home #content p{float: left; width: 480px; clear: left; }
* html #home #content p{width: 420px}
#home .highlight{float: right; margin-right: 10px}
#content-page .highlight{margin: 10px auto;}

.highlight{background: #d6d6d6; border: 1px solid #9a9a9a; padding: 10px; width: 325px; position: relative; margin-bottom: 10px}
#home #content .highlight p.exports{float: none; margin: 0; position: absolute; top:125px; right: 50px; width: 130px}
.highlight a{float: right}

hr{background: none; padding: 0; margin: 0; border: none; border-bottom: 1px solid #73605a; margin: 10px 0}

#banners{display: none; background: #d6d6d6; width: 100%; clear: both; margin-top: 20px; border-top: 1px dashed #9a9a9a}
#banners div{width: 265px; padding: 10px; float: left}
#banners div#demo{border-left: 1px dashed #9a9a9a; border-right: 1px dashed #9a9a9a}
#home #content #banners div p{width: auto}

#content ul{margin: 10px 40px}
#content .section{width: 49%; float: left}

#customers{margin: 10px}
#customers h2{margin-left: 0}
#customers div{margin-left: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #9f9679; width: 390px; float: left; height: 131px}
#customers div img{display: block; border: 1px solid #73605a; width: 100px; float: right; margin-left: 5px; margin-bottom: 5px}

.contact-info{margin: 40px !important; list-style-type:none}
.mail{background: url(../img/email.jpg) no-repeat left top; padding-left: 30px}
.phone{background: url(../img/phone.jpg) no-repeat left top; padding-left: 30px}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}


/* ====
 * = Nav Styling 
 * ======================= */
 #home #nav{width: 100%; position: absolute; top: 253px; left: 0}
 #content-page #nav{width: 100%; position: absolute; top: 87px; left: 0}
 #nav li{float: left; width: 165px; white-space:nowrap; padding: 5px 10px; font-size: 120%; list-style-type: none; font-weight: bold} 
 #nav li.home{width: 75px}
 #nav a{color: #c4c9cd; text-decoration: none; letter-spacing: 1px; display: block; height: 19px; padding: 3px 10px 7px 10px; width: 145px}
  #nav li.home a{width: 55px}
  #nav a:hover{background: #d6d6d6; color: #9a9a9a}  

/* ====
 * = Footer Styling 
 * ======================= */
#footer{width: 868px; margin: 0 auto; text-align: right; color: #c4c9cd}