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

body{
	font-family:Verdana, Geneva, sans-serif;	
}
#header_logo{
	margin:0 auto;
	width:429px;
	height:107px;
	background-image:url(../images/logo.png)
}
#cssdropdown, #cssdropdown *{
	margin:0;
	padding:0;
	
}

#cssdropdown, #cssdropdown ul{
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	position:absolute;
	
}
#cssdropdown li.headlink {
	float:left;
	margin-left:0px;
	text-align:center;
	width:150px;
	height:59px;
}
	#cssdropdown li.headlink a {
		display:block;
		text-decoration:none;
		font-size:18px;
		color:#333333;
		padding:19px;
	}

	#cssdropdown li.headlink a:hover {
		display:block;
		text-decoration:none;
		font-size:18px;
		color:#ffffff;
		padding:19px;
		background-color:#333;
	}



li.headlink ul { display: none; }
li.headlink:hover ul { display: block; }

#main_wrapper{
	width:960px;
	margin:0 auto;
}
#header_wrapper{
	width:960px;
	height:130px;
	background-image:url(../images/header.gif)
}

#nav_wrapper{
	width:960px;
	height:60px;
	background-image:url(../images/nav.png)
}

#content_wrapper{
	padding:20px;
	background-color:#dedfe5;
	height:100%;
	
}

#footer_wrapper{
	width:960px;
	margin:0 auto;
	height:60px;
	background-image:url(../images/footer.png);
}

p{
	margin:0;
	margin-bottom:20px;
	font-size:14px;
	padding:0;	
	line-height:25px;
}

p.service{
	width:620px;
	float:right;
	display:inline;
}

h1{
	font-weight:normal;
	font-size:24px;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	color:#333;
}
h2{
	font-weight:normal;
	font-size:18px;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	color:#666;
	font-style:italic;
}
hr{
	color: #F30;
	margin-bottom:0px;
	margin-top:20px;
}
#locations{
	width:900px;
	height:200px;
	margin:0 auto;
}
#pic{
	float:left;
	width:300px;
	height:200px;
	background-image:url(../images/pic.png);
	margin:0;
	padding:0;
}

#pic p{
	text-align:center;
	padding:20px;
	font-size:18px;
}


h1.sub{
	font-weight:normal;
	font-size:18px;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	color:#333;
	width:920px;
	float:left;
	border-top:solid 1px #F30;
}

form{
	clear:both;
	width:425px;
	}

form div.rowElem {
  position: relative;
  width: 425px;
  padding:10px;
}

form div.rowElem label{
	width:125px;
	display:block;
	float:left;
	text-align:right;
}

form div.rowElem input{
	width:260px;
}

form div.rowElem textarea{
	width:260px;
}
#address{
	border-bottom:#333 1px solid;
}
#services, #services ul{
	float:left;
	display:inline;
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	}
#services li.service{
	text-align:center;
	width:250px;
	height:58px;
	margin-bottom:10px;
	
	}
#services li.service a{
	color:#333333;
	padding:20px;
	display:block;
	text-decoration:none;
	background-image:url(../images/service_button.gif);
}
#services li.service a:hover{
	background-image:url(../images/service_button_hover.gif);
	display:block;
	color:#FFF;
}
#25years img{
	width:595px;
	height:330px;
	border:1px solid black;
}


#featured{ 
	width:600px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #333; 
	height:400px; 
	background:#333;
	margin:0 auto;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:600px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
	
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  
	background:url(../images/btn.jpg) repeat-x;
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:url(../images/btn_selected.jpg) repeat-x;
}
#featured li.ui-tabs-selected{ 
	background:url('../images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:url(../images/btn_selected.jpg) repeat-x;
}
#featured .ui-tabs-panel{ 
	width:600px; height:400px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:330px; left:0; 
	height:70px;
	width:600px;
	background: url('../images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.serv_pics{
		width:225px;
		height:100px;
		border:1px solid black;
		float:left;
		margin:10px;
}
/* hide everything if js deacitvated */
.ppy ul {           

    height:         0px;
    width:          0px;
    padding:        0px;
    margin:         0px;
    overflow:       hidden;
}
.ppy-stage {
    background:     transparent no-repeat center center;  
}
/* end hide                         */

/* POPEYE                           */
.ppy {
    font-size:      0.8em;
}
.ppy-stagewrap {
    background-color:#333;
    border:         1px solid #ccc;
    border-right:   1px solid #aaa;
    border-bottom:  1px solid #aaa;
}
.ppy-stage {
    position:		relative;
    border:         10px solid #eee;
}
.ppy-tools {
    overflow:       hidden;
    zoom:           1;      /* IE float container hasLayout fix */
    position:       absolute;
    padding:        10px;
    top:            0px;
    background:     #000;
    z-index:        100;
    display:        inline;
}
.ppy-tools.ppy-left {
    left:           0px;
    -moz-border-radius: 0 0 6px 0;
    -khtml-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius:  0 0 6px 0;
}
.ppy-tools.ppy-right {
    right:           0px;
    -moz-border-radius: 0 0 0 6px;
    -khtml-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
}
.ppy-tools div {
    width:          25px;
    height:         0px !important;
    padding-top:    35px;
    overflow:       hidden;
    float:          left;
    background:     transparent no-repeat center top;
    cursor:         pointer;
}
.ppy-prev {
    background-image:url(../images/prev.png) !important;
}
.ppy-enlarge {
    width:          49px !important;
    margin:         0 10px;
    background-image:url(../images/enlarge.png) !important;
}
.ppy-compact {
    width:          49px !important;
    margin:         0 10px;
    background-image:url(../images/compact.png) !important;
}
.ppy-next {
    background-image:url(../images/next.png) !important;
}
.ppy-tools div:hover {
    background-position: center -35px;
}
.ppy-cap {
    background:     #666666;
    color:          #FFFFFF;
    line-height:    1.2em;
    border:         1px solid #999999;
    border-top:     0px;
    font-size:      0.9em;
    position:       relative;
    overflow:       hidden;
}
.ppy-textwrap {
    padding:        5px;
}

#popeye2, #popeye3 .ppy-count {
    display:        inline;
    padding:        0 5px 0 0;
	position:		relative;
	float:			right;
    font-style:     italic;
	color:			#FFFFFF;
}
.ppy-loading {
    background:     #333 url(../images/loading.gif) no-repeat center !important;
}
#popeye2 {
	float:right;
	position:relative;
	display:inline;
	margin:0;
}
#popeye3 {
	float:left;
	position:relative;
	display:inline;
	margin:0;
	
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
* html .clearfix {height: 1%;}


/* END POPEYE */
