@charset "utf-8";
/* CSS Document */

body.home {background:url(../img/bg/bg.jpg);}
body{ text-align:center; font-size:62.5%; font-family: Georgia, Arial, Helvetica, sans-serif; background:url(../img/bg/bg-inside.jpg); }
html,body{height:100.01%; }

/*/////////////////////////// 
/ GENERAL STYLES
///////////////////////////*/
.clear{clear:both;} .r{float:right; margin-left:10px;} .l{float:left;} .center{ display:block; margin-left:auto; margin-right:auto;}
#container{ display:block; margin-left:auto; margin-right:auto; width:860px;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.center { margin-left:auto; margin-right:auto; display:block;} .break {height:5px; clear:both}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*/////////////////////////// 
/ HEADER AND MAIN NAV
///////////////////////////*/
#header-wrap { background:#c7a78c url(../img/bg/header-bg.jpg) repeat-x; height:40px;  }
#header { margin:0 auto; width:820px; height:40px; line-height:40px; display:block;   }
#header ul.nav { float:right;}
#header ul.nav li { float:left; background:url(../img/bg/nav-bg.jpg) no-repeat top right; padding:0 20px; height:40px;}
#header ul.nav li.last { background:none;}
#header ul.nav li a { display:block; _display:inline; font-size:12px; color:#a09e9e; text-decoration:none; height:29px; }
#header ul.nav li a:hover { color:#CCC;}
#header ul.nav li a.on { border-bottom: solid 1px #7e0001; }
#header ul.nav li a:focus { outline:none;}

/*/////////////////////////// 
/ CONTENT
///////////////////////////*/
#content { padding:0 32px 32px 32px; color:#FFF; background: url(../img/bg/content-bg.png) no-repeat 2px 52px; text-align:left; }
#content-bottom { background:url(../img/bg/content-bottom.png) no-repeat 4px 0; height:10px;}
#content h1 { text-indent:-8000px; overflow:hidden; height:38px; margin:22px 0 48px 0; }
#content h1.portfolio { background:url(../img/headers/portfolio.png) no-repeat;}
#content h1.about { background:url(../img/headers/about.png) no-repeat;}
#content h1.contact { background:url(../img/headers/contact.png) no-repeat;}
#content h2 { margin:15px 0; font-size:18px;}

#content  p { font-size:11px; line-height:18px;}
#content  p a{ color:#dc9254; text-decoration:none;}
#content  p a:hover {color:#b76825;}
#content  p.indent { text-indent:20px; padding-top:20px}
#content  p.phone { background:url(../img/icons/phone.png) no-repeat; padding:7px 0 7px 40px; margin-left:130px; margin-bottom:6px;}
#content  p.email { background:url(../img/icons/email.png) no-repeat; padding:8px 0 5px 40px; margin-left:130px; }
#content img.imgR { float:right;  border:solid 5px #000; margin-left:30px;}
#content img.header { margin:0 0 15px 0;}

/*/////////////////////////// 
/ LIST STYLE
///////////////////////////*/
ul.list { margin:20px 0 0 0;}
ul.list li { padding:3px 0px 6px 25px; font-size:11px;}
ul.list li a{ color:#dc9254; text-decoration:none;}
ul.list li a:hover { color:#b76825;}
ul.list li.html { background:url(../img/icons/down.png) no-repeat;}

/*/////////////////////////// 
/ FEATURES STYLE
///////////////////////////*/
#content .feature { float:left; text-align:left; width:242px; margin:0 35px 30px 0;}
#content .last { margin-right:0px;}
#content .feature p { font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:16px;}
#content .feature p a{ color:#dc9254; text-decoration:none;}
#content .feature p a:hover { color:#b76825;}
#content .feature p.client { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#af9a88; text-transform:uppercase; margin:15px 0;}
#content .feature p.client span { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold;}
#content .feature p.client span.offline { font-size: 11px; color:#FFF; text-transform:none; font-weight:normal; background:url(../img/icons/offline.png) no-repeat; padding:5px 0 5px 30px; margin-left:10px;}

/*/////////////////////////// 
/ CONTACT FORM
///////////////////////////*/
table.form { font-size:11px; margin:30px 0 20px 0; } 
table.form tr td { padding:10px; vertical-align:middle;}
table.form tr td.left { width:100px; text-align:right;}
table.form tr td input {font-family:Georgia, "Times New Roman", Times, serif!important; font-size:11px; color:#555}
table.form tr td input.text { background:url(../img/bg/input.jpg) no-repeat; width:301px; padding: 7px 5px; border:none;}
table.form tr td input.butt { background:url(../img/bg/butt.jpg) no-repeat; border:none; /*width:116px; height:29px;*/ color:#FFF; cursor:pointer; padding: 6px 34px 7px 33px; font-size: 11px; float:left; }
table.form tr td textarea { background: #fdfccb url(../img/bg/textarea.jpg) no-repeat; border:none; width:480px; height:211px; padding: 8px 5px;font-size:12px; color:#555; border-top: solid 1px #181717;}
#content  p.success { background:url(../img/icons/accept.png) no-repeat; padding:8px 0 5px 40px; margin-left:30px; float:right;}

/*/////////////////////////// 
/ FOOTER
///////////////////////////*/
#footer { clear:both; text-align:left; padding:0px 32px 40px 32px; margin-top:5px; height:30px;;}
#footer p { font-size:11px; color:#000; float:left;}
#footer p.w3c { float:right; background:url(../img/icons/w3c.png) no-repeat; padding:0 0 0 35px;}
#footer p a { color:#000; border-bottom: dotted 1px #381e0e; text-decoration:none;}
#footer p a:hover { border-bottom: solid 1px #381e0e; }
#footer img { margin-top:3px;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
/ IE FIX
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*ie7*/*:first-child+html table.form tr td input.butt { padding: 6px 19px 6px 20px; }
/*ie6*/*html table.form tr td input.butt { padding: 6px 19px 6px 20px; }
/*ie6*/*html #content { _background-position: 2px 80px;  }
/*ie6*/*html #content .feature p.client span.offline { background:url(../img/icons/offline_ie6.png) no-repeat 0 0px; padding:0px 0 0px 20px; }
/*ie7*/*:first-child+html .bgfix { background-position: 3px 74px!important; }
