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

* { margin: 0; padding: 0; outline: none; }

body {
   background: #faea78 url(../images/bg-top.png) top repeat-x;
   color: #282e4f;
   font: 11px Verdana, Geneva, sans-serif;
   position: relative;
}

#wrapper { width: 900px; margin: 0 auto; }
#header { height: 210px; background: url(../images/header.jpg) top center no-repeat; position: relative; }
#content { margin-bottom: 20px; background: #fff; }
#content-top { height: 25px; background: url(../images/content-top.png) top center no-repeat; }
#content-bottom { height: 25px; background: url(../images/content-bottom.png) top center no-repeat; clear: both; }
#content-main { padding: 0 30px; }
#left-side { width: 525px; font-size: 11px; line-height: 140%; float: left; }
#right-side { width: 285px; float: right; }
#left-side-index { width: 285px; font-size: 13px; line-height: 145%; text-align: center; float: left; }
#right-side-index { width: 505px; line-height: 140%; text-align: center; float: right; }
#footer { margin-bottom: 20px; font-size: 11px; text-align: center; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#header h1 { text-indent: -10000px; }
h2 { width: 262px; height: 36px; margin-bottom: 10px; text-indent: -10000px; }
h2#title-about { background: url(../images/title-about.png) no-repeat; }
h2#title-services { background: url(../images/title-services.png) no-repeat; }
h2#title-sales { background: url(../images/title-sales.png) no-repeat; }
h2#title-testimonials { background: url(../images/title-testimonials.png) no-repeat; }
h2#title-faq { background: url(../images/title-faq.png) no-repeat; }
h3 { margin-bottom: 5px; font-size: 13px; }

ol { margin: 0 30px 20px; }
ol li { margin-bottom: 5px; }

ul#list { margin: 0 30px 20px; }
ul#list li { margin-bottom: 5px; }

#right-side img { margin-bottom: 20px; }

a { color: #282e4f; }
a:hover { text-decoration: none; }

p { margin-bottom: 15px; }
p.note { font-size: 9px; }

/* Form ************************************************************************************************************ */
form { width: 285px; margin-bottom: 10px; text-align: right; }
form ul { list-style-type: none; }
form ul li { margin-bottom: 5px; clear: both; }
form ul li label { width: 80px; padding: 5px 10px 0 0; font-weight: bold; float: left; }
form ul li input { width: 173px; padding: 3px 5px; }
form ul li textarea { width: 173px;  padding: 3px 5px; }
form ul li input.submit { width: 75px; padding: 0; }
/* ***************************************************************************************************************** */

/* Navigation ****************************************************************************************************** */
ul#navigation {
   position: absolute;
   left: 150px;
   top: 160px;
   list-style-type: none;
}
ul#navigation li { display: block; float: left; }
ul#navigation li a {
   height: 40px;
   background: url(../images/navigation.png) no-repeat;
   display: block;
   text-indent: -9999px;
}
ul#navigation li#n01 a { width: 100px; background-position:    0px 0; }
ul#navigation li#n02 a { width: 111px; background-position: -100px 0; }
ul#navigation li#n03 a { width: 135px; background-position: -211px 0; }
ul#navigation li#n04 a { width: 187px; background-position: -346px 0; }
ul#navigation li#n05 a { width: 127px; background-position: -533px 0; }
ul#navigation li#n06 a { width:  90px; background-position: -660px 0; }
ul#navigation li#n01 a:hover { width: 100px; background-position:    0px -40px; }
ul#navigation li#n02 a:hover { width: 111px; background-position: -100px -40px; }
ul#navigation li#n03 a:hover { width: 135px; background-position: -211px -40px; }
ul#navigation li#n04 a:hover { width: 187px; background-position: -346px -40px; }
ul#navigation li#n05 a:hover { width: 127px; background-position: -533px -40px; }
ul#navigation li#n06 a:hover { width:  90px; background-position: -660px -40px; }

/* ***************************************************************************************************************** */

/* Gallery ********************************************************************************************************* */
#gallery .thumbnail {
   width: 166px; 
/*   height: 126px; */
   margin: 3px;
   text-align: center;
   float: left;
   background-color: #CAAB68;
}
#gallery a img { border: #CAAB68 3px solid; }
#gallery a img:hover { border: #4c0602 3px solid; }

#gallery .caption {
	background-color: #FFF;
}

/* ***************************************************************************************************************** */

.testimonial {
	padding: 20px 0 0 40px;
	background: url(../images/quote.png) no-repeat left top;
	border-top: 1px dotted #ABB2D6;
}

a img {border:none;}
#footer p {margin-bottom:15px;}