body { background: #dadee1; }
.clr { clear: both; }
strong { font-weight: bold; }

/* structure */
#container { width: 959px; margin: 0 auto; }
	#header { background: url(../images/headerBg.jpg) no-repeat; height: 51px; padding: 10px 0 0 20px; }
	#content { margin-top: 14px; }
		#globalNav { background: url(../images/navBg.jpg) no-repeat; height: 54px; border-bottom: 1px solid #c6d6db; }
		#contentMiddle { background: url(../images/contentMiddleBg.jpg) repeat-y; }
		body.inner #contentMiddle { min-height: 493px; }
			#contentMiddleLeft { padding: 25px 20px 0; width: 670px; float: left; }
			body.inner #contentMiddleLeft { padding: 5px 20px 0; }
				#slideContainer { float: left; width: 450px; margin-right: 25px; }
				#error { margin-top: 20px; }
			#contentMiddleRight { float: left; width: 212px; margin: 25px 0 0 5px; padding: 0 16px; }
			body.inner #contentMiddleRight { float: left; width: 212px; margin: 6px 0 0 5px; padding: 0 16px; }
				#circles { margin: 1px 0 10px; float: right; }
				
				#quoteTop { clear: both; background: url(../images/quoteTopBg.jpg) no-repeat; height: 8px; }
				#quoteMiddle { background: url(../images/quoteMiddleBg.jpg) repeat-y; padding: 5px 15px 2px; }
				#quoteBottom { background: url(../images/quoteBottomBg.jpg) no-repeat; height: 30px; }
				
				#clientsTop { clear: both; background: url(../images/clientsTopBg.jpg) no-repeat; height: 5px; margin-top: 20px; }
				body.inner #clientsTop { margin-top: 0; }
				#clientsMiddle { background: url(../images/clientsMiddleBg.jpg) repeat-y; width: 209px; }
				#clientsBottom { background: url(../images/clientsBottomBg.png) no-repeat; height: 15px; }
		#contentBottom { background: url(../images/contentBottomBg.jpg) no-repeat; height: 143px; margin-top: -110px; }
		body.inner #contentBottom { background: url(../images/contentBottomInnerBg.jpg) no-repeat; height: 251px; margin-top: -210px; }
	#footer { float: right; margin-top: 10px; padding-bottom: 10px; }
	
/* headers */
h2 { text-indent: -1000em; background: url(../images/homeHeader.gif) no-repeat; width: 435px; height: 24px; margin-bottom: 10px; }
body.features h2 { text-indent: -1000em; background: url(../images/featuresHeader.gif) no-repeat; width: 413px; height: 20px; margin-bottom: 10px; }
body.services h2 { text-indent: -1000em; background: url(../images/servicesHeader.gif) no-repeat; width: 101px; height: 18px; margin-bottom: 10px; }
body.contact h2 { text-indent: -1000em; background: url(../images/contactHeader.gif) no-repeat; width: 350px; height: 17px; margin-bottom: 10px; }
h3 { font: 19px arial; color: #336d7f; margin-top: 60px; }
body.inner h3 { font: 15px arial; color: #336d7f; margin-top: 20px; }
#contentMiddleRight h3 { font: bold 14px arial; color: #565656; margin: 0; float: left; }
#clientsMiddle h3 { float: none; border-bottom: 1px solid #dddddd; padding: 10px 15px; }

/* lists */
#globalNav ul { margin: 0 0 0 10px; }
#globalNav ul li { float: left; margin: 11px 0 0; padding: 13px 0 11px; height: 44px; /* added height for safari and opera */  border: none; background: none; }
#globalNav ul li a { font: 16px arial; color: #336d7f; border-right: 1px solid #c7cdcf; padding: 4px 16px; }
#globalNav ul li.last a { border: none; }

#globalNav ul li.current { background: url(../images/tabRight.gif) no-repeat top right; }
#globalNav ul li.current a { border: none; background: url(../images/tabLeft.gif) no-repeat top left; padding: 13px 17px 14px 15px; /* added 2px bottom padding for safari and opera */ }
#globalNav ul li.current a:hover { text-decoration: none; }

ul#slideNav { clear: both; padding-top: 12px; margin-left: 24px; }
ul#slideNav li { float: left; width: 125px; text-align: center; margin-right: 4px; padding-top: 12px; }
ul#slideNav li a { font: 13px arial; color: #336d7f; }
ul#slideNav li a:hover { }
ul#slideNav li.current { background: url(../images/slider.png) no-repeat; }
ul#slideNav li.current a { color: #666666; }

body.inner ul { margin: 20px 0 0 30px; }
body.inner ul li { font: 13px arial; color: #000000; background: url(../images/bulletBg.gif) no-repeat; padding-left: 10px; line-height: 13px; margin-top: 10px; }

/* paragraphs */
#contentMiddleLeft p { font: 12px arial; color: #333333; }
body.inner #contentMiddleLeft p { font: 12px arial; color: #333333; margin-top: 10px; }
body.inner #contentMiddleLeft p.error { font: bold 12px arial; color: red; margin-top: 10px; }
body.inner #contentMiddleLeft p.sucess { font: bold 12px arial; color: green; margin-top: 20px; }
#contentMiddleLeft p strong { display: block; margin-top: 10px; font: 14px arial; color: #000000; }
p#slide { margin: 24px 0 0 24px; position: relative; height: 290px; }
p#leftArrow { position: absolute; margin: -170px 0 0 -4px; }
p#rightArrow { position: absolute; margin: -170px 0 0 402px; }
#quoteMiddle p { font: 12px arial; color: #525252; line-height: 16px; }
p#quoteAuthor { font: 12px arial; color: #6b6b6b; margin: 10px 0 10px 2px; }
#clientsMiddle p { padding: 10px 15px 0; font: 12px arial; color: #525252; line-height: 16px; }

#footer p span#copyright { font: 11px arial; color: #6b6b6b; margin-right: 10px; }
#footer p { font: 11px arial; color: #336d7f; }
#footer p a { color: #336d7f; border-left: 1px dotted #879397; padding: 3px 4px 3px 6px; }

/* links */
a:hover { text-decoration: underline; }
body.inner #contentMiddleRight p a { color: #525252; }

/* images */
body #contentMiddleRight img { margin: 0 0 10px -7px; }

/* forms */
form { margin: 20px 0 0; }
form label { color: #000000; display: block; }
form input.text { width: 400px; margin: 0; border: 1px solid #bbb; background: #f6f6f6; padding: 5px; }
form input.text:focus { border: 1px solid #999; background: #fff; }
form textarea { width: 400px; height: 50px; border: 1px solid #bbb; background: #eee; padding: 5px; }
form textarea:focus { border: 1px solid #999; background: #fff; }
.required { color: red; }