/*

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: 314px;

	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; }