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

body, html { margin:0; padding: 0; font-family:Arial, Helvetica;}

img {border: none;}

#wrapper { margin: 49px auto 0 auto; width: 895px;}

/*top of the site*/
#header { width:895px; height:102px;}

.logo { float:left; width: 214px; height: 102px; text-indent: -999px; background: url('../images/logo.jpg') no-repeat;}
.navigationarea { float:right; width:680px; height:102px;}

.header-details { text-align: right; font-family: Arial; font-size: 14px;}
.header-details p { color: #878787; margin-top: 5px;}
.num { font-size: 15px; font-weight: bold;}
.header-details a { color: #878787; text-decoration: none; font-size: 15px; font-weight: bold;}
.header-details a:hover { color:#878787; text-decoration:underline;}

ul.nav { padding: 0; list-style: none; float: right; margin-top: 5px;}
ul.nav li { 
float: right;
margin: 0 1px 0 3px;
}
ul.nav li a {
display: block;
background-color:#FDAE51;
height: 23px;
width: 85px;
color: #FFFFFF;
line-height: 23px;
text-align: center;
font-family: Arial;
font-size: 15px;
text-decoration: none;
}
ul.nav li a:hover {text-decoration: none; color: #FFFFFF; background-color: #FA9216;}
ul.nav li.on a { background-color: #FA9216;}

/*center section of the site*/
#middle { width: 895px; clear: both;}

.sidebar { width: 214px; float:left; font-family: Arial;}
.dash { background: url('../images/dashes.gif') no-repeat; width: 214px; height: 1px; margin-top: 1px;}
#tagcloud { background-color: white; height: 129px; width: 214px; margin: 19px 0 18px 0; font-family:Arial;}
#tagcloud a {text-decoration: none;}
#tagcloud a:hover {text-decoration: underline;}
.callback { margin-top:18px; height: 22px; width: 214px; background-color: #FDAE51; font-size: 14px; font-weight:bold; color: white;}
.callback p { padding: 3px 0 6px 5px;}

.form { font-family: Arial; font-size:13px; color: #666666; margin-bottom: 49px;}
.form input { border: 1px solid #D6D5D5; margin-left: 4px; float: right;}
.form .error { float: none; color: red;}
.form .submitbtn { float: right; margin-top: 0px; border: 0;}
#name { border: 1px solid #D6D5D5; width: 163px; height: 17px; margin-left: 7px; margin-bottom: -4px; margin-top: -16px;}
#number { border: 1px solid #D6D5D5; width: 163px; height: 17px; margin-left: 4px; margin-top: -16px;}

.quotation { font-size: 13px; color: #898989; margin-top: 17px; margin-bottom: 53px;}
.quotation h1 { font-size: 13px; color: #898989; padding-top: 15px;}
.endquote { float: right;}
 
.main { width:680px; float:left; font-family: Arial; margin-bottom:37px;}
/*.flash { width:647px; height:313px; border: 2px solid #DCDCDC; float:right;}*/
.galleryHolder { float:right;}
.content { padding: 10px 22px 0 42px;  clear: both;}
.content h1 { color: #666666; font-size: 16px; margin-bottom: 6px; }
.content p { color: #666666; font-size: 13px; margin-top: 19px; margin-bottom: -4px;}
.contentline { background-color:#FDAE51; width: 626px; height: 1px;}

/*middle services page*/
.flash-others { width:647px; height:165px; border: 2px solid #DCDCDC; float:right;}
.subjectlist { font-family: Arial; color: #666666; margin-top: 28px; clear:both;}
.subone { width: 293px; float: left; margin-bottom: 20px;}
.subone h1 { font-size: 14px;}
.subone p { font-size: 12px; margin-top: 0px; padding-top: 2px;}
.subs a { color: #FFB55E; text-decoration: none;}
.subs a:hover { color: #FFB55E; text-decoration: underline;}
.subtwo { float: left; width:291px; margin-left: 32px;}
.subtwo h1 { font-size: 14px;}
.subtwo p { font-size: 12px; margin-top: 0px; padding-top: 2px;}
.subtwo a { color: #FFB55E; text-decoration: none;}
.subtwo a:hover { color: #FFB55E; text-decoration: underline;}
p.secondpar { padding-top: 14px;}

/*middle contact page*/
.main a { text-decoration:none; color: #666666;}
.main a:hover { text-decoration:underline; color:#666666;}

.fieldset-form-contact{border: 1px solid #D6D5D5; margin-top: 15px; padding:10px 10px 10px 10px;}
.legend-form-contact{font-family: Arial; font-size:13px; color: #666666;}
.form-contact { font-family: Arial; font-size:13px; color: #666666; margin-bottom: 10px; margin-top: 10px;}
.form-contact input { border: 1px solid #D6D5D5; font-family: Arial; font-size:13px; color: #666666;}
.form-contact textarea { border: 1px solid #D6D5D5; width:250px; font-family: Arial; font-size:13px; color: #666666;}
.form-contact .submitbtn-contact { border: 0;}
.form-contact .error { float: none; color: red;}


/*bottom of the site*/
#footer { width: 895px; clear: both; color:#A0A0A0; font-size: 11px; margin-bottom:20px;}
.footerline { background-color: #CFCFCF; width: 895px; height:1px;}
#footer p { margin-top: 9px;}
#footer p a { text-decoration: none; color:#A0A0A0;}
#footer p a:hover { text-decoration: underline; color:#A0A0A0;}
ul.footernav { text-align: right; margin-top: -24px; margin-right: 9px;}
ul.footernav li { display: inline; font-size: 11px; padding-right: 3px; padding-left: 3px;}
ul.footernav li a { text-decoration: none; color:#A0A0A0;}
ul.footernav li a:hover { text-decoration:underline; color:#A0A0A0;}