/* site template tags */
* { margin: 0; padding: 0; border: 0 }
html,body { background:url(layout/background.gif) repeat-x #193946; margin:0 auto 0 auto; padding:0px; width:100%; }
body { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#272727; }
p { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#272727; }	
td,ul,ol { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#272727; }
ul { padding-left:40px; }

h1 { font-family:Arial, Verdana, sans-serif; font-size:24px; line-height:24px; color:#272727; }
h2 { font-family:Arial, Verdana, sans-serif; font-size:16px; line-height:18px; color:#ffffff; }
h3 { font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:16px; color:#91bace; }
h4 { font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:14px; color:#843a5f; }

a { color:#a51b11; text-decoration:none; }
a:hover { color:#a51b11; text-decoration:underline; }

.accessibility, hr { display:none; }
.clear { clear:both; }
.none { display:none; }

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
	* html .clearfix { height:1%; }
	.clearfix { display:block; }	

	
#dropmenudiv
{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color:#ffffff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #498271;
color: #ffffff;
}	

/* site layout */
.container { float:left; min-height:400px; height:auto !important; padding:0 0 0 0; width:100%; }
		
	/* body */		
	.body { width:986px; min-height:400px; height:auto !important; height:400px; margin:0 auto; text-align:center; padding-bottom:0; }
		/* header */
		.header { display:block; height:112px; float:right; width:986px; }
			.header-left { float:left; width:986px; }
				.top-nav-left { float:left; width:348px; }
					h1.logo-top { display:block; float:left; width:348px; height:112px; margin:0 0 0 0; }
						h1.logo-top a { display:block; width:348px; height:112px; background:url(header/logo-top.jpg) no-repeat; }
						h1.logo-top a span { display:none; }
				.top-banners { display:block; float:right; width:638px; padding:4px 0 0 0; }
					.banner { display:block; float:right; width:358px; height:103px; padding:0 20px 0 0; }
				.top-nav { float:left; width:986px; padding:0 0 0 0; }
					.main-nav { list-style:none; float:left; margin:0 0 0 0; padding:0 0 0 72px; width:809px; }
						.main-nav li { float:left; display:block; padding:0 0 0 0; margin:0 0 0 0; }
						.main-nav li.home a { display:block; width:53px; height:34px; background:url(header/home_off.gif) no-repeat; }
						.main-nav li.home a:hover { display:block; width:53px; height:34px; background:url(header/home_on.gif) no-repeat; }
						.main-nav li.websites a { display:block; width:76px; height:34px; background:url(header/websites_off.gif) no-repeat; }
						.main-nav li.websites a:hover { display:block; width:76px; height:34px; background:url(header/websites_on.gif) no-repeat; }
						.main-nav li.seo a { display:block; width:44px; height:34px; background:url(header/seo_off.gif) no-repeat; }
						.main-nav li.seo a:hover { display:block; width:44px; height:34px; background:url(header/seo_on.gif) no-repeat; }
						.main-nav li.consulting a { display:block; width:82px; height:34px; background:url(header/consulting_off.gif) no-repeat; }
						.main-nav li.consulting a:hover { display:block; width:82px; height:34px; background:url(header/consulting_on.gif) no-repeat; }
						.main-nav li.design a { display:block; width:62px; height:34px; background:url(header/design_off.gif) no-repeat; }
						.main-nav li.design a:hover { display:block; width:62px; height:34px; background:url(header/design_on.gif) no-repeat; }
						.main-nav li.email a { display:block; width:112px; height:34px; background:url(header/email_off.gif) no-repeat; }
						.main-nav li.email a:hover { display:block; width:112px; height:34px; background:url(header/email_on.gif) no-repeat; }
						.main-nav li.aboutus a { display:block; width:82px; height:34px; background:url(header/aboutus_off.gif) no-repeat; }
						.main-nav li.aboutus a:hover { display:block; width:82px; height:34px; background:url(header/aboutus_on.gif) no-repeat; }
						.main-nav li.contactus a { display:block; width:82px; height:34px; background:url(header/contactus_off.gif) no-repeat; }
						.main-nav li.contactus a:hover { display:block; width:82px; height:34px; background:url(header/contactus_on.gif) no-repeat; }
						.main-nav li.quote a { display:block; width:104px; height:34px; background:url(header/quote_off.gif) no-repeat; margin-left:6px; }
						.main-nav li.quote a:hover { display:block; width:104px; height:34px; background:url(header/quote_on.gif) no-repeat; margin-left:6px;  }
						.main-nav li a span { display:none; }
						
			.header_bar { display:block; float:left; width:986px; height:55px; background:url(header/header_bar.gif) no-repeat; }
				.topnav_links { display:block; float:left; width:986px; text-align:left; padding:10px 0 0 81px; }
					
					#topnav_submenu a:link { color:#ffffff; padding:0 15px 0 0; }
					#topnav_submenu a:hover { color:#ffc90a; padding:0 15px 0 0; }
					#topnav_submenu a:visited { color:#ffffff; padding:0 15px 0 0; }
				
			/* content */
			.content { display:block; float:left; width:986px; height:auto; min-height:400px; background:url(layout/content.gif) repeat-y #193946; }
				.left-nav { display:block; float:left; width:234px; }
					.left-btn1 { width:188px; height:140px; padding:0 0 0 27px; }
					.left-btn2 { width:188px; height:140px; padding:15px 0 0 27px; }
					.left-btn3 { width:188px; height:140px; padding:15px 0 0 27px; }
					.left-btn4 { width:188px; height:140px; padding:15px 0 14px 27px; }
				.middle { display:block; float:right; width:752px; text-align:left; }
					.middle-content { display:block; float:left; width:727px; height:auto; min-height:604px; background-color:#ffffff; }
						.top-mid-heading { display:block; float:left; width:727px; padding:10px 0 0 10px; }
						.top-mid-content { display:block; float:left; width:727px; padding:10px 0 0 10px; }
							.content-txt { padding-bottom:50px;width:700px; }
								.content-txt h2 { padding:20px 0 5px 0; color:#183543; }
								.content-txt h3 { padding:3px 0 3px 0; color:#0c1618; }
								.content_text a:link { color:#193946; }
								
					.blogtitle a { font-size:16px; color:#843a5f; font-weight:bold; }	
					.blogstats { font-size:11px; }	
					.blogstatsgr { font-size:11px; color:#498271; font-weight:bold; }
					.blogtitle { font-size:16px; color:#843a5f; font-weight:bold; }
					.blogheading { font-size:16px; color:#498271; font-weight:bold; }
					.blogdate { line-height: 1; display: block; font-size: 11px; text-transform: uppercase; padding: 0 0 12px 2px; margin: 0 0 8px 0; background: url(layout/dotted-black-h.png) repeat-x left bottom; }
					.styled-form { background: url(layout/dotted-black-h.png) repeat-x left bottom; }
					.styled-formup { background: url(layout/dotted-black-h.png) repeat-x left top; }

					.textbox { width:250px; border:solid 1px #193946; height:20px; font-size:11px; color:#615853; padding:2px 0 2px 5px; }
					.textboxMulti { width:350px; border:solid 1px #193946; font-size:11px; color:#615853; padding:2px 0 2px 5px; }
					.button { font-family: Arial; font-size: 12px; padding-left: 3px; border:solid 1px #646464; }
					
					.gallery { display:block; float:left; width:574px; padding:2px 0 0 15px; }
						#box { overflow:hidden; position:absolute; }
						#box SPAN { display:block; float:left; width:574px; }
						.mask { cursor:pointer; height:530px; overflow:hidden; position:relative; width:574px; }
						.leftarrow { display:block; float:left; width:16px; }
						
			/* footer */
			.footer_bar { display:block; float:left; width:986px; height:10px; background:url(layout/footer.gif) no-repeat; }
			
			.footer { display:block; float:left; padding:18px 0 25px 25px; width:986px; text-align:left; }
				.footerlinks-left { display:block; float:left; width:100px; }
					.footerlinks-left a { color:#91bace; }
				.footerlinks-a { padding:5px 0 0 0; }
				.footerlinks-gap { float:left; padding:0 6px 0 12px; }
					.footerlinks-gap a { color:#91bace; }
				.footerlinks { display:block; float:right; width:886px; }
					.footermid { display:block; float:left; width:666px; }	
					.footerlinks-right { display:block; float:right; color:#91bace; width:210px; padding:0 10px 0 0; }