/* WS Reset */
html { height:100%; }
body {
	margin:0;
	text-align:center;
	font-size:62.5%;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
	color:#333;
	background:#fff;
}
h1, h2, h3, h4 { margin:0 0 5px; line-height:1em; font-weight:normal; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.2em; }
p { margin:0 0 20px; }
a { color:#333; }
a:link, a:visited { text-decoration:underline; }
a:active, a:focus, a:hover { text-decoration:none; }
ol, ul { margin:0; padding:0; }
li { margin-left:15px; }
img { border:none; vertical-align:top; }
blockquote { padding:0; margin:5px 10px; }
form { margin:0; padding:0; }
textarea { font-size:100%; font-family:Helvetica, Arial, sans-serif; }
td, th { vertical-align:top; }
/* WS Reset */

/* advanced clear */
.clearit:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clearit-ie6 { clear:both; height:0; font-size:0; line-height:0; }
/* advanced clear */

/* basic clear */
.clear { clear:both; }
.clear.left { clear:left; }
.clear.right { clear:right; }
/* basic clear */

/* Lean, Mean Accessible Forms (adapted from http://www.alistapart.com/articles/prettyaccessibleforms) */
form.lmaform fieldset { margin-bottom:10px; }
	form.lmaform fieldset.submit { margin:0; border:none; padding:0; }
	
	form.lmaform legend { padding:0 2px; font-weight:bold; #margin:0 -7px; }
		form.lmaform label { display:-moz-inline-box; display:inline-block; line-height:1.8; vertical-align:top; }
		
		form.lmaform fieldset li { margin:0; padding:5px; list-style:none; }
			form.lmaform fieldset fieldset { margin:3px 0 0; border:none; }
				form.lmaform fieldset fieldset legend { padding:0 0 5px; font-weight:normal; }
					form.lmaform fieldset fieldset label { display:block; width:auto; }
			
			form.lmaform em { font-weight:bold; font-style:normal; color:#f00; }
/* End L.M.A. Forms */

div#container { text-align:left; font-size:1.2em; }

div#header-wrapper, div#nav-wrapper, div#subnav-wrapper, div#content-wrapper { position:relative; width:980px; margin:0 auto; }

div#header { background:url(../images/header-bg.jpg) bottom left repeat-x; }
	div#header-wrapper { height:104px; }
		a#logo {
			position:absolute;
			top:25px;
			left:13px;
		}
			a#logo:link, a#logo:visited { text-decoration:none; }
			
			a#logo img {
				font-size:2.5em;
				line-height:1em;
			}
		
		img#phone-number {
			position:absolute;
			bottom:0;
			right:37px;
			font-size:1.2em;
			line-height:1.5em;
		}
	
	div#nav {
		clear:both;
		height:39px;
		text-align:center;
		background:#056eac url(../images/nav-bg.jpg) top left repeat-x;
	}
		div#nav-wrapper {}
			div#nav ul { list-style:none; }
				div#nav li { float:left; text-align:center; }					
					div#nav li a {
						display:block;
						height:39px;
						text-decoration:none;
						line-height:39px;
						color:#fff;
					}
						div#nav li a:link, div#nav li a:visited { background:none; }
						
						div#nav li a:active,
						div#nav li a:focus,
						div#nav li a:hover,
						div#nav li.current a:link,
						div#nav li.current a:visited,
						div#nav li.current a:active,
						div#nav li.current a:focus,
						div#nav li.current a:hover { background:#005988; }
			
			div#nav ul.main-nav { float:left; font-size:1.25em; }
				ul.main-nav li { margin:0 20px 0 0; }
					ul.main-nav li a { padding:0 15px; }
			
			div#nav ul.secondary-nav { float:right; }
				ul.secondary-nav li {}
					ul.secondary-nav li a { padding:0 10px; }
					
					div#nav ul.secondary-nav li#contact-us { margin:0 25px 0 10px; }
						div#nav ul.secondary-nav li#contact-us a {
							width:112px;
							padding:0;
							font-size:1.25em;
						}
							div#nav ul.secondary-nav li#contact-us a:link,
							div#nav ul.secondary-nav li#contact-us a:visited { background:url(../images/contact-nav.jpg) top left no-repeat; }
							
							div#nav ul.secondary-nav li#contact-us a:active,
							div#nav ul.secondary-nav li#contact-us a:focus,
							div#nav ul.secondary-nav li#contact-us a:hover,
							div#nav ul.secondary-nav li#contact-us.current a:link,
							div#nav ul.secondary-nav li#contact-us.current a:visited,
							div#nav ul.secondary-nav li#contact-us.current a:active,
							div#nav ul.secondary-nav li#contact-us.current a:focus,
							div#nav ul.secondary-nav li#contact-us.current a:hover { outline:none; background:url(../images/contact-nav.jpg) bottom left no-repeat; }
	
	div#subnav {
		height:7px;
		font-size:0.8333em;
		text-transform:uppercase;
		color:#fff;
		background:#334354 url(../images/subnav-bg.jpg) top left repeat-x;
	}
		body.services div#subnav { height:70px; }
		
		div#subnav-wrapper { display:none; }
			body.services div#subnav-wrapper { display:block; }
			
			div#subnav ul { margin:0 0 0 13px; padding:15px 0 0; list-style:none; }
				div#subnav li {
					float:left;
					height:55px;
					margin:0;
					border-right:1px solid #414e5c;
					border-left:1px solid #273442;
				}	
					div#subnav li.first { border-left:none; }
					div#subnav li.last { border-right:none; }
					div#subnav li:hover, div#subnav li.current { background:url(../images/subnav-highlight.jpg) top left repeat-x; }
					
					div#subnav a {
						display:block;
						padding:40px 22px 3px;
						text-align:center;
					}
					
					div#subnav li#webdes a { background:url(../images/services-nav_website.png) center top no-repeat; }
					div#subnav li#ecom a { background:url(../images/services-nav_ecommerce.png) center top no-repeat; }
					div#subnav li#emailmark a { background:url(../images/services-nav_email-marketing.png) center top no-repeat; }
					div#subnav li#seo a { background:url(../images/services-nav_seo.png) center top no-repeat; }
					div#subnav li#smm a { background:url(../images/services-nav_social-media.png) center top no-repeat; }
					div#subnav li#onlinead a { background:url(../images/services-nav_online-advertising.png) center top no-repeat; }
					
						div#subnav a img { display:block; }
						
						div#subnav a:link, div#subnav a:visited { text-decoration:none; color:#acd7ea; }
						
						div#subnav a:active, div#subnav a:focus, div#subnav a:hover, div#subnav li.current a {
							color:#da2400;
						}

div#content {
	margin-bottom:10px;
	line-height:1.5em;
	color:#6e7984;
	background:#fff url(../images/content-bg.jpg) top left repeat-x;
}
	div#content-wrapper {
		width:956px;
		padding-right:6px;
		background:url(../images/content-bg2.jpg) top left repeat-y;
	}
		div#content-wrapper2 { background:url(../images/content-bg3.jpg) top left no-repeat; }
			div#content-wrapper3, div#footer { padding:0 3px 0 4px; }
			
			div#content-wrapper3 {  }
				div#main { min-height:400px; padding:25px 28px 0; background:url(../images/main-bg.jpg) top left repeat-x; }
					div#main h1, div#main h2, div#main h3, div#main h4 { border-bottom:1px dotted #a0d0e7; padding:0 0 3px; }
					div#main h2, div#main h3, div#main h4 { text-transform:uppercase; color:#0092D2; }
					
					div#main h1 { font-size:1.3333em; text-transform:uppercase; color:#0478b6; }
					div#main h2 { font-size:1.25em; }
					div#main h3 { font-size:1.0833em; }
					div#main h4 { font-size:; }
					
					div#main a { color:#0478b6; }
					
					div#main ol, div#main ul { margin:0 0 15px; }
						div#main ul li { margin:0; padding:0 0 0 15px; list-style:none; background:url(../images/list-item-dot.gif) 0 2px no-repeat; }
					
					form.lmaform input.text, form.lmaform textarea {
						border:1px solid #cce8f4;
						padding:6px 4px 4px;
						font-size:1.0em;
						color:#666;
						background:#ecf6fb;
					}
					
					/* home */
					div#home-rotator { overflow:hidden; height:199px; margin:0 0 25px; }
					
					div.main-col {
						float:left;
						width:620px;
						margin:0 0 10px;
					}
						body.home div#main h2, body.home div#main h3 { border:none; padding:0; }
						
						img.header { margin:0 0 18px; }
						
						div#newsletter-signup { margin:20px 0 0; }
							div#newsletter-signup fieldset { margin:0; border:none; padding:0; color:#0092d2; }
								div#newsletter-signup legend { text-transform:uppercase; font-weight:normal; }
								
								div#newsletter-signup ol { min-height:100px; background:url(../images/newsletter-signup-bg.jpg) top left no-repeat; }
									div#newsletter-signup li { padding:13px 0 0 10px; }
										div#newsletter-signup input.text { width:169px; margin-right:3px; }
						
						div.main-col div.section.red-promo { min-height:100px; }
							div.main-col div.section.website-review { background:url(../images/website-review-bg.jpg) 4px 29px no-repeat; }
							div.main-col div.section.seminar { background:url(../images/seminar-bg.jpg) 16px 29px no-repeat; }
							
							div#main div.section.red-promo h2 {
								margin:0 0 15px;
								border-color:#b61f00;
								font-size:1.3333em;
								color:#b61f00;
							}
							
							div.main-col div.section.red-promo p { margin:0 0 0 85px; color:#816b5f; }
							
							div#main div.section.red-promo a { float:right; margin:7px 10px 0 0; color:#fff; }
								div#main div.section.red-promo img {
									display:block;
									width:154px;
									height:29px;
									text-align:center;
									font-size:1.1667em;
									line-height:30px;
									background:#ee7900;
								}
							
							
								div.social-links { margin-bottom:8px; padding:5px 0 8px; border-bottom:1px dashed #ccc; }
									div.social-links a { margin-right:5px; }
						
						div#bottom { margin:0 0 15px;}
							div#services { float:left; width:620px; font-size:0.9167em; }
								div#services div.left-col, div#services div.mid-col { float:left; }
								
								div#services div.left-col{
									width:290px;
									margin:0 19px 0 0;
									border-right:1px dotted #a0d0e7;
									padding:0 19px 0 0;
								}
								
								div#services div.mid-col { width:291px; /*310px*/ }
									div#services div.service { position:relative; margin:20px 0; }
										div#services div.service.top { margin:0 0 20px; }
										div#services div.service.bottom { margin:20px 0 0; }
										
										div#services div.service img { position:absolute; top:0; left:0; }
										
										div#services div.text {
											margin:0 0 0 70px;
											border-bottom:1px solid #ccc;
											padding:0 0 10px;
										}	
											div#services div.service a { text-decoration:none; }
											
											div#services div.service h3 {
												margin:0;
												border:none;
												padding:0;
												font-size:1.1818em;
												line-height:1.3em;
											}
											
											div#services div.service p { margin:0; color:#6e7984; }
							
							div.right-col {
								float:right;
								width:240px; /*255px*/
								min-height:324px;
								padding:0 0 0 15px;
								background:url(../images/col-left-bg.jpg) top left no-repeat;
							}
								div.right-col div.section { margin:0 0 20px; border-bottom:1px solid #ccc; padding:0 0 20px; }
									body.home div#main div.right-col h2 { margin:0 0 3px; }
									
									div.right-col div.section p { margin:0; }
								
								div.right-col div.section.red-promo { min-height:100px; }
									div.right-col div.section.website-review { background:none; }
									div.right-col div.section.seminar { background:none; }
									
									div#main div.right-col div.section.red-promo h2 {
										margin:0 0 5px;
										font-size:1.0833em;
										line-height:1.3em;
										border:none;
									}
									
								div#main div.right-col div.section.follow-us {
									padding-bottom:0;
									border-bottom:none;
								}
								
									div#main div.right-col div.section.follow-us h2 {
										font-size:1.0883em;
									}
									
									div#tweets ul { }
										div#tweets ul li.tweet { padding:0 0 10px; list-style:none; background:none; }
											div#tweets ul li.tweet a { color:#b61f00; }
					
					div.side-col {
						float:right;
						width:255px;
						margin:0 0 10px;
					}
					/* home */
					
					/* services */
					div#title {
						position:relative;
						width:891px;
						height:120px;
						margin:0 0 40px;
						color:#fff;
						background:#5f9bcc url(../images/title-bg-short.jpg) top left no-repeat;
					}	
						div#title h1 {
							position:absolute;
							top:12px;
							left:20px;
							border:none;
							padding:0;
							font:2.5em/1em "Gill Sans", "Trebuchet MS", Calibri, sans-serif; /* 30pt (35pt) */
							color:#fff;
						}
						
						div#title p {
							position:absolute;
							width:600px;
							top:45px;
							left:20px;
							margin:0;
							color:#ACD7EA;
							font:1.5em/1.1em "Gill Sans", "Trebuchet MS", Calibri, sans-serif; /* pt (20pt) */
						}
						
						div#title a {
							position:absolute;
							display:block;
							min-width:213px;
							height:31px;
							top:25px;
							right:25px;
							text-align:center;
							font:1.25em/31px "Helvetica Neue", Helvetica, Arial, sans-serif;
							text-transform:uppercase;
							color:#fff;
							background:#32639c url(../images/btn-header-bg.jpg) top left no-repeat;
						}
							div#title a:link, div#title a:visited { text-decoration:none; }
					
					body.services div.col {
						float:left;
						width:290px;
						margin:10px 20px 0 0;
					}
						body.services div.col.last { margin-right:0; }
						
						body.services div#main div.col h3 { border:none; }
					
					body.services div.right-col div.section.examples { text-align:center; }
						body.services div.right-col h3 { text-align:left; }
						
						body.services div.example	{
							margin:20px 0;
							border-bottom:1px solid #ccc;
							padding:0 0 15px;
						}
							body.services div.example img { line-height:40px; }
							
							body.services div.example p { margin:5px 0 0; }
						
						a#view-examples {
							display:block;
							margin:10px 0 0;
							font-size:1.1667em;
							text-transform:uppercase;
						}
					/* services */
					
					/* portfolio */
					div#portfolio {}
						div.portfolio-wrapper {
							padding:30px;
							background:url(../images/portfolio-wrapper-btm.jpg) bottom center no-repeat;
						}
				            div.portfolio-wrapper.last { background: none; }
				            
							div#portfolio div.portfolio {
								float:left;
								width:208px;
								text-align:center;
							}
								div#portfolio div.portfolio p { margin:5px 0; }
					/* portfolio */
					
					/* about-us */
					body.about-us div.col {
						float:left;
						width:288px; /*297px*/
					}
						body.about-us div.col.middle { margin:0 14px; }
						
						body.about-us div.col div.about-us { position:relative; min-height:70px; margin:0 0 15px; }
							body.about-us div.col img { position:absolute; top:0; left:0; }
							
							body.about-us div.col div.text { margin:0 0 0 75px; }
								body.about-us div#main div.col h4 {
									margin:0 0 3px;
									border:none;
									padding:5px 0 0;
									font-weight:bold;
									color:#6e7984;
								}
								
								body.about-us div.col p { margin:0; font-size:0.95em; }
					/* about-us */
					
					/* contact-us */
					body.contact-us div.col {
						float:left;
						width:431px;
					}
						body.contact-us div.col.first { margin:0 28px 0 0; }
						
						p#btn-support { position:relative; height:36px; }
							p#btn-support a { color:#fff; }
								p#btn-support img {
									position:absolute;
									display:block;
									width:265px;
									height:36px;
									top:0;
									right:0;
									text-align:center;
									line-height:36px;
									background:#88a0ad;
								}
						
						body.contact-us form.lmaform fieldset {
							margin:0;
							border:none;
							border-top:1px dotted #a0d0e7;
							padding:0;
						}
							body.contact-us form.lmaform fieldset.submit { border:none; }
							
							body.contact-us form.lmaform legend {
								padding:0 3px 0 0;
								font-size:1.25em;
								text-transform:uppercase;
								font-weight:normal;
								color:#0092D2;
							}
							
							body.contact-us form.lmaform ol {}
								body.contact-us form.lmaform li { font-size:0.95em; }
									body.contact-us form.lmaform input.text, body.contact-us form.lmaform textarea {
										width:210px;
										margin:0 0 10px;
										padding:4px;
										font-weight:normal;
									}
									
									body.contact-us form.lmaform select {
										width:220px;
										margin:0 0 10px;
										border:1px solid #cce8f4;
										padding:4px;
										font-family:inherit !important;
										color:#666;
										background:#ecf6fb;
									}
										body.contact-us form.lmaform option { margin:5px 0; }
									
									body.contact-us form.lmaform textarea { width:380px; height:120px; margin:0; }
							
							body.contact-us form.lmaform fieldset.submit input {
								float:right;
								width:130px;
								height:30px;
								margin-right:36px;
								text-align:center;
								font-size:1.8em;
								color:#fff;
								background:#7199cc;
							}
					/* contact-us */
					
					/* xmas ecard */
					div#xmas-designs {}
						div.xmas-design {
							width:200px;
							float:left;
							text-align:center;
						}
							div.xmas-design.one, div.xmas-design.three { clear:both; margin:0 15px 20px 0; }
							
							div.xmas-design h3 { margin:0 0 10px; text-align:left; }
							
							div.xmas-design img { border:1px solid #ccc; }
					
					body.xmas-ecards form.lmaform fieldset fieldset { border:none; }
						body.xmas-ecards form.lmaform .label {
							display:block;
							font-size:1em;
							text-transform:uppercase;
							color:#666;
						}
							form.lmaform label span.small { text-transform:lowercase; }
					/* xmas ecard */
			
			div#footer {
				clear:both;
				padding:10px 31px 10px 32px; /* 28px (l + r) + div#content-wrapper3 padding (l + r) */
				font-size:1em;
				color: #999;
				background:url(../images/footer-bg.jpg) bottom left no-repeat;
			}
				#footer a { color:#999; }

p.list { margin:0 0 5px; }
.small { font-size:0.9em }
div#main h2.red { color:#f00; }

/* Hacks */
* html div#main { height:400px; }
* html div.right-col { height:324px; }
* html div#newsletter-signup ol { height:100px; }
* html div#title a { width:213px; }

* html div#header-wrapper,
* html div#nav-wrapper,
* html div#subnav-wrapper,
* html div#content-wrapper,
* html div#title,
* html body.about-us div.col div.about-us,
* html p#btn-support { zoom:1; }

* html div#nav li a { display:inline-block; }

* html form.lmaform legend { background:#fff; }