/* .... GLOBALS ..................................................................... */
/* .................................................................................. */
html {width:100%; height:100%; margin:0; padding:0;}
body {width:100%; height:100%; margin:0; padding:0; color:#595648; font-size:12px; font-family:arial,helvetica,sans-serif; background:#413731;}
h1, h2, h3, h4, table, td, ul, li, p, form {list-style:none; margin:0; padding:0;}
h1 {font-size:11px;}
h2 {font-size:12px;}
h3 {font-size:12px;}
h4 {font-size:11px;}
img {border:0;}
p, li {line-height:1.5em;}
a {color:#6d80a6; text-decoration:none;}
a:hover {color:#7b7661;}
table {border-collapse:collapse;}
td {vertical-align:top;}
th {text-align:left;}
sup {font-size:smaller; vertical-align:baseline; position: relative; bottom: 0.33em;}
ol li { list-style-type: decimal; }
select {padding:1px; color:#545454; font-size:11px; font-family:verdana,arial,sans-serif;}

/* Layout */
/* .................................................................................. */
.site-wrap {width:919px; margin:0 auto;}
.main-head {height:95px; background:url(../images/bg-main_head.gif) left bottom no-repeat;}
.main-head .lgo-leraglass {margin:10px 0 0 15px;}
.main-wrap {width:919px; background:url(../images/bg-main_mid.gif) 0 0 repeat-y;}
.main-bg {background:url(../images/bg-main_top.gif) 0 0 no-repeat;}
.main-inner {padding:5px 0 20px 0; background:url(../images/bg-main_bot.gif) left bottom no-repeat}

.footer {text-align:center; color:#5f5045;}
.footer p {margin-bottom:10px;}
.footer a {color:#baa388;}
.footer a:hover {color:#d2bb9f;}
.footer .credit {font-size:9px; color:#ede1d3; font-style:italic;}

/* Home */
/* .................................................................................. */
.home-wrap {width:877px; margin:0 auto; color:#baa388; border:1px solid #000; background:#fff;}
.home-wrap .fla-holder {border-bottom:1px solid #baa388;}
.home-wrap .txt-home {border-top:1px solid #9c7c54;}
.home-wrap a {color:#867362;}
.home-wrap a:hover {color:#baa388;}
.home-wrap .h-lt {width:365px; float:left;}
.home-wrap .h-ct {float:left;}
.home-wrap .h-rt {width:311px; padding:20px 30px 0; float:left;}
.home-wrap .h-rt ul {margin:5px 0 0 46px;}
.home-wrap .h-rt p {margin-left:4px;}

/* Section */
/* .................................................................................. */
.content-wrap {width:877px; min-height:400px; height:auto !important; height:400px; margin:0 auto; border:1px solid #000; background:#fff;}
.content-wrap .hdr {border-bottom:1px solid #000;}
.content-wrap {}
.content-wrap {}

.content {width:705px; margin:15px 0 20px; float:left;}
.content p {margin-bottom:20px;}
.content {}
.content {}


/* .... Gallery ..................................................................... */
#viewer {}
#viewer img {float:left;}
/*#viewer #pho-view {margin:4px 10px 0px 0; border:1px solid #413731}*/
#viewer a {margin:4px; padding:1px; background:#413731; display:block; float:left;}
#viewer a:hover {background:#6497fb;}
#viewer a.on {background:#6497fb !important;}
#viewer #pho-view {width:507px; height:316px;}
#viewer #pho-view-wrap {width:507px; height:316px; margin:4px 10px 0px 0; border:1px solid #413731; float:left;} 

.gallery-table {}
.gallery-table td {border:1px solid #413731; position:relative;}
.gallery-table p {height:46px; margin:0; padding:7px 0 0 10px; color:#928f85;}
.gallery-table .img-lnk {height:30px; background:none; position:absolute;}
.gallery-table #cou {background:url(../images/bg-galentry_courthouse.gif) left bottom no-repeat;}
.gallery-table #eur {background:url(../images/bg-galentry_eureka.gif) left bottom no-repeat;}
.gallery-table #rob {background:url(../images/bg-galentry_robots.gif) left bottom no-repeat;}
.gallery-table #car {background:url(../images/bg-galentry_carolands.gif) left bottom no-repeat;}
.gallery-table #ada {background:url(../images/bg-galentry_adam.gif) left bottom no-repeat;}
.gallery-table #was {background:url(../images/bg-galentry_washington.gif) left bottom no-repeat;}
.gallery-table #kay {background:url(../images/bg-galentry_kayamaran.gif) left bottom no-repeat;}
.gallery-table #dub {background:url(../images/bg-galentry_dubai.gif) left bottom no-repeat;}
.gallery-table #mar {background:url(../images/bg-galentry_martini_chair.gif) left bottom no-repeat;}

.gallery-table #bla {background:url(../images/bg-galentry_blank.gif) left top no-repeat;}
.gallery-table #bla ul {margin:38px 0 0 42px; position:relative;}
.gallery-table #cou .img-lnk {width:100px; margin:-45px 0 0 220px;}
.gallery-table #eur .img-lnk {width:130px; margin:-45px 0 0 190px;}
.gallery-table #rob .img-lnk {width:130px; margin:-45px 0 0 190px;}
.gallery-table #car .img-lnk {width:160px; margin:-45px 0 0 160px;}
.gallery-table #ada .img-lnk {width:160px; margin:-46px 0 0 155px;}
.gallery-table #was .img-lnk {width:160px; margin:-45px 0 0 160px;}
.gallery-table #kay .img-lnk {width:160px; margin:-45px 0 0 190px;}
.gallery-table #dub .img-lnk {width:160px; margin:-45px 0 0 190px;}
.gallery-table #mar .img-lnk {width:130px; margin:-45px 0 0 190px;}

.gallery-table #bla .img-lnk {width:100px; margin:-45px 0 0 220px;}

.details {width:509px; position:relative; font-size:11px;}
.details p {width:385px; margin:5px 0 0 20px; line-height:1.2em; float:left; font-style:italic; display:inline;}
.detailsnav {text-transform:uppercase; float:right; }
.detailsnav img {margin:0px 5px 0; vertical-align:middle;}

.description {width:489px; padding:10px 0 0 20px; float:left;}
.description h2 {margin:10px 0; font-style:italic; color:#5f5045;}
.description p {margin-bottom:10px;}
.description {}

.col-small {width:170px; padding-left:20px; float:left;}
.utilized {padding:25px 0 0 6px; font-size:11px; background:url(../images/bg-utilized.gif) 0 0 no-repeat;}
.utilized li {padding-left:8px; background:url(../images/bul-ltbrown.gif) 0 7px no-repeat;}
.utilized a {font-style:italic; color:#a1bffc; text-decoration:underline;}
.utilized {}


/* .... What We Do .................................................................. */
#content-wha {width:630px; margin:30px 0 20px 45px;}

.pho-wrap {font-size:11px;}
.pho-wrap .caption {margin:10px 0; padding:0 5px; color:#8a846d; line-height:1.3em; font-style:italic;}
.pho-wrap .caption strong {color:#413731; font-weight:normal;}
#pho-wrap_lt {margin:0 50px 0 0; float:left;}
#pho-wrap_rt {margin:0 0 0 50px; float:right;}
.pho-lt {margin:0 50px 10px 0; border:1px solid #231f1c; float:left;}
img.pho-rt {margin:0 0 10px 50px; border:1px solid #231f1c; float:right;}
div.pho-rt {margin:0 0 10px 50px; float:right;}

.what-wrap {margin:10px 0 30px;}
.what-wrap .header h1 {font-size:12px; color:#6699ff; padding:8px 5px;}
.what-wrap .header span {font-size:11px; color:#604e46; font-style:italic; padding-left:10px;}
.what-wrap .header {}
.what-wrap .body {padding:0 5px;}
.what-wrap .body {}

/* .... How We Do ................................................................... */
#content-how {width:635px; margin:30px 0 20px 45px;}

.how-wrap {margin:10px 0 30px;}
.how-wrap .header h1 {font-size:12px; color:#6699ff; padding:8px 10px;}
.how-wrap .header span {font-size:11px; color:#604e46; font-style:italic; padding-left:10px;}
.how-wrap .header {}
.how-wrap .body {padding:0 10px;}
.how-wrap .body {}

.grad-table {font-size:11px; background:url(../images/bg-grad_how.gif) 0 0 repeat-y #8a8481;}
.grad-table td {padding:1px 1px 0 0;}
.grad-table div {height:78px; padding:10px 10px 10px 10px; background:#fff;}
.grad-table div p {margin-bottom:5px; line-height:1.2em;}
.grad-table div img {margin-bottom:5px;}
.grad-table div a {text-transform:uppercase; color:#363636;}
.grad-table div a:hover {color:#7b7661;}
.grad-table .info {margin:0;}
.grad-table .padbot td {padding-bottom:1px;}
.grad-table {}
.grad-table .text {width:200px;}

/* .... Our Company ................................................................. */
#content-our {width:850px; padding:5px 0px 50px 20px;}
#content-our .pho-ourcompany {margin:0 20px 20px 0; float:left;}
#content-our .inpad {padding-left:15px;}
#content-our {}
#content-our .col-lt {width:580px; margin-right:30px; float:left;}
#content-our .col-lt h1 {padding:0 0 5px 0;}
#content-our .col-rt {width:210px; padding:45px 0 0; float:left;}
#content-our .col-rt h1 {padding:0 0 10px 20px;}
#testimonials-wrap {padding:20px 0 0 20px; background:url(../images/bg-test_grad.gif) 0 0 no-repeat;}
.quote-wrap {margin:0px 0 10px; background:url(../images/bg-quote.gif) 0 0 no-repeat;}
.quote-wrap .quote {padding:30px 0 0 30px;}
.quote-wrap .quote-by {text-align:right; color:#9c978c;}


/* .... Conctact .................................................................... */
#content-con {width:810px; padding:20px 0px 50px 30px;}
#content-con h1 {padding:0 15px 10px;}
#content-con h3 {color:#7d746c; margin-bottom:5px;}
#content-con h4 {color:#7d746c; margin-bottom:5px;}
#content-con p {margin-bottom:10px;}
#content-con a {color:#6598fd;}
#content-con .inpad {padding:0px 15px;}
#content-con .gradbot {margin-bottom:10px;}
#content-con .col-lt {width:430px; margin-right:30px; float:left;}
#content-con .col-lt .lgo {float:left; margin:0 30px 20px 0px;}
#content-con .col-rt {width:335px; padding-top:23px; float:left;}
#content-con .bul-ltblue {margin-left:10px; margin-bottom:15px;}
#content-con .bul-ltblue li {margin:0 0 5px; line-height:1.8em;}

.contact-table {font-size:12px;}
.contact-table td {padding:3px 0px 3px 10px;}
.contact-table input, .contact-table textarea {padding:1px 2px; color:#595648; font-size:12px; font-family:arial,helvetica,sans-serif;}
.contact-table .inp-field, .contact-table .inp-textarea {width:200px; background:#f3f2f2; border:1px solid #b1aba7;}
.contact-table .inp-textarea {height:125px;}
.contact-table .align-rt {padding-left:0;}
.contact-table .star {color:#a1bffc;}

.map-wrap {margin:0 0 30px; padding:0 15px 0 0; text-align:right;}
.map-wrap p {margin-top:10px;}



/* .... Navigation ................................................................... */
/* ................................................................................... */
.main-head {}
.main-head ul {width:575px; margin-top:26px; float:right;}
.main-head li {float:left;}
.main-head a {height:69px; display:block; float:left; display:inline;}
.main-head span {display:none;}

.main-head .wha a {width:104px; background:url(../images/nav-main.gif) 0px 0px no-repeat;}
.main-head .how a {width:113px; background:url(../images/nav-main.gif) -122px 0px no-repeat;}
.main-head .pro a {width:131px; background:url(../images/nav-main.gif) -256px 0px no-repeat;}
.main-head .our a {width:110px; background:url(../images/nav-main.gif) -404px 0px no-repeat;}
.main-head .con a {width:102px; background:url(../images/nav-main.gif) -528px 0px no-repeat;}

.main-head .wha a.on {background:url(../images/nav-main.gif) 0px -138px no-repeat !important;}
.main-head .how a.on {background:url(../images/nav-main.gif) -122px -138px no-repeat !important;}
.main-head .pro a.on {background:url(../images/nav-main.gif) -256px -138px no-repeat !important;}
.main-head .our a.on {background:url(../images/nav-main.gif) -404px -138px no-repeat !important;}
.main-head .con a.on {background:url(../images/nav-main.gif) -528px -138px no-repeat !important;}

.main-head .wha a:hover {background:url(../images/nav-main.gif) 0px -69px no-repeat;}
.main-head .how a:hover {background:url(../images/nav-main.gif) -122px -69px no-repeat;}
.main-head .pro a:hover {background:url(../images/nav-main.gif) -256px -69px no-repeat;}
.main-head .our a:hover {background:url(../images/nav-main.gif) -404px -69px no-repeat;}
.main-head .con a:hover {background:url(../images/nav-main.gif) -528px -69px no-repeat;}


/* .... ETC .......................................................................... */
.txt-big {font-size:14px;}
.txt-ltr {float:left; margin:0 10px 5px 0;}
.gradtop {height:16px; background:url(../images/bg-gradtop_rt.gif) right top no-repeat;}
.gradbot {height:16px; background:url(../images/bg-gradbot_rt.gif) right top no-repeat;}
.pho-bord {border:1px solid #231f1c;}
.bul-ltblue li {padding-left:10px; margin-bottom:5px; line-height:1.1em; background:url(../images/bul-ltblue.gif) 0 5px no-repeat;}
.ltblue {color:#a1bffc;}
.ltbrown {color:#8a846d;}
.nobord-top {border-top:0 !important;}
.nomargin {margin:0 !important;}
.nomargin-top {margin-top:0 !important;}
.nomargin-bot {margin-bottom:0 !important;}
.marginhalf {margin:5px 0 !important;}
.nopadding {padding:0 !important;}
.float-lt {float:left;}
.float-rt {float:right;}
.align-rt {text-align:right;}
.align-lt {text-align:left;}
.align-ct {text-align:center;}
.align-mid {vertical-align:middle;}
.align-bot {vertical-align:bottom;}
.small {font-size:.9em;}
.clearout {clear:both; font-size:.1em;}

