* {
	margin: 0;
	padding: 0;
}

body { 	font: small Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #000;
}

body { background-repeat:repeat;
}

#background { visibility:hidden
}
		
body { background-image:url(../images/blue_bg.jpg);
}
		
body { background-position:top right;
}

read {
	margin: 0;
	padding: 0;
}

a {
	color: #5E244D;
	text-decoration: none !important;
	outline: none;
}

a:hover {
	background: #AFDAEB;
	text-decoration: none !important;
	border: 0;
}

a img {
	border: 0;
	text-decoration: none !important;
}

.clearing {
	clear: both;
}

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

/* basic styles for all <ul>s used as horizontal menus */
ul.hmenu {
	list-style-type: none;
}
	
	ul.hmenu li {
		float: left;
		width: auto;
		border-left: 1px solid #000;
		line-height: 1;
		padding-left: 1em;
		margin-right: 1em;
	}
	
	ul.hmenu li.first {
		border: 0;
		padding-left: 0;
	}

#container {
	width: 100%;
}

#banner,
#footer {
	padding-left:0;width:950px;
	}

#banner,
#content .inner,
#footer {
	width: 950px;
	margin:0 auto;
}

#banner {
	padding: 20px 0 28px 0;
	background-image: none;
	height: 73px;
	position: relative;
}

#banner p a, #banner h1 a {
		display: block;
		background: transparent url(../images/avalon.gif) 5000px 0 no-repeat;
		height: 73px;
		width: 5550px;
		margin-left: -5000px;
		border: none;
	}
 
#banner ul { list-style-type:none;position: absolute;right:0;top:100px; }
#banner li { border:0;float:left;margin-right:0;padding-left:0; }
#banner li.first { border-left:none; }
#banner li a { border-left:2px solid #B6F4F3;color:#000000;display:block;font-weight:bold;float:left;outline:none;text-transform:uppercase;margin-left:9px;padding-left:9px; }
#banner li.first a { border-left:none;margin-left:0;padding-left:0; }
#banner li a.active,
#banner li a:hover { background:none;color:#B6F4F3;text-decoration:none; }

#banner_right {
	position: relative;
	top: 0px;
	left: 0px;
	color:#000000;
	font-family: Chicago, Charcoal, sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:125%;
	line-height: 0.1;
	list-style-type:none;
	border: none;
	
	}

#banner_topright {
	/*position: relative;*/
	position: absolute;
	top: 22px;
	left: 342px;
	color:#B6F4F3;
	font-family: Chicago, Charcoal, sans-serif;
	letter-spacing:-1px;
	font-size:310%;
	line-height: 0.7;
	/*line-height: 0.1;*/
	}

#content {
	margin-left:0;width:100%
	clear: both;
	padding: 10px 0 80px 0;
	position: relative;
	color: #333;
	background-color: #fff;
	width: 100%;
	float: left;
	opacity:0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	}

#content .inner {
	width:950px;position:relative;
	}

#footer	{
	clear: both;
	padding: 30px 0 60px 0;
	color: #1396C4;
}

#footer p {
		float: left;
		margin-right: 10px;
		line-height: 1;
	}

#footer ul.hmenu li {
		border-left-color: #1396C4;
	}

#footer li a {
color:#B6F4F3;display:block;font-weight:bold;float:left;outline:none;text-transform:uppercase;margin-left:10px;padding-left:10px;
	}

#footer li a.active,
#footer li a:hover { background:none;color:#B6F4F3;text-decoration:none; }
		
li.first {
	border: 0;
	padding-left: 0;
}

a img, p a img {
	border: 0;
}

#who-copy.faded #top {
	background-color: #95EEED;
	color: #0F5D5C;
}

#who-copy.faded #bottom {
	background-color: #95EEED;
	color: #0F5D5C;
}

#who-copy {
	float: left;
	width: 500px;
}

#who-copy h1 span, #who-copy h2 span {
	display: none;
}

#who-copy p {
	line-height: 1.6;
	margin-left: 3px;
}

#who-copy #top {
	background-color: #95EEED;
	color: #0F5D5C;
	font-size: 110%;
	padding: 30px 24px 30px;
	margin-bottom: 22px;
}

#who-copy #top h1 {
	background: url(../images/avalon-about-who-we-are.gif) 0 0 no-repeat;
	width: 239px;
	height: 30px;
	margin-bottom: 14px;
}

#who-copy #bottom {
	background-color: #95EEED;
	color: #0F5D5C;
	font-size: 105%;
	line-height: 1.6;
	padding: 30px 24px 30px;
	margin-bottom: 22px;
}

#who-copy #bottom h2 {
	background: url(../images/avalon-about-why-were-here.gif) 0 0 no-repeat;
	width: 228px;
	height: 22px;
	margin-bottom: 10px;
}

#who-copy #hire-us-button {
	text-align: right;
	text-decoration: none !important;
	border: 0;
}

/* contact page - /reach_us/ - */

#contact-form, #directions-content, #photos-content {
	background-color: #95EEED;
}

#contact-form {
	float: right;
	width: 410px;
	padding: 20px;
	color: #805a17;
}

	#contact-form a {
	color: #c90;
	text-decoration: underline;
	}

	#contact-form h1 {
	width: 5250px;
	height: 30px;
	margin: 0 0 18px -5000px;
	background: url(../images/avalon-title-contact-us.gif) 5000px 0 no-repeat;
	}

	#contact-form fieldset {
	border: 0;
	border-top: 1px solid #95EEED;
	margin-top: 18px;
	padding-top: 18px;
	}

	#contact-form .tell-us {
	background-color: #ffc;
	margin-bottom: 12px;
	}

	#contact-form input.tell-us, #contact-form select.tell-us {
	width: 75%;
	}

	#contact-form textarea.tell-us {
	width: 100%;
	height: 100px;
	}

	#contact-form .required {
	font-weight:bold;
	text-transform: uppercase;
	color: #c90;
	}

	#contact-form label {
	display:block;
	color: #c90;
	text-transform: uppercase;
	margin-bottom: 2px;
	font-size: .9em;
	}

	#contact-form div.footer {
	text-align: right;
	padding-bottom: 10px;
	}

	#contact-form p.instructions {
	font-size: .9em;
	margin-top: 2px;
	margin-bottom: 14px;
	}

	#contact-error {
	list-style-type: none;
	}

	#contact-error li {
	margin: 10px 0;
	}

	#contact-form input.error,
	#contact-form textarea.error {
	border: 2px solid #f00;
	}

	#contact-form label.error,
	#contact-form div.error {
	color: #f00;
	}

#photos-content {
	display: block;
	clear: left;
	padding: 12px;
	}

	#imagegallery {
	list-style-type: none;
	}

	#imagegallery li {
	float: left;
	padding: 10px 5px 0 6px;
	}
	
	#imagegallery li a img {
	outline: none;
	}

	#imagegallery li a:hover img {
	margin: -3px;
	border: 0px solid #c90;
	text-decoration: none !important;
	}

.heading {
	font-weight: bold;
	font-size: 15px;
	color: #2A0C16;
	padding-top: 26px;
	border-top: 1px solid #1D1D1D;
	margin: 26px 0px 0px 0px;
	clear:both;
	}

.img-rfq {
	width: 247px;
	background-color: #c4a8d8;
	padding: 10px;
	margin: 0px 10px 5px 0px;
	border:none;
	}

.img-whatwedo {
	width: 247px;
	background-color: #C9E9F7;
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border:none;
	text-decoration: none !important;
	border: 0;
	}

.img-whoweworkwith {
	width: 247px;
	background-color: #C9E9F7;
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border:none;
	text-decoration: none !important;
	border: 0;
	}

#freequote {
	position: absolute;
	left: 880px;
	top: 70px;
}

/* SubNav */

/*#subnav {
 	float: right;
 	margin: -145px 0 0 0;
 	padding: 0;
 	}*/

/*#subnav li {
	list-style-type: none;
	display: inline;
	margin-right: 5px;
	}*/
	
/*#subnav li a {
	text-decoration: underline;
	border-bottom: none;
	color: #2A0C16;
	font-weight: bold;
    	border-bottom: 1px solid #9FD9F1;
	}*/

/*#subnav li a:hover {
        display:inline;
        border-bottom:0px;
	text-decoration: none !important;
	}*/

.intro {
	background-color: #AADFF5;
	color: #805a17;
	font-size: 110%;
	padding: 26px 24px 30px;
	line-height: 1.3;
	}

.intro h2 {
	font-size: 30px;
	margin-bottom: 1px;
	text-transform: uppercase;
	color: #0F6083;
	}

.intro p.p1 {
	  font-size:120%;
	  color:#0F6083;
	  margin-bottom: 5px;
	}

.intro p.p2 {
	  font-size:100%;
	  color:#0F6083;
	  margin-bottom: 1px;
	}
		
#main {
	margin-left: 24px;
	width:952px;
	}

#main2 {
	margin-left: 64px;
	width:945px;
	}

.callout {
	margin: 0 26px 0px 0;
	padding: 14px 18px;
	font-size: 105%;
	}

h3 {
	margin: 26px 26px 0 0;
	padding: 14px 18px;
	color: #0F6083;
	background-color: #95D7F2;
	}

h4 {
	margin: 26px 26px 0 0;
	padding: 7px 9px;
	color: #805a17;
	background-color: #CDF7F7;
	}

h5 {
	font-size: 18px;
	margin-bottom: 1px;
	color: #0F6083;
	}

.callout p {
	  line-height:1.25;
	  margin-bottom:6px;
	}

.callout ul {
	margin-left: 16px;
	}

.callout li {
	margin-bottom: 6px;
	}

blockquote.callout2 {
margin: 0;
padding: 0;
width: 800px;
border-top: 4px dotted #C7F7F6;
border-bottom: 4px dotted #C7F7F6;
background: transparent url("../images/quotes-left-blue.png") no-repeat 65px 15px;
}

blockquote.callout2 p {
padding: 20px 125px;
background: transparent url("../images/quotes-right-blue.png") no-repeat 670px 70px;
}

blockquote.callout2 p.link {
padding-top: 0;
text-align: right;
font-size: 90%;
}

blockquote.callout2 p.link a {
text-decoration: underline;
color: #136F6E;
}

blockquote.callout3 {
margin: 0;
padding: 0;
width: 800px;
border-top: 4px dotted #C7F7F6;
border-bottom: 4px dotted #C7F7F6;
}

blockquote.callout3 p {
padding: 20px 125px;
}

blockquote.callout3 p.link {
padding-top: 0;
text-align: right;
font-size: 90%;
}

blockquote.callout3 p.link a {
text-decoration: underline;
color: #136F6E;
}

/* SL ()
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SL { width: 830px; float: left; padding-left: 70px;}

.title { color:#272d36; font: normal 34px/34px "Helvetica"; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #ccc;}
.note {  background:url(images/note-icon.png) no-repeat left 2px; padding-left: 14px; color:#669900; font-size: 11px;}
.edit a { background:url(images/edit-icon.png) no-repeat left 2px; padding-left: 14px; color:#ff6600; font-size: 11px; }
.error { color:#cc0000; font-size: 11px; font-weight: bold;}
.p { margin: 0 0 20px 0; color: #000000; line-height: 140%; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none !important; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

div.description a.readmore { color: #ffffff; background: url(../images/featured-readmore-right.gif) no-repeat top right; display: block; height: 34px; padding-right: 9px; line-height: 34px; float: right; font-style: italic; text-shadow: 1px 1px 1px #86949b; margin-top: 8px; }

/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/
		div#featured { position: relative; background: url(../images/featured_bg.jpg) no-repeat scroll center bottom transparent; padding-bottom:5px; padding-left: 15px; }
			#featured_content, .slide { width: 865px !important; }
			a#left_arrow { background: url(../images/right_arrow.gif) 0px 0px no-repeat; left: 0px; }
			/*a#left_arrow { background: url(../images/left_arrow.gif) 0px 0px no-repeat; left: 0px; }*/
			a#right_arrow { background: url(../images/right_arrow.gif) 0px 0px no-repeat; right: 0px; }
			a#left_arrow, a#right_arrow { display:block; height:23px; position: absolute; text-indent:-9999px; top:88px; width:13px; }

				div.slide img.thumb {float: left; margin-left: 30px; text-indent:-9999px;}
				div.slide div.description {float: right; width: 420px; margin-right: 25px; padding: 5px;}
					div.description h2 a:hover { text-decoration: none !important; }
					div.description p.tagline { font-family: Helvetica, Arial, "Lucida Grande", sans-serif; font-style: italic; color: #105A80; }
					div.description { color: #262626; }
					
					a.readmore { color: #262626 !important; font-weight: bold  !important; background: url(../images/featured-readmore-right.gif) no-repeat top right; display: block; height: 34px; padding-right: 9px; line-height: 32px; float: right; font-style: italic; text-shadow: 1px 1px 1px #86949b; margin-top: 8px; margin-right: 0px; }
						a.readmore span { display: block; height: 34px; background: url(../images/featured-readmore-left.gif) no-repeat; padding: 0px 11px 0px 20px; } 
						
			div#controllers { clear:both; bottom:-5px; left:0; padding-left:440px; position:absolute; }	
				div#controllers a { float: left; text-indent:-9999px; background: url(../images/controller1.png) no-repeat; display: block; height: 14px; width: 15px; margin-right:4px; }	
				div#controllers a.activeSlide {background: url(../images/controller2.png) no-repeat;}

a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none !important; }

a.readmore span { display: inline-block; cursor: pointer; }

.portfolio-item {
	display: block;
	float: left;
	width:267px;
	margin: 0px 7px 0px 0px;
	height: 220px;
	text-decoration: none !important;
	border: 0;
	}

#portfolio-section {
	padding: 0px 0px 25px 0px;
	}

.portfolio-item p {
	margin: 0;
	text-decoration: none !important;
	border: 0;
	}

.img-portfolio {
	width: 247px;
	background-color: #C9E9F7;
	padding: 10px;
	margin: 0px 0px 5px 0px;
	border:none;
	}

.img-contact {
	width: 247px;
	background-color: #88EAE9;
	padding: 10px;
	margin: 0px 10px 5px 0px;
	border:none;
	}

.fees { 
cursor: pointer;
padding: 5px 5px;
padding-left:20px;
height:30px;
color:#000000;
border:solid 1px #F0E5F7;
line-height:30px;
display: block;
font-size:18px
}

.pricing { 
cursor: pointer;
padding: 5px 5px;
padding-left:20px;
height:30px;
color:#000000;
border:solid 1px #F0E5F7;
background: #DDF1FA url('../images/togglerch.gif') center right no-repeat;
line-height:30px;
display: block;
font-size:18px
}

.prices { 
margin:-18px 0px 25px 0px;
padding:20px;
background:#DDF1FA;
border:solid 1px #F0E5F7;
}

.openpricing { 
cursor: pointer;
border:solid 1px #F0E5F7;
background: #DDF1FA url('../images/togglero.gif') center right no-repeat;
}

.img-pricing {
	padding: 10px;
	border:none;
}

.imgright {
padding: 1em 0 1em 1em;
float: right;
overflow: auto;
overflow-x: hidden;
}

.sidebarBlock { background: #fff; margin:-10px 0px 25px 0px; margin: 0 auto; width: 790px; margin-bottom: 1px;  opacity:0.8; filter: alpha(opacity=80); -moz-opacity:0.8;}

.imghome {
padding: 2px;
padding-left: 2px;
}

.inlineimg {
vertical-align: middle;
padding: 4px;
padding-left: 2px;
}

#contactfooter {
	color: #B6F4F3;
	float: right;
	margin-right: -2px;
	line-height: 10px;
	vertical-align: right;
	padding: 1px;
	padding-right: -575px;
	}

#contactfooter a {
	color: #AFDAEB;
	text-decoration: none !important;
	outline: none;
}

#contactfooter a:hover {
	background: none;
	text-decoration: none !important;
	border: 0;
	}