@charset "utf-8";
/* CSS Document */
/*blue #0092FF*/
*, * focus { outline: none; margin:0; padding:0;}
body {
	font-family: Comic Sans MS,tahoma;
	font-size:62.5%;
	margin:0 auto;
	color:#fff;
	text-align:center;
	min-width:800px;
	background:#FFFFE3 url(../images/body-bg-yellow.jpg) 0 0 no-repeat;
}
/* main layout */
#header,#content {
	overflow:hidden;
}
#footer {
	border:solid 1px #ccc;
}
#wrapper {
    font:1.3em/1.3 comic sans ms,tahoma;
    margin:0 auto;
    text-align:left;
}
#wrapper,#header,#footer{width:100%;}
#content-wrapper{width:100%}
#footer {clear:left;}
#header{
    height:150px;
    max-width:1200px;
    margin:0 auto;
}
/* end main layout */
/*header*/
h1.logo{
    float:left;
    width:266px;
    height:121px;    
    margin:1em 0 0;
    text-indent:-9999px;
    background:transparent url(../images/logo.png) 0 0 no-repeat;
}
h1.logo a{
    display:block;
    height:100%;
}
.header-right{
    float:right;
    position:relative;
    top:1.75em;
    right:6em;
}
h2.phone{
    float:right;
    width:403px;
    height:32px;
    text-indent:-9999px;
    background:transparent url(../images/phone.png) 0 0 no-repeat;
}
#navmenu{
    position:relative;
    top:40px;
    list-style:none;
    margin:2.5em 0 0;   
}
#navmenu li{
    float:left;
    width:115px;
    height:50px;
    text-align:center;
    margin:0 -0.55em 0 0;    
}
#navmenu li a{
    display:block;
    color:#fff;
    padding:15px 0 18px;
    background:transparent url(../images/navmenu-buttons.png) 0 0 no-repeat;
}
#navmenu li a:hover,#navmenu li a:focus{
    color:#fff;
    background:transparent url(../images/navmenu-buttons-hover.png) 0 0 no-repeat;
}
#navmenu li a.active{
    background:transparent url(../images/navmenu-buttons-hover.png) 0 0 no-repeat;
}
/*end header*/
/*content*/
#content-wrapper{padding:3.5em 0 5em;}
.service{
    width:780px;
    margin:0 auto;
}
.service img.left{
    float:left;
    position:relative;
    top:0;
    left:3em;
    width:250px;
    height:200px;
}
.service img.right{
    float:right;    
    width:250px;
    height:200px;
    position:relative;
    z-index:11;
}
.service-copy-left{
    float:left;
    width:529px;    
}
.service-copy-right{
    float:left;
    width:529px;
    position:relative;
    top:0;
    left:2.75em;
    z-index:9;    
}
.service-copy-top{
    width:100%;
    height:10px;
    background:transparent url(../images/service-copy-top-blue.png) 0 0 no-repeat;
}
.service-copy-middle{
    width:529px;
    padding:0 0 1.3em 0;
    background:transparent url(../images/service-copy-middle-blue.png) 0 0 repeat-y;       
}
.service-copy-middle p{
    width:450px;
    line-height:1.5em;
    margin:0 auto;
    padding: 1em 0 0;
}
.service-copy-middle p span{
    font-size:1em;
    color:#ffff77;
    font-weight:bold;
}
.service-copy-middle p a{
    text-decoration:underline;
    color:#fff;
}
.service-copy-middle p a:hover{
    text-decoration:underline;
    color:#ffff77;
}
p.service-copy-footer{
    width:420px;
    margin:1em auto 0;
    color:#ffff77;
}
.price-list{
    width:450px;
    margin:1em 0 0 3.5em; 
    color:#ffff77;
    font-weight:bold;  
}
.price-list p{
    float:left;
    width:100px;
    padding:0;
}
.price-list ul{
    float:left;
    width:250px;
    list-style:none;
}
.service-copy-bottom{
    width:100%;
    height:20px;
    background:transparent url(../images/service-copy-bottom-blue.png) 0 0 no-repeat;
}
/*footer*/
#footer{
    height:130px;
    background:#0092FF;
    border-top:solid 4px #fff;
}
.details{
    width:650px;
    margin:0 auto;
    font-size:1.1em;
}
.details p{
    width:650px;
    margin:10px 0;
    text-align:center;
}
.details p span{
    font-size:1em;
    color:#ffff77;
    font-weight:bold;
}
.details p a{
    color:#fff;
    text-decoration:underline;  
}
.details p a:hover{
    text-decoration:underline;
    color:#ffff77;
}
/*end footer*/
/*end content*/
h1{
    font-size:1.5em;
    padding:0.3em 0 0 2.1em;
    color:#FEFF77;
}
.clear{clear:both;}
a:link,a:visited,a:hover,a:active,a:focus{
    text-decoration:none;
    color:#333;
}
/*lightbox*/
#gallery {
    float:right;
    width: 690px;
    margin:2em 0 0.75em;
}
#gallery ul { list-style: none; }
#gallery ul li { 
    float:left; 
    width:108px;
    height:83px;
    margin:0 0.3em 0 0;
    border:solid 1px #ddd;
}
#gallery ul img {
    border: 4px solid #fff;
}
#gallery ul a:hover img,#gallery ul a:focus img {
	border: 4px solid #333;
}	
#gallery p{
    font: 1em/1em arial;
    color:#555;
    margin:7em 0 0;
}
/*end lightbox*/
/*form*/
.form
{
    width: 340px;
    margin:2em 0 2em 3em;
} 
div.row
{
    padding-top: 7px;
}
div.row span.label
{
    float: left;
    width: 100px;
    text-align: right;
}
div.row span.formData
{
    float: right;
    width: 240px;
    text-align: left;    
}
.form span.asterisk
{
    color: #ff0000;
}
input 
{
    width: 240px;
    color: #fff;
    background: #333;
    border: solid 1px #fff;  
}
textarea 
{
    width: 240px;
    height: 120px;
    color: #fff;
    background: #333;
    overflow: auto;
    border: solid 1px #fff;   
}
.button 
{
    width: 88px;
    height: 38px;
    background: transparent url(../images/buttons.png) top left no-repeat;
    border: none;
    cursor: pointer;
}
/*end form*/

