/* CSS Document */
html, body {height:97%; width:100%}
body {
margin:0;
padding:16px 0 0 16px;
width:100%;
font:100.1% Arial, Helvetica, sans-serif;
color:#917F5F;
}
a {
outline:none;
color:#917F5F;
text-decoration:none;
}
a:hover {
color:#f47836;
text-decoration:none;
}
a:focus {
-moz-outline:none;
outline:none;
}
img {
outline:none;
border:none;
}
/*____________________________
CSS FOR LAYOUT
ญญญญญญญญญญญญญญญญญญญญญญญญญญญญญ*/
/* OVERALL CONTAINER */
div#container {
position:relative;
float:left;
width:100%;
margin:0;
padding:0;
min-height:100%;
border-top:16px solid #5a471c;
border-left:16px solid #5a471c;
}
.contactclass div#container {
background:url(../images/contact_tile.png) repeat-x 215px 150px;
}
.servicesclass div#container {
background:url(../images/services_tile.png) repeat-x 215px 150px;
}
/* HEADER CSS */
div#header {
position:relative;
height:150px;
width:100%;
margin:0;
padding:0;
}
div#logo {
position:absolute;
width:117px;
height:118px;
top:10px;
left:358px;
padding:0;
}
div#logo h1 {
position:relative;
margin:0;
width:100%;
height:100%;
font-size:1.55em;
background:url(../images/logo.gif) no-repeat;
}
div#logo h1 span {
text-indent:-5000em;
display:block;
}
/*
_____CONTENT CSS
*/
div#contentwrapper {
position:relative;
width:896px;
margin:0;
padding:0;
}
.servicesclass div#contentwrapper {
background:url(../images/bkgd_white.png) repeat-y;
height:auto;
}
.contactclass div#contentwrapper {
background:url(../images/bkgd_white.png) repeat-y;
height:508px;
}
.projectclass div#contentwrapper {
width:1284px;
}
.homeclass div#contentwrapper {
width:1088px;
}
.servicesclass div#contentwrapper {
width:934px;
height:auto;
}
div#menu {
position:relative;
float:left;
width:114px;
height:154px;
margin:0;
padding:0;
display:block;
background:#ffffff;
}
div#menu.subnavheight {
height:150px;
}
div#contents {
position:relative;
float:right;
width:762px;
height:auto;
margin:0;
padding:0;
}
.homeclass div#contents {
width:956px;
height:560px;
}
.projectclass div#contents {
width:1150px;
}
.servicesclass div#contents {
width:800px;
}
.contactclass div#contents {
height:478px;
}
/* HOME PAGE CSS */
div#homewrapper {
position:relative;
width:952px;
height:auto;
margin:0 0 10px 0;
padding:0;
}
div#homeleft {
position:relative;
margin:0;
padding:0;
float:left;
width:204px;
height:402px;
background:#5a471c url(../images/home_sidelogo.png) no-repeat center center;
}
div#homeleft h2 {
position:absolute;
margin:22px 0 0 -89px;
padding:0;
width:178px;
height:53px;
left:50%;
top:0;
text-indent:-5000em;
display:block;
background:url(../images/home_title.png) no-repeat;
color:#ffffff;
font-size:1em;
}
div#homeleft h3 {
position:absolute;
width:190px;
height:36px;
left:50%;
margin:0 0 25px -95px;
padding:0;
bottom:0;
color:#ffffff;
font-size:.85em;
text-indent:-5000em;
display:block;
background:url(../images/home_subtitle.png) no-repeat;
}
div#homeright {
float:right;
width:738px;
height:402px;
margin:0;
padding:0;
}
div#homeflash {
margin:0;
padding:0;
height:402px;
}
div#homebkgd {
margin:0 0 10px 0;
padding:0;
width:952px;
height:44px;
background:url(../images/bkgd_tile3.gif);
}
div#hometext {
margin:0 0 0 212px;
padding:0;
width:742px;
height:auto;
font-size:.8em;
line-height:1.2em;
}
div#hometext p {
margin:0;
padding:0;
font-size:.95em;
}
/* ABOUT PAGE CSS */
div#about {
position:relative;
width:678px;
height:auto;
margin:0 0 40px 0;
padding:0;
display:inline-block;
}
div#about img {
margin:0 0 12px 5px;
padding:0;
}
div#about h2 {
margin:0 0 10px 5px;
width:273px;
height:18px;
padding:0;
background:url(../images/header_about.gif) no-repeat;
}
div#about h2 span {
text-indent:-5000em;
display:block;
}
div#about p {
margin:0 0 10px 0;
padding:0;
font-size:.85em;
line-height:1.3em;
color:#917F5F;
}
html*div#about p { /* safari hack */
font:500 .85em Helvetica, sans-serif;
line-height:1.3em;
}
/* PROJECT PAGE CSS */
div#project {
position:relative;
margin:0 0 0 0;
padding:0;
width:100%;
height:510px;
display:inline-block;
}
div#project h2 {
margin:140px 0 0 180px;
width:auto;
height:418px;
padding:0;
font-family:Helvetical, sans-serif;
font-size:.9em;
font-weight:normal;
}
div#flashplacement {
margin:0 0 0 6px;
padding:0;
overflow:auto;
width:1150px;
}
/* SERVICES PAGE CSS */
div#services {
position:relative;
margin:0;
padding:21px 0 0 20px;
height:397px;
width:798px;
font-family:Helvetical, sans-serif;
display:inline-block;
}
div#services h2 {
margin:0 0 6px 0;
padding:0;
width:760;
height:18px;
background:url(../images/header_services3.png) no-repeat;
}
div#services h3 {
float:left;
width:152px;
height:18px;
margin:2px 0 12px 0;
padding:0;
font-size:.9em;
font-weight:normal;
color:#f47836;
background:url(../images/our_services_include.png) no-repeat;
}
div#services span {
text-indent:-5000em;
display:block;
}
div#services ul {
margin:15px 0 0 200px;
padding:0;
list-style-image:url(../images/disc.png);
}
div#services ul li {
margin:0 0 20px 0;
padding:0;
font-size:.85em;
}

/* CONTACT PAGE CSS */
div#contact {
position:relative;
margin:0;
padding:25px 0 0 100px;
height:418px;
width:662px;
display:inline-block;
}
div#contact h2 {
position:relative;
margin:0;
width:297px;
height:17px;
background:url(../images/header_contact.png) no-repeat;
}
div#contact h2 span {
text-indent:-5000em;
display:block;
}
div#contact address, div#contact p {
padding:0;
font-size:.85em;
}
div#contact address {
margin:8px 0 120px 0;
line-height:1.6em;
font-style:normal;
}
div#contact p {
line-height:1.1em;
margin-bottom:24px;
}
div#contactform {
position:absolute;
top:50px;
right:0;
height:340px;
width:300px;
background:#ffffff;
font-family:Helvetical, sans-serif;
}
div#contactform fieldset {
margin:0;
padding:10px;
right:110px;
height:318px;
width:278px;
border:1px solid #ccc1a2;
background:#ffffff;
}
div#contactform h3 {
margin: 0 0 5px 0;
padding:0;
font-weight:normal;
font-size:.9em;
line-height:1.1em;
}
div#contactform fieldset p {
margin:0 0 10px 0;
padding:0;
}
div#contactform fieldset label {
margin:0 0 0 0;
padding:0;
font-size:.9em;
}
div#contactform fieldset input {
margin:2px 0 1px 0;
padding:0;
background:#e5e0d0;
}
div#contactform fieldset textarea {
margin:2px 0 1px 0;
padding:0;
background:#e5e0d0;
width:274px;
}
div#contactform h4 {
position:relative;
text-align:center;
width:auto;
height:200px;
font-weight:normal;
font-size:1em;
background:url(../images/form_bkgd.png) no-repeat center center;
}
div#contactlogo {
position:absolute;
bottom:0;
left:98px;
width:80px;
height:60px;
}
/* FOOTER CSS */
div#footer {
position:absolute;
height:16px;
width:100%;
bottom:0;
left:0;
background:#5a471c;
}
/* MISCELLANEOUS */
.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 */
div#warning {
margin:0;
padding:3px 5px;
width:auto;
}
div#warning h4 {
margin:0 0 3px 0;
padding:0;
text-align:left;
height:auto;
font-size:.9em;
color:#ff0000;
}
div#warning p {
margin:0 0 2px 0;
padding:0;
color:#ff0000;
}
div#warning ul {
margin:0;
padding:0;
}
div#warning ul li {
margin:0 0 0 14px;
padding:0;
font-size:.85em;
color:#ff0000;
}
div#errorpage {
margin:0 0 30px 80px;
padding:0;
width:1000px;
height:44px;
}
div#errorpage p {
width:500px;
font-size:13px;
}
div#errorpattern {
margin:0 0 10px 0;
padding:0;
width:650px;
height:44px;
background:url(../images/bkgd_tile3.gif);
}
.inputwarning {
color:#ff0000;
}
#splash{
position:absolute;
top:38.5%;
left:43%;
width:167px;
height:162px;
}
/*################################################ NAV CSS ###############################################*/
#nav {
position:absolute;
width:104px;
height:154px;
top:0;
right:0;
background:url(../images/navone.gif) no-repeat;
margin:0;
padding: 0;
}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute;}

#nav li, #nav a {width:104px; display: block;text-indent:-5000em;}

#navone {top: 0;height:25px}
#navtwo {top:25px; height:25px}
#navthree {top:50px; height:25px}
#navfour {top:75px; height:25px}
#navfive {top:100px; height:54px}


#navone a:hover {top:0; height:25px;background: transparent url(../images/navone.gif) -104px 0px no-repeat;}
#navtwo a:hover {top:25px; height:25px;background: transparent url(../images/navone.gif) -104px -25px no-repeat;}
#navthree a:hover {top:50px; height:25px;background: transparent url(../images/navone.gif) -104px -50px no-repeat;}
#navfour a:hover {top:75px; height:25px;background: transparent url(../images/navone.gif) -104px -75px no-repeat;}
#navfive a:hover {top:100px; height:54px;background: transparent url(../images/navone.gif) -104px -100px no-repeat;}

#navonecur {top:0; height:25px;background:transparent url(../images/navone.gif)  -104px 0px no-repeat;}
#navtwocur {top:25px; height:25px;background:transparent url(../images/navone.gif) -104px -25px no-repeat;}
#navthreecur {top:50px; height:25px;background:transparent url(../images/navone.gif) -104px -50px no-repeat;}
#navfourcur {top:75px; height:25px;background:transparent url(../images/navone.gif) -104px -75px no-repeat;}
#navfivecur {top:100px; height:54px;background:transparent url(../images/navone.gif) -104px -100px no-repeat;}
/*#################################### SUBNAV CSS ###############################################*/
#subnav {
position:absolute;
width:104px;
height:154px;
top:0;
right:0;
background:url(../images/nav.gif) no-repeat;
margin:0;
padding: 0;
}
#subnav li {margin: 0; padding: 0; list-style: none; position: absolute;}

#subnav li, #subnav a {width:104px; display: block;text-indent:-5000em;}

#subnavone {top: 0;height:20px}
#subnavtwo {top:20px; height:24px}
#subnavthree {top:44px; height:21px}
#subnavfour {top:65px; height:21px}
#subnavfive {top:86px; height:20px}
#subnavsix {top:106px; height:26px}
#subnavseven {top:132px; height:22px}

#subnavone a:hover {top:0; height:20px;background: transparent url(../images/nav.gif) -104px 0px no-repeat;}
#subnavthree a:hover {top:44px; height:21px;background: transparent url(../images/nav.gif) -104px -44px no-repeat;}
#subnavfour a:hover {top:65px; height:21px;background: transparent url(../images/nav.gif) -104px -65px no-repeat;}
#subnavfive a:hover {top:86px; height:20px;background: transparent url(../images/nav.gif) -104px -86px no-repeat;}
#subnavsix a:hover {top:106px; height:26px;background: transparent url(../images/nav.gif) -104px -106px no-repeat;}
#subnavseven a:hover {top:132px; height:22px;background: transparent url(../images/nav.gif) -104px -132px no-repeat;}

#subnavonecur {top:0; height:20px;background:transparent url(../images/nav.gif)  -104px 0px no-repeat;}
#subnavthreecur {top:44px; height:21px;background:transparent url(../images/nav.gif) -104px -44px no-repeat;}
#subnavfourcur  {top:65px; height:21px;background: transparent url(../images/nav.gif) -104px -65px no-repeat;}
#subnavfivecur {top:86px; height:20px;background: transparent url(../images/nav.gif) -104px -86px no-repeat;}
#subnavsixcur {top:106px; height:26px;background: transparent url(../images/nav.gif) -104px -106px no-repeat;}
#subnavsevencur {top:132px; height:14px;background: transparent url(../images/nav.gif) -104px -132px no-repeat;}