/*----------
	Ace Plumbing and Gas - CSS Document 
----------*/
@import url('reset.css');

/*----------	LaYoUT STYLeS	----------*/
body {
	margin: 30px 0px 0 0;
	line-height: 17px;
	text-align: left;
	color: #000000;
	background-color: #001E96;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
}

#container { margin: 0 auto; width: 750px; font-size: 1.1em; }
#popup-container { margin: 0 auto; width: 536px; padding: 0 15px; display: block; font-size: 1.1em; }
#content_container { width: 730px; margin-top: 10px; padding: 10px; background-color: #FFFFFF; border: 1px solid #D6CFC7; }
#content_bg { width: 730px; background: url('../images/core/bg-content.gif') repeat-y; }
#left-column { width: 536px; float: left; padding-right: 12px;}
#right-column { width: 179px; float: left; background: #FAEDDA;}
#left-content { background: #FAEDDA; }

/*#text_container { background: #FFFFFF url(../images/core/content_bg.gif) repeat-y; }*/
#text { width: 536px; background-color: #FAEDDA; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*----------	HeaDeR STYLeS	----------*/
#header { width: 751px; height: 85px; margin: 0 auto; text-align: left; position: relative; background: #FFFFFF; border: 1px solid #D6CFC7; }
#header img#logo { position: absolute; top: 0px; left: 10px; }
#header img#cta_top { position: absolute; top: 50px; left: 350px; }

/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { font-size: 1.3em; height: 244px; width: 179px; text-align: left; background-color: #FFFFFF; }
#nav ul { list-style-type: none; }
#nav ul li { display: inline;}
#nav ul li a {  width: 170px; border-bottom: 1px solid #001E96; padding: 10px 0 10px 5px; color: #001E96; text-decoration: none; display: block; letter-spacing: 2px; }
#nav ul li a:hover { text-decoration: none; color: #EC8800; }

/*----------	BaNNeR STYLeS	----------*/
img.banner,
img.inner-banner { width: 536px; }


/*----------	CoMMoN STYLeS	----------*/
.clear { display: block; clear: both; }

a { color: #001E96; text-decoration: underline; }
a:hover { text-decoration: none; color: #EC8800; }
img { border: none; }
h1 {
	background-color: #EC8800;
	display: block;
	width: 516px;
	height: 42px;
	line-height: 42px;
	color: #ffffff;
	padding-left: 20px;
	font-size: 1.7em;
	margin-top: -4px;
}
h2 { font-size: 1.4em; font-weight: bold; padding: 10px 20px; }
strong { font-weight: bold; }
em { font-style: italic; }
hr { border: none; border-bottom: 1px solid #0068AA; margin: 10px; }
p { margin: 10px 30px 10px 20px; }
table { width: 93%; text-align: left; margin: 0 0 20px 20px; padding: 0; }
th { text-align: center; font-size: 1.4em; padding: 5px; font-weight: bold; }
td { border: 1px solid #CA8D91; padding: 3px; }

tr.studio td { font-weight: bold; font-size: 1.2em; }
ul.list { margin: 10px 0; list-style-type: square; }
ul.list li { margin: 0 50px; }
ul.list li ul.list2 li { margin: 0 20px; list-style-type: disc !important;  }

ul.list-left { margin: 13px 0; list-style-type: square; width: 250px; float: left; margin-bottom: 18px; }
ul.list-left li { margin-left: 50px; }

ul.list-right { margin: 10px 0; list-style-type: square; width: 250px; float: left; margin-bottom: 22px; }
ul.list-right li { margin-left: 50px; }

#gallery { width: 120px; margin: 10px; float: right; }
#gallery img { margin: 2px; }

div#residential {}

div.content-services {
 width: 400px;
 float: left;
}

div.horizontal-gallery {
	width: 100px;
	float: left;
}

div.horizontal-gallery ul {}

div.horizontal-gallery ul li {}

img.inner_photos { float: right; margin: 10px; }

.other-logos { margin-left: 50px; }
div.other-logos img { float: left; margin: 10px; }

.top { border-top: 1px solid #CA8D91; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }

/*----------	CTa STYLeS	----------*/
div#cta { width: 179px; }
div#cta p { text-align: center; margin: 10px 0 19px 0px; }

/*----------	FooTeR STYLeS	----------*/
div#footer { color: #EC8800; width: 750px; margin: 0 auto; font-size: 0.9em; }
div#footer a { color: #EC8800; text-decoration: none; }	
div#footer a:hover { text-decoration: underline; }	
div#footer p { float: left; padding-left: 20px; margin: 10px 0 30px 0; }
div#footer img#webbasic { float: right; margin: 10px 50px 30px 0; border: none; }