/*
Theme Name: City Wide Restoration by Kelley Stopnik
Theme URI: http://www.kelleystopnik.com/
Description: Original designed by Rambling Soul and modified by <a href="http://www.kelleystopnik.com">Kelley Stopnik</a>
Version: 1.0
Author: Kelley Stopnik
Author URI: http://www.kelleystopnik.com/
Tags: business, fixed width, cms, widgets

*/

* { padding:0; margin:0;
}
.clear {clear:both;}
.alignleft { float: left; }
.alignright { float: right; }
.center { text-align: center; }
a {
	color: #569ACC;
}

body {background:#fff url(images/bg.jpg) repeat-x; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#333;}
#wrap {width:954px; margin:25px auto;}
#header {background:url(images/header.png) no-repeat; height:207px; }
#logo #sitename {
	font-size: 36px;
	color: #000000;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #C6C6C6;
}
#logo #sitename a {
	color: #000000;
	text-decoration: none;
}
#logo #sitename a:hover {
	color: #333333;
}
#headercontent h2 {
	font-size: 18px;
	color: #CCCCCC;
}
#wrap #header #logo .description {
	display: block;
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
}
#wrap #header #headercontent p {
	color: #CCCCCC;
}
#wrap #header #sitecption {
	margin-right: 375px;
	margin-left: 358px;
	padding-top: 65px;
	color: #cccccc;
	font: 12px "Trebuchet MS", halvetica, Verdana, sans-serif;
}
.bigger {
	font: 18px "Trebuchet MS", halvetica, Verdana, sans-serif;
	color: #C0EC15;
}


#wrap #header #logo {
	width: 260px;
	padding-top: 50px;
	padding-left: 50px;
	height: 150px;
	float: left;
}
#wrap #header #headercontent {
	width: 312px;
	float: right;
	padding-right: 45px;
	padding-top: 45px;
	height: 137px;
}


#main {background:url(images/pagebg.png) repeat-y; padding:2px 9px 0 9px; margin:0;}
#menus {background:url(images/menu.jpg) no-repeat; width:936px; margin:0 auto 10px auto; height:88px;}
#submenu ul {
	list-style: none;
}
#submenu li {
	display: inline;
}
#submenu a {
	background: url(images/submenudevider.png) no-repeat left;
	display: block;
	float: left;
	height: 16px;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 15px;
	color: #666666;
	text-decoration: none;
}
#mainmenu {
	height: 55px;
	font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 10px;
	padding-right: 22px;
	padding-left: 22px;
}
#mainmenu ul li a {
	display: block;
	height: 40px;
	padding-right: 25px;
	padding-left: 25px;
	float: left;
	text-decoration: none;
	padding-top: 15px;
	background: url(images/menudevider.png) no-repeat 0px 3px;
	color: #569ACC;
}
#mainmenu .first a {
	background: none;
}

#mainmenu li {
	display: inline;
}
#mainmenu a:visited, #mainmenu a:active {text-decoration:none; color: #569ACC;}
#mainmenu .current_page_item a {background:url(images/menuactive.gif) no-repeat center top; color:#fff;}
#wrap #main #content {
	padding: 10px;
}
#mainmenu a:hover {color:#fff;}
#homeleft {width:480px; float:left;}
#wide-content {padding:5px 25px;}
#content-template {width:580px; float:left; padding:5px 25px;}
#contentright { margin-left:600px; }
#homeright { margin-left:500px; }
h1, h2, h3, h4 { font-family:"Trebuchet MS", halvetica, Verdana, sans-serif;}
h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
#main h2 {color:#333; display:block; padding:3px 0 8px 0;}
.green {
	color: #5B920A;
}
#homeright h3 {
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 8px;
}
#main  p {
	line-height: 16px;
	margin-bottom: 18px;
}
#homeright .column1 {
	width: 135px;
	float: left;
	padding-right: 5px;
}
#homeright .column3 {
	float: left;
	width: 135px;
	padding-left: 5px;
}
#homeright .column2 {
	float: left;
	width: 135px;
}
a:visited, a:active {
	color: #569ACC;
	text-decoration:none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
#wrap #footer {
	background: url(images/footer.png) no-repeat;
	height: 70px;
	padding-top: 5px;
	text-align: center;
}

#footer a, #footer a:visited, #footer a:active {
	color: #333333;
	text-decoration:none;
}

#footer a:hover {
	color: #cccccc;
	text-decoration:none;
}

#footer h2 {
	color: #c0272d;
	text-decoration:none;
        font-size:14px;
}


#mainmenu ul {list-style:none;}
#submenu a:visited, #submenu a:active {
	background: url(images/submenudevider.png) no-repeat left;
	display: block;
	float: left;
	height: 16px;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 15px;
	color: #666666;
	text-decoration: none;
}
#submenu a:hover {

	background: url(images/submenudevider.png) no-repeat left;
	display: block;
	float: left;
	height: 16px;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 15px;
	color: #000000;
	text-decoration: none;
}
#mainmenu .first a:visited, #mainmenu .first a:active {

	background: none;
}
#productlist {
	list-style: none;
}
#productlist li {
	display: block;
	padding: 3px;
	border-bottom: 1px solid #eee;
}
.productimage {
	float: left;
}
.post .date {
	font-size: 10px;
}
.post h3 {
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px;
}
.post {
	padding: 5px;
	margin-bottom: 15px;
}
.post ul, .post ol, .page ul, .page ol {
	padding: 0 0 10px 25px;
}
#sidebar1 {
	float: left;
	width: 49%;
}
#sidebar2 {
	float: right;
	width: 49%;
}
#homeright  ul {
	list-style: none;
}
#homeright li {
	display: block;
	border-bottom: 1px solid #eee;
	/*height: 18px;*/
}
#homeright li a {
	/*display: block;*/
	/*height: 15px;*/
	padding-top: 2px;
	color: #999999;
	text-decoration: none;
	background: url(images/bullet.png) no-repeat 0px 3px;
	padding-left: 15px;
}

.form, .wpcf7-form {margin:10px 25px 10px 50px;}
.form .text, .wpcf7 .wpcf7-form-control-wrap input, .wpcf7 .wpcf7-form-control-wrap textarea {
	display:block;
	border:1px solid #666666;
	background: #efefef;
	width:250px;
	padding:5px;
	font-size:14px;
	color:#000000;
}
.form label, .wpcf7 label {display:block; margin-bottom:3px; margin-top:10px;}
.form .text:hover, .wpcf7 .wpcf7-form-control-wrap input:hover, .wpcf7 .wpcf7-form-control-wrap textarea:hover {background:#FFFFFF; border: solid 1px #000000;}
.form .text:focus, .wpcf7 .wpcf7-form-control-wrap input:focus, .wpcf7 .wpcf7-form-control-wrap textarea:focus {
	background:#efefef;
	border: 1px solid #669900;
}
.form .button, .wpcf7-form input[type~="submit"] {
	display:block;
	border:1px solid #666666;
	background:#efefef;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}
.form .button:hover, .wpcf7-form input[type~="submit"]:hover {
	display:block;
	border:1px solid #666666;
	background: #ffffff;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}
.commentlist {
	list-style: none;
}
.commentlist li {
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D4D0C8;
	background: #f4f4f4;
}
.avatar {
	float: right;
}

/*  Customer Quotes slider CSS stuff starts here */
#container { position: relative; width: 100%; height: 100%; overflow: auto; }
#controls { position: absolute; display: block; width: 120px; left: 0; top: 40px; padding: 10px; }

.item { display: block; width: 100%; height: 100%; }
.item h2 { font-size: 16px; color: #ccc; }
.item p { font-size: 12px; padding: 4px 10px 12px; }

#num_nav { position: relative; text-align: center; top: 42px; }
#num_nav ul li { display: inline; margin: 0 2px; }
#num_nav ul li a { padding: 2px 3px; color:#09C; border: 1px solid #09C; background-color:#033; }
#num_nav ul li a.active, #num_nav ul li a:hover { border-color: #fff; background-color:#060235 }

#play_btn { position: relative; top: 34px; width: 100px; height: 25px; margin: 0 auto; z-index: 10000; line-height: 25px; text-align: center; text-transform: uppercase; font-size: 12px; color:#09C; border: 1px solid #09C; background-color:#060235; }
#prev_btn, #next_btn { position: absolute; top: 120px; width: 100px; height: 25px; left: 20px; z-index: 10000; line-height: 25px; text-align: center; text-transform: uppercase; font-size: 12px; color:#09C; border: 1px solid #09C; background-color:#060235; }
#next_btn { top: 150px; }


.btn_over { color:#fff; border: 1px solid #fff; background-color: #033; }