* { outline:0; }

body { color:#3c3c3c; font-size:12px; background:#eee8d8 url(/mysite/images/bg.jpg) 0 0 repeat; font-family:Helvetica,Arial,sans-serif; }

a { color:#3c3c3c; text-decoration:none; background-color:#c9bfa6; }
a:hover { color:#3c3c3c; background-color:#dbd0b5; }

h2, h3, h4 { font-weight:700; letter-spacing:-1px; margin:0; }
h2 { font-size:22px; }
h3 { font-size:20px; }
h4 { font-size:16px; }

ul, ul li { margin:0; list-style:none; padding:0; }
ul { margin:0 0 10px; }

.twoColLayout #primaryContent { width:660px; }
.twoColLayout #secondaryContent { width:300px; }

.twoColLayout #primaryContent div.innerpad { margin:20px; }
.twoColLayout #secondaryContent div.innerpad { margin:20px; }

#outerwrapper { width:100%; background: transparent url(/mysite/images/header_bg.png) top left repeat-x; }

#header { height:110px; width:340px; float:left; padding:0; padding-bottom: 0; }
#header h1 { margin:0; padding:0; }
#header h1 a { text-indent:-9999px; display:block; height:110px; width:340px; background:transparent url(/mysite/images/header.png) 0 0 no-repeat; }
#header h3 { text-indent:-9999px; }

/*navs*/
	/* Primary Nav */
	#nav { clear:none; float:left; height:110px; padding-left:20px; }
	#nav ul { margin:77px 0 0 0; height:33px; }
	#nav ul li { display:block; height:30px; float:left; margin:0 1px 0 0; }
	#nav ul li a { height:30px; padding-bottom:0; font-weight: bold; font-size:16px;; text-shadow:1px 1px 1px #840D22; padding-left:20px; color:#fff; background:transparent url(/mysite/images/nav.png) top left no-repeat; display:block; float:left; color:#fff; text-indent:-9999px;}
	/* Primary Nav normal states */
	#nav ul li#nav1 a { width:41px; }
	#nav ul li#nav2 a { width:63px; background-position:-65px 0; }
	#nav ul li#nav3 a { width:51px; background-position:-152px 0; }
	#nav ul li#nav4 a { width:40px; background-position:-226px 0; }
	#nav ul li#nav5 a { width:43px; background-position:-290px 0; }
	#nav ul li#nav6 a { width:59px; background-position:-357px 0; }
	/* Primary Nav over states */
	#nav ul li#nav1 a:hover{ width:41px; background-position:0 -60px; }
	#nav ul li#nav2 a:hover{ width:63px; background-position:-65px -60px; }
	#nav ul li#nav3 a:hover{ width:51px; background-position:-152px -60px; }
	#nav ul li#nav4 a:hover{ width:40px; background-position:-226px -60px; }
	#nav ul li#nav5 a:hover{ width:43px; background-position:-290px -60px; }
	#nav ul li#nav6 a:hover{ width:59px; background-position:-357px -60px; }
	/* Primary Nav current states */
	#nav ul li#nav1 a.current, #nav ul li#nav1 a.section { width:41px; background-position:0 -30px; }
	#nav ul li#nav2 a.current, #nav ul li#nav2 a.section { width:63px; background-position:-65px -30px; }
	#nav ul li#nav3 a.current, #nav ul li#nav3 a.section { width:51px; background-position:-152px -30px; }
	#nav ul li#nav4 a.current, #nav ul li#nav4 a.section { width:40px; background-position:-226px -30px; }
	#nav ul li#nav5 a.current, #nav ul li#nav5 a.section { width:43px; background-position:-290px -30px; }
	#nav ul li#nav6 a.current, #nav ul li#nav6 a.section { width:59px; background-position:-357px -30px; }
	
	/* Social Nav */
	#footwrap #socialnav { width:410px; margin-left:10px; }
	#footwrap #socialnav p { font-size:12px; margin:0 10px 0 0; padding: 0 20px 12px 0; line-height:33px; background:url(/mysite/images/curlybracket.gif) top right no-repeat; float:left; }
	#footwrap #socialnav ul, #footwrap #socialnav ul li { list-style:none; margin:0; padding:0; }
	#footwrap #socialnav ul li { float:left; padding-right:10px; }
	#footwrap #socialnav ul li a { text-indent:-9999px; background:transparent url(/mysite/images/social_nav.jpg) 0 0 no-repeat; display:block; height:29px; padding:0; }
	#footwrap #socialnav ul li.last{ padding-right:0; }
		/* Social Nav Sprites */
		#footwrap #socialnav ul li#facebook a { width:95px; background-position: 0 0; }
		#footwrap #socialnav ul li#twitter a { width:93px; background-position: -109px 0; }
		#footwrap #socialnav ul li#linkedin a { width:96px; background-position: -213px 0; }
		#footwrap #socialnav ul li#facebook a:hover { width:95px; background-position: 0 -33px; }
		#footwrap #socialnav ul li#twitter a:hover { width:93px; background-position: -109px -33px; }
		#footwrap #socialnav ul li#linkedin a:hover { width:96px; background-position: -213px -33px; }
		

/* Homepage */
.HomePage #title h2 { width:400px; padding:75px 0 0 20px; margin:0; }
#title { height:300px; background:transparent url(/mysite/images/home_megaphone.jpg) 530px 29px no-repeat; margin:0; padding:0; }
#title img { margin:0; }
#homewrap { background:transparent url(/mysite/images/home_callout_bg.png) 0 0 no-repeat; padding:35px 0 25px 0; }
#homewrap .callout { float:left; width:300px; }
#homewrap .callout h3 { font-size:24px; margin:0 0 10px; }
#homewrap .callout div.pad {margin:0 20px;}

#homewrap #industries { width:360px; }
#homewrap #industries div.pad { margin:0 10px 0 20px; }
#homewrap #industries h3 { font-size:20px; }
#homewrap #industries ul { color:#61061d; font-size:18px; font-weight:700; margin:0 0 0 1em; }
#homewrap #industries ul li { list-style:disc; }

#homewrap #noggin ul, #homewrap #noggin ul li, #homewrap #latest-news ul, #homewrap #latest-news ul li { list-style:none; margin:0; padding:0; font-size:14px; }
#homewrap #noggin ul li, #homewrap #latest-news ul li { margin:0 0 10px; }
#homewrap #noggin ul li * { margin:0; }
#homewrap #noggin ul li a.subscribe { font-weight:700; }
.subscribe { padding:8px 8px 8px 32px; background: #c9bfa6 url(/mysite/images/rss.gif) 4px 5px no-repeat; line-height:43px; font-size:14px; font-weight:700; }


#footer { color:#55544e; padding:35px 0; background:transparent url(/mysite/images/footer_bg.png) 0 0 no-repeat; }

#footer div.credit { text-align:right; font-size:11px; margin-top:10px; float:right; }
#footer div.credit a { font-weight:700; background:transparent; }

#footwrap { border-bottom:1px solid #531c21; overflow:hidden; padding-bottom:5px; }
#footwrap .callout { float:left; }
#footwrap .callout p { font-size:16px; font-weight:700; letter-spacing:-1px; line-height:22px; }

#footwrap #ring { width:105px; }
#footwrap #ring span { display:block; font-size:14px; letter-spacing:normal;}

#footwrap #skype { width:80px; }
#footwrap #skype a { padding:0 4px; display:block; margin-right:5px; }
#footwrap #skype span { display:block; font-size:14px; letter-spacing:normal;}

#footwrap #contactme { width:355px; height:10px; }
#footwrap #contactme span.togglecontact { background-color:#c9bfa6; color:#3c3c3c; display:inline-block; padding:0 4px; cursor:pointer; margin-left: 4px; }

#footwrap #contactme form { margin:0 0 0 18px; padding:0; }
#footwrap #contactme form p.message { font-size:12px; color:#820d26; }
#footwrap #contactme form p.success { font-size:16px; color:#006110; }
#footwrap #contactme form fieldset { margin:0; }
#footwrap #contactme form div.field { padding:0; margin:0 0 8px; }
#footwrap #contactme form label { display:none;}
#footwrap #contactme form span.message { display:block; clear:left; padding:5px 5px 0; font-weight:700; }
#footwrap #contactme form span.validation { color:#820d26; }
#footwrap #contactme form input, #footwrap #contactme form textarea { width:290px; padding:4px; color:#80807f; border:0; font-size:14px; }
#footwrap #contactme form div.Actions { margin:0; }
#footwrap #contactme form input.action { width:69px; height:24px; background:url(/mysite/images/submit.png)top left no-repeat; border:none; text-indent:-9999px; overflow:hidden; font-size:0px; line-height:0px; }

#footer #vbsr { clear:both; margin-top:10px; float:left; }
#footer #vbsr p { margin:0 0 5px; font-size:11px; }

form#ContactForm_ContactForm p.good { font-size:16px; color:#006110; }

.oneColLayout #primaryContent div.innerpad {margin:0; padding:0;}
.oneColLayout #main { margin:0; padding:0;}

/* Interior */
.twoColLayout #main { background:transparent url(/mysite/images/secondary_bg.jpg) top right repeat-y; font-size:14px; margin-top:-1px; }
.twoColLayout #subheading { position:relative; background:transparent url(/mysite/images/service_head_bg.png) 0 0 no-repeat; height:137px; width:960px; clear:both; }
.twoColLayout #subheading h2 { margin:0; position:absolute; bottom:30px; left:20px; font-size:42px; }

#secondaryContent h3 { font-size:25px; }
#secondaryContent h4 { font-size:14px; color:#850e29; letter-spacing:normal; }
#secondaryContent ul { margin:10px 0; }
#secondaryContent ul li { margin:0 0 8px; }

#primaryContent p { line-height:18px; }
#primaryContent img.left { float:left; margin:0 10px 10px 0; }

/* services page */
.ServiceHolder #subheading { height:137px; background:transparent url(/mysite/images/service_head_bg.png) 0 0 no-repeat; }

#my-services ul li { width:270px; float:left; padding-right:40px; clear:both; }
#my-services ul li.even { padding-right:0; clear:none; }
#my-services ul li h3 { margin:0 0 10px; font-size:22px; }

/* newsholder page */
.NewsHolder #subheading, .NewsArticle #subheading { height:145px; background:transparent url(/mysite/images/news_head_bg.png) 0 0 no-repeat; }
.NewsHolder #primaryContent { background:transparent url(/mysite/images/news_primary_bg.png) 0 0 no-repeat; }

.NewsHolder #recent-news, .NewsHolder #news-archive { float:left; }
.NewsHolder #recent-news { width:520px; }
.NewsHolder #news-archive { width:80px; padding-left:20px; }

#news-archive h3 { font-size:20px; }
#news-archive ul { margin:15px 0 0; }
#news-archive ul li { margin:0 0 5px; }
#news-archive ul li a { display:block; padding:2px 4px; }

.newsItem { margin:0 0 20px; }
.newsItem div { float:left; width:420px; }
.newsItem div.date { font-size:20px; color:#880e24; font-weight:700; letter-spacing:-1px; width:90px; }
.newsItem h3 { font-size:22px; margin:0 0 5px; }
.newsItem p { margin:0 0 8px; }
.newsItem a.download { line-height:22px; display:inline-block; }
.newsItem a.pdf { padding:0 4px 0 22px; background:#c9bfa6 url(/mysite/images/pdf.png) 2px 2px no-repeat; }
.newsItem a.pdf:hover { background-color:#dbd0b5; }

.NewsArticle .newsItem div { width:530px; margin-top:10px; }
.NewsArticle .newsItem div.date { width:90px; }

#clientwrap div.clients { width:50%; float:left; }
#clientwrap div.clients div.pad { padding:0 15px 0 0; }
#clientwrap div#pastclients div.pad { padding:0 0 0 15px; }
#clientwrap div.clients ul { margin:8px 0; }
#clientwrap div.clients ul li { margin:0 0 5px; }
