@charset "utf-8";

/* CSS Document */







body {

	background-image:url('../images/gradient_overlay.gif');

	background-color: #3A3026;

	background-repeat: repeat-x;

	color: #000000;

	text-align: center;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 62.5%;

	line-height: 1.85em;

}



a {

	color: #5B8080;

	text-decoration: none;

}



a:visited {

	text-decoration: none;

}



a:hover {

	text-decoration: none;

}



a:focus {

	outline: 1px dotted invert;

}



hr {

	border: 0 #ccc solid;

	border-top-width: 1px;

	clear: both;

	height: 0;

}





/* `Headings

----------------------------------------------------------------------------------------------------*/



h1 {

	font-size: 2.5em;

}



h2 {

	font-size: 2.3em;

}



h3 {

	font-size: 2.1em;

}



h4 {

	font-size: 1.9em;

}



h5 {

	font-size: 1.7em;

}



h6 {

	font-size: 1.5em;

}



/* `Spacing

----------------------------------------------------------------------------------------------------*/







/* p, */

dl,

hr,

h1,

h2,

h3,

h4,

h5,

h6,

/*

ol,

ul,  */

pre,

table,

address,

fieldset {

	margin-bottom: 15px;

}



/* `Main

----------------------------------------------------------------------------------------------------*/

/* Top Contact */

.top_contact {

	font-size:1.1em;

	color:#FFFFFF;

	text-align:right;

	margin-top:10px;

}



.top_contact a {

	color:#FFFFFF;

}



.top_contact a:hover {

	text-decoration:underline;

}



/* Wrapper */





.wrapper {

	background-color: #fff;

	margin-top: 5px;

	margin-bottom: 5px;

	padding-bottom: 1px;

}









/* Header */



.header {

	margin-bottom: 5px;

}



.header h1{

	display:block;

	float: left;

	margin: 15px 0px 0px 10px;

}



.header h4 {

	float:left;

	font-weight:normal;

	text-align:left;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:1.2em;

	color:#666666;

	width:235px;

	margin-top:25px;

	margin-left:10px;

}



.header h4 a {

	font-style:italic;

	font-weight:bold;

}









.header ul{

	float: right;

	list-style: none;

	margin: 10px 0px 0px 0px;

	font-size: 1.4em;

	text-transform: uppercase;

}



.header li {

	display:inline;

	float: left;

	background-image:url('../images/pipe.gif');

	background-repeat: no-repeat;

	background-position: top right;

	margin: 0px;

	padding: 0px 13px 11px 13px;

}



.active {

	border-bottom: 7px solid #00803A;

	padding-bottom: 5px;

}



.header li.nobkgd {

	background-image: none;

}





.header li a:link, .header a:visited {

/*	display: block;	 */

	color: #5B8080;

	text-decoration:none;



}





.header a:visited {

	color: #5B8080;

	text-decoration: none;

}





.header h2{

	float: right;

	margin: 20px 0px 0px 15px;

}



/* Social Icons  */

.social_icons_home {
}

iframe.social_icons_home {
	display:block;


}




.social_icons {
	float: left;
	display:block;
	margin-bottom:25px;
	margin-top:10px;
	

}





/* Content */



.content {

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 15px;

	background-color: #5B8080;

	text-align:center;

	width: 930px;

}



h2 {

	font-size: 2em;

	color: #00803A;

	text-transform: uppercase;

	margin: 15px 0px 0px 15px;

}





/* Hero */



.hero-block {

	display: inline-block;

	float: left;

	width: 900px;

	background-color: #FFF;

	margin: 15px 15px 15px 15px;

}











/* Left Nav */ 





ul.left_nav {

	list-style: none;

	margin-top: 50px;

	float: left;

	font-size: 1.25em;

	margin: 25px;

	text-align: left;

	text-transform: uppercase;	

}



ul.left_nav li {

	border-bottom: 1px solid #5B8080;

	margin-bottom: 10px;

	padding-bottom: 10px;

}



li.selected a {

	color: #00803A;

	font-weight: bold;

}

ul.selected {

	color: #00803A;

	font-weight: bold;

}



/* Area under Hero - HOME ONLY */

.outer_box_home {
	float: right;
	margin: 0px 0px 15px 0px;
	background-color: #5B8080;
	text-align: center;
	width: 915px;
	background-image: url('../images/clca-logo-member-small.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
}

.inner_box_home {
	float: left;
	width: 725px;
	background-color: #5B8080;
	margin: 0px;
	padding: 0px;
}

.inner_box_home > div {
	text-align: left;
	background-color: #FFFFFF;
	margin: 0px 15px 15px 0px;
	padding : 5px 0px 5px 5px;
}

.inner_box_home p {
	font-size: 1.35em;
	margin: 15px 15px 15px 15px;
}

.inner_box_home blockquote {
	font-size: 1.25em;
}

.inner_box_home ul {
	float: left;
	list-style: disc;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 15px 30px;
	font-size: 1.25em;
	width: 300px;
}

.inner_box_home li {
	margin-bottom: 5px;
}

div.contact_home {
	margin: 0px 15px 0px 0px;
	padding: 10px 0px 10px 20px;
	color: #000;
	font-size: 1.2em;
}









/* Area under Hero */

.outer_box {
	float: right;
	margin: 0px 0px 15px 0px;
	background-color: #fff;
	text-align: center;
	width: 915px;
	background-image: url('../images/clca-logo-member-small.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
}

.inner_box {
	float: right;
	width: 740px;
	background-color: #5B8080;
	margin: 0px;
	padding: 0px;
}

.inner_box > div {
	text-align: left;
	background-color: #FFFFFF;
	margin: 0px 15px 15px 15px;
	padding : 5px 0px 5px 5px;
}

.inner_box p {
	font-size: 1.35em;
	margin: 15px 15px 15px 15px;
}

.inner_box blockquote {
	font-size: 1.25em;
}

.inner_box ul {
	float: left;
	list-style: disc;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 15px 30px;
	font-size: 1.25em;
	width: 300px;
}

.inner_box li {
	margin-bottom: 5px;
}




/* HOME Bullets Block */

.home ul {
	float: le
	list-style-image: url('../images/blue-bullet.gif');
	padding: 5px 0px 0px 0px;
	font-size: 1.5em;
	margin-top: 15px;
	line-height: 150%;
	width: 300px;	
}

.home li {
	margin-bottom: 15px;
}


/* Testimonial Quote Block */


blockquote p{

	display: block;

	padding: 15px 0px 0px 5px;

	width: 650px;

	color: #666666;

	background-image: url('../images/quote-1.gif');

	background-repeat: no-repeat;

	line-height: 1.5em;

}


.quote-name {

	text-align: right;

	padding: 0px 15px 0px 0px;

	margin: 0px;

	color: #666666;

	font-size: .95em;

	background-image: url('../images/quote-2.gif');

	height: 28px;

	background-position: 99%;

	background-repeat: no-repeat;

}


div.contact {
	margin: 0px 15px 0px 15px;
	padding: 10px 0px 5px 20px;
	color: #000;
	font-size: 1.2em;
}


/* Footer */

.footer {

	color: #fff;

	text-align: left;

	padding-bottom: 25px;

	font-size: 1.1em;

}







/* HOME page */



#header_home h2{

	float: right;

	margin: 23px 0px 0px 15px;

}







.right-block li {

	background-image: url('../images/blue-bullet.gif');

	background-repeat:no-repeat;

	background-position: 0px 10px;

	padding-left: 15px;

	margin: 0px 0px 0px 20px;

}









/* GALLERY page */



.gallery_main {

	float: left;

	width: 615px;

	height: 413px;

}



.gallery_thumbs {

	

	border: 8px solid #5B8080;

	float: right;

	margin: 10px;

	padding: 10px;

	width: 225px;

	

}



.gallery_thumbs ul {

	margin-bottom: 25px;

	

}





.gallery_thumbs li {

	display: inline;

	padding-right: 2px;

	

}





.gallery_thumbs a > img {

	border: 2px solid #ffffff;

	height: 67px;

}



.gallery_thumbs a:hover > img {

	border: 2px solid #00803A;

}



a.gallery_thumbs_active img {

	border: 2px solid #00803A;

}





.gallery_thumbs h3{

	margin: 50px 0px 5px 0px;

	color: #00803A;

	font-size: 1.5em;

	text-align: left;

	

}



.gallery_thumbs p{

	font-size: 1.2em;

	text-align: left;

	

}



.before {

	font-size: .8em;

}

















/* INQUIRY FORM page */

.form_wrapper {

	width: 675px;

	padding: 25px 0px 25px 15px;

}



.form_wrapper p{

	margin: 0px 0px 10px 0px

}



h3.form_header {

	font-size: 1.25em;

	background-color:#CCCCCC;

	margin: 15px 0px 15px 0px;

	padding-left: 5px;

}



label {

	display: block;

}



textarea, select {

	display: block;

}



.input { 

	background-color: #FFF; 

}



/* INQUIRY FORM homepage */

.form_home {
	background-image: url("http://www.sevillelandscape.com/images/form_bkrd.png");
	background-repeat: repeat-x;
	background-color: #ffffff;
	color: #444444;
	margin-top: 25px;
	float: left;
	font-size: 1em;
	margin: 0px;
	padding: 15px 15px 15px 15px;
	text-align: left;
	text-transform: uppercase;	
	width: 145px;
}

.form_home h3 {
	background-image: url("http://www.sevillelandscape.com/images/form_header.png");
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 1.75em;
	padding: 10px;
	text-align: center;
}

.form_home p {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 12px;
	text-transform: none;
}

.form_home label {
	color: #222222;
	font-size: 1.15em;
	margin-bottom: 5px;
}

.form_home input {
	width: 140px;
	margin-bottom: 5px;
}