/* CSS Document */

body {
	
     padding-top: 0;
	 margin-top: 0;
	 background: url(../images/header-bg.jpg) repeat-x;
	 background-color: #FFF;
}

#wrapper {
     margin-left: auto;
	 margin-right: auto;
	 width: 900px;
	 height: auto;
	 border: solid 0px red;	
}


#header {
     width: auto;
	 height: auto;	
}

#header .main-logo img{
     width: 380px;
	 height: 80px;
	 float: left;
	 margin-top: 9px;
	 margin-left: 3px;	
}

#header .header-phone {
     color: white;
	 float: right;
	 font-family: "Comic Sans MS", cursive;
	 font-size: 23px;
	 font-weight: bold;
	 margin-top: 6px;	
}

#header .header-nav {
     float: left;
	 height: 40px;
	 width: 600px;
	 clear: both;
	 padding-top: 7px;		
}

#header .header-nav ul {
     list-style: none;
	 float: left;	
}

#header .header-nav li {
     list-style: none;
	 float: left;
	 height: 40px;	
}

#header .header-nav a {
     text-decoration: none;
	 float: left;
	 margin-right: 30px;
	 font-size: 14px;
	 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 color: #333;
	 margin-left: 12px;
}

#header .header-nav a:hover {
     color: #FFF;	
}

#header .search {
     float: right;
	 padding-top: 19px;
	 margin-left: 3px;	
}

#header .search .textfield {
	 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 color: #666;
	 border: solid 1px #666;
	 
}

#header .search .search-btn {
	 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 color: #666;
	 border: solid 0px #666;
}

/* -- Blue section -- */

.blue {
	 margin-top: 1px;
     width: 899px;
	 clear: both;
	 height: auto;
}

.blue img{
     float: left;
	 width: 344px;
	 height: 220px;
	 margin-top: 30px; 
}

.blue-slideshow {
     float: right;
	 border: solid 0px #666;
	 margin-top: 30px;
	 
}


/* -- white section */

#white {
     width: auto;
	 height: auto;	
}

#white .explanation-info {
     float: left;
	 width: 600px;
	 height: auto;
	 text-align: left;
	 padding-top: 40px;
}

#white .explanation-info .explanation {
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 color: #999;
	 line-height: 23px;
}

#white .promise {
     float: right;
	 width: 260px;
	 height: 600px;
	 padding-top: 40px;
	 margin-left: 30px;	
}

#white .promise .promise-info {
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 color: #999;
	 line-height: 23px; 	
}

#white .promise .promise-info li{
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 color: #999;
	 line-height: 23px;	
}

#white .promise .promise-info ul {
     color: #90d6fa;	
}

#white .testimonials {
     float: left;
	 width: auto;
	 height: auto;	
}

#slider {
     float: left;	
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:900px;
	height:auto;
	overflow:hidden; 
	}
span#prevBtn{
	float: left;
	width: 60px;
	background:url(../images/btn_prev.png);
	}
span#nextBtn{
	float: left;
	width: 60px;
	background:url(../images/btn_next.png);
	}
	
span#prevBtn a{
	float: left;
	width: 100px;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
span#nextBtn a{
	float: left;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	}	

/*-- white end --*/

#footer {
	margin-top: 40px;
	background-color: #3a3934;
    width: 100%;
	height: 485px;
	background: #3a3934 ;
	float: left;
	border-top: solid 2px #CCC;
}

#footer .footer-left {
    float: left;
	margin-left: 370px;
	width: 220px;
	height: auto;
	margin-top: 10px;
	margin-right: 30px;	
}

#footer .footer-left .location-address {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 color: white;
	 line-height: 23px;	
}

#footer .footer-left .location-address a{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 color: white;
	 line-height: 23px;	
}


#footer .footer-center {
    float: left;
	width: 220px;
	height: auto;
	margin-top: 10px;
	margin-right: 30px;		
}

#footer .footer-center .list-methods-contact{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 color: white;
	 line-height: 23px;	
}

#footer .footer-right {
    float: left;
	width: 220px;
	height: auto;
	margin-top: 10px;	
}

#footer .footer-right .footer-map-links a{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 color: white;
	 line-height: 7px;	
}

#footer .login {
    float: left;
	width: auto;
	height: auto;
	clear: both;
	margin-left: 370px; 	
}

#footer .login .loginfield {
    border: solid 1px #666;
	padding: 2px;
	width: 200px;
	color: #666;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
}

#footer .login .login-sbt {
    border: solid 1px #666;
	padding: 2px;
	color: #666;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
}


#footer .login p {
	margin-top: 12px;
	color: white;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;	
}

/* -- gallery -- */

#white #slider {
    margin-top: 50px;
	height: auto;	
}

/* -- contact -- */

#white .contact {
	margin-top: 60px;
    float: left;
	height: auto;
	width: 905px;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #09F;	
}

#white .contact .textfield {
    border: solid 1px #90d6fa;
	padding: 10px;
	padding-right: 60px;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #09F;
	margin-left: 30px;		
}

#white .contact .textarea {
    border: solid 1px #90d6fa;
	padding: 10px;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	margin-left: 30px;
			
}

#white .contact p{
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	font-size: 14px;
	margin-left: 20px;	
}

#white .contact .contact-sbt {
    border: solid 1px #90d6fa;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	padding: 8px;
	margin-left: 10px;		
}

#white .contact fieldset {
	border: solid 0px #90d6fa;
	background-image: url(../images/back-test.png);	
}

#white .contact legend {
    border: solid 0px #90d6fa;
	color: #666;	
}


/* -- projects -- */

#white .gallery {
    float: left;
	height: auto;
	margin-top: 30px;
	width: 900px;	
}

#white .gallery .zoomy ul {
  	float: left;
}

#white .gallery .zoomy li {
   list-style: none;
   float: left;	
}

#white .gallery .zoomy img {
   border: solid 1px white;
   float: left;
   margin-right: 7px;
   margin-top: 7px
}

#white .gallery p {
   font-family: Tahoma, Geneva, sans-serif;
   color: white;
   
}

/* -- admin -- */

#white .admin {
   margin-top: 40px;
   float: left;
   width: 450px;
   height: auto;
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #666;
   font-size: 12px;
}

#white .admin hr{
   color: #90d6fa;
   height: 1px;
}

#white .admin .Admin-welcome {
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #90d6fa;
   font-size: 16px;
   font-weight: bold;
}

#white .admin .admin-mail-count {
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #90d6fa;
   font-size: 16px;
   font-weight: bold
}

#white .admin a {
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #90d6fa;
   font-size: 14px; 	
}

#white .admin .textarea {
   color: #666;
   border: solid 1px #90d6fa;
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 4px;
}

#white .blog {
   margin-top: 40px;
   width: 300px;
   float: right;
   height: auto;
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #666;
   font-size: 12px;
}

#white .blog .textarea {
   color: #666;
   border: solid 1px #90d6fa;
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 4px;
}

#white .blog .textfield {
   color: #666;
   border: solid 1px #90d6fa;
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
}

#white .blog p {
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #90d6fa;
   font-size: 14px;
   font-weight: bold;
}

/* -- news --*/ 

#white .blog-show {
   width: 700px;
   float: left;
   margin-top: 40px;
   height: auto;
}

#white .blog-show .blog-title {
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #90d6fa;
   font-size: 14px;
   font-weight: bold;   
}

#white .blog-show .blog-body {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 color: #999;
	 line-height: 23px; 
}

#white .blog-show .blog-date {
   font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #90d6fa;
   font-size: 14px;
   font-weight: bold;   
}