@charset "utf-8";
/* CSS Document */

/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset{margin:0; padding:0; border:0;}
a img{border:none;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
/*------------------------------------------------------------------ 
# [Table of contents] 
  General Classes
# 1. Body 
# 2. Wrapper / #wrapper
# 3. Menu / #menu 
# 4. Promo / #promo
# 5. Tab / #tab
# 6. Content / #content 
# 7. Navigation / #nav
# 8. Footer / #footer 
# -------------------------------------------------------------------*/  

/* General Classes */

h1 {
padding:0 0 10px 0;
}

.floatleft {
float:left;
}

.white {
color:#ffffff;
}

.yellow {
color:#FF6600;
font-weight:bold;
}


.blueBold {
color:#336699;
font-weight:bold;
}

.floatleft{
float:left;
padding:0 20px 0 0;
}


.box {
width:400px;
margin:10px 0px 0px 38px;
padding: 10px;
border: #999999 dashed 1px;
}

.gap {
padding-right:20px;
}

/*# 1. Body */
body{
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5;
}

/* -------------------------------------------------------------------*/  

/*# 2. Wrapper */
#wrapper {
width:900px;
margin:auto;

}

/* -------------------------------------------------------------------*/  

/*# 3. Menu */ 
#menu {
width:840px;
height:28px;
margin:auto;
padding:10px 0 0 0;
font-weight:bold;
}

#menu ul { margin:0; padding:0}
#menu li {display:inline; padding: 0 10px 0 10px; border-left:#999999 1px solid;  }
#menu a:link, #menu a:visited {text-decoration: none; color:#333333; }
#menu a:hover{color:#006699; text-decoration:underline; }

/* -------------------------------------------------------------------*/  

/*# 4. Main Promo */ 
#promo {
width:900px;
height:218px;
margin:auto;
background-image:url(images/bg_main.jpg);
background-repeat:no-repeat;
}

/* -------------------------------------------------------------------*/  

/*# 5. Tab */ 
#tab {
width:900px
margin:auto;
}

#tab .boxone {
width:218px;
height:256px;
background-image:url(images/architectural_tab.jpg);
float:left;
padding-right:2px;
}

#tab .boxtwo {
width:218px;
height:256px;
background-image:url(images/interior_tab.jpg);
float:left;
padding-right:2px;
}

#tab .boxthree {
width:218px;
height:256px;
background-image:url(images/turnkey_tab.jpg);
float:left;
padding-right:2px;
}

#tab .boxfour {
width:218px;
height:256px;
background-image:url(images/seod_tab.jpg);
float:left;
padding-right:2px;
}

#tab .promo {
width:218px;
height:256px;
background-image:url(images/seod_tab.jpg);
background-repeat:no-repeat;
float:left;
margin-left:12px;
}

.contentBox {
width:185px;
padding:140px 0px 5px 16px;
font-size:11px;
color:#006699;
line-height:1.2;
text-align:justify;
}

.contentBox2 {
width:185px;
padding:200px 0px 5px 18px;
font-size:11px;
color:#006699;
line-height:1.2;
text-align:justify;
}

/* -------------------------------------------------------------------*/  

/*# 6. Content */ 
#content {
width:900px;
text-align:justify;
color:#333333;

}

#lefcolumn {
width:638px;
float:left;
padding:40px 0 50px 10px;
}

#lefcolumn .textfield{
width:415px;
padding:0 10px 0 0;
float:left;
}

#lefcolumn .textfield2{
width:600px;
padding:20px 10px 0 0;
float:left;
}

#lefcolumn li{
list-style-image:url(images/bullet.gif);
margin-left:30px;
padding-left:10px;
line-height:2.0;
}

#rightcolumn {
width:200px;
float:left;
padding:40px 0px 40px 20px;
background-image:url(images/news_bg.jpg);
background-repeat:no-repeat;
}

#rightcolumn p{
color:#006699;
text-align:left;
}

#rightcolumn li {
list-style-image:url(images/arrow.gif);
margin-left:15px;
}

.dotted {
width:200px;
border-bottom:#999999 dotted 1px;
padding:10px 0 0px 0;
margin-bottom:10px;
}

/* -------------------------------------------------------------------*/  
/*# 7. Navigation */ 

.readmore {
font-weight:bold;
color:#cc0000; 
}



#tab a:link, #tab a:visited {text-decoration:none; color:#006699; }
#tab a:hover{ color:#006699; text-decoration:underline; }



/* -------------------------------------------------------------------*/  
/*# 8. Footer */ 
#footer {
//background-image:url(images/bg_footer.gif);
clear:both;
background-color:#EFEFEF;
}

#footer .disclaimer{
width:900px;
margin:auto;
background-color:#EFEFEF;
}