body {
	background: #96b5b3;
	font: 74% Tahoma, Verdana; 
	color: #333333;
	text-align: center;
}
img {
	border: 0;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
img.icon {
	margin-bottom: -3px;
}
img.right {
	float: right;
	margin: 0 0 5px 10px;
}
img.left {
	float: left;
	margin: 0 10px 5px 0;
}


/* ------------------------------------------------------------------
	Headings
------------------------------------------------------------------ */
h1 {
	font-size: 36px;
	margin: 0;
	padding: 10px 0;
}
h2 {
	font-size: 26px;
	color: #96b5b3;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 18px;
}
h3.topic {
	font-size: 24px;
	color: #ff9900;
	border-top: 1px solid #96b5b3;
	padding-top: 20px;
	margin-top: 40px;
}
h4 {
	margin: 35px 0 10px;
	font-size: 16px;
}
p {
	line-height: 1.4em;
	margin-left: 15px;
}
p.more {
	text-align: center;
	font-size: 1.3em;
}
p.top {
	text-align: center;
	font-size: 0.9em;
}


/* ------------------------------------------------------------------
	Links
------------------------------------------------------------------ */
a:link {
	color: #cceaea;
}
a:visited {
	color: #cceaea;
}
a:hover {
	color: #003333;
}
a:active {
	color: #cceaea;
}
#main a:link {
	color: #ff9900;
	text-decoration: none;
	font-weight: bold;
}
#main a:visited {
	color: #ff9900;
	text-decoration: none;
	font-weight: bold;
}
#main a:hover {
	color: #003333;
	text-decoration: underline;
	font-weight: bold;
}
#main a:active {
	color: #ff9900;
	text-decoration: none;
	font-weight: bold;
}
#main ul {
}
#main li {
	margin: 5px 0;
	line-height: 1.4em;
}
.promotion ol {
}
.promotion li {
	line-height: 1.0em;
	margin: 0;
}
.promotion h2 {
	margin: 10px 0 0 20px;
}
.promotion h3 {
	margin: 0;
}
.think {
	color: #f5c73c;
} 



/* ------------------------------------------------------------------
	Page Setup
------------------------------------------------------------------ */
#wrapper {
	width: 856px;
	margin: 0 auto 40px;
	text-align: left;
	-moz-border-radius: 2em;
	border-radius: 2em;
	padding: 10px 30px;
	background: #ffffff;
}
#main {
	float: left;
	width: 600px;
	margin: 0 20px 0 0;
	padding: 0;
}
#sidebar {
	float: left;
	width: 236px;
	margin: 0;
	padding: 0;
}


/* ------------------------------------------------------------------
	Header
------------------------------------------------------------------ */
#header {
	margin: 20px 0 20px;
	border-bottom: 1px solid #96b5b3;
	border-top: 1px solid #96b5b3;
}
#header a:link {
	color: #ff9900;
	text-decoration:none;
}
#header a:visited {
	color: #ff9900;
	text-decoration:none;
}
#header a:hover {
	color: #003333;
	text-decoration:none;
}
#header a:active {
	color: #ff9900;
	text-decoration:none;
}
ul.nav {
	list-style: none;
	margin: -45px 0 0;
	padding: 0;
	float: right;
	font-size: 18px;
}
.nav li {
	list-style: none;
	margin: 0 0 0 30px;
	padding: 0;
	float: left;
}



/* ------------------------------------------------------------------
	Sidebar Misc.
------------------------------------------------------------------ */
.sidebarBox {
	-moz-border-radius: 1em;
	border-radius: 1em;
	border: 1px solid #999999;	
	background: #96b5b3 url('images/tealGrad.png') repeat-x;
	padding: 10px 10px 15px;
	margin: 5px 0 15px;
	text-align: left;
	color: #ffffff;
}
.sidebarBox h2 {
	color: #ffffff;
}
.sidebarBox ul {
	margin: 0 0 0 10px;
	padding: 0;
}
.sidebarBox li {
	margin: 10px;
	padding: 0;
}
#sidebar h2 {
	text-align: center;
}


/* ------------------------------------------------------------------
	Portfolio Boxes
------------------------------------------------------------------ */
.portfolioWrapper {
	margin: 10px auto 0;
	background: #96b5b3 url('images/tealGrad.png') repeat-x;
	-moz-border-radius: 1em;
	border-radius: 1em;
	padding: 10px 30px;
	font-size: 0.9em;
}
.portfolioWrapper h2 {
	color: #ffffff;
}
.portfolioBox {
	-moz-border-radius: 1em;
	border-radius: 1em;
	border: 1px solid #666666;	
	background: #ffffff;
	padding: 15px;
	margin: 10px 12px;
	text-align: center;
	float: left;
}
.portfolioBox a:link {
	color: #33837e;
}
.portfolioBox a:visited {
	color: #33837e;
}
.portfolioBox a:hover {
	color: #003333;
}
.portfolioBox a:active {
	color: #33837e;
}
.portfolioBox img {
	border: 1px solid #666666;
}
.portfolioDesc {
	margin: 5px 0 0
}


/* ------------------------------------------------------------------
	Twitter Box
------------------------------------------------------------------ */
.twitterBox {
	-moz-border-radius: 1em;
	border-radius: 1em;
	border: 1px solid #999999;	
	background: #96b5b3 url('images/tealGrad.png') repeat-x;
	padding: 10px 10px 15px;
	margin: 5px;
	text-align: left;
	color: #ffffff;
}
.twitterBox h2 {
	color: #ffffff;
	margin: 5px 0 8px;
}
.twitterBox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.twitterBox li{
	list-style: none;
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.4em;
}
.twitterIcon {
	display: block;
	float: left;
	margin: 20px 5px 10px 0;
}


/* ------------------------------------------------------------------
	Footer
------------------------------------------------------------------ */
#footer {
	margin: 30px 0 20px;
	font-size: 0.8em;
	text-align: center;
}
#footer a:link {
	color: #003333;
}
#footer a:visited {
	color: #003333;
}
#footer a:hover {
	color: #33837e;
}
#footer a:active {
	color: #003333;
}


/* ------------------------------------------------------------------
	Form Stuff
------------------------------------------------------------------ */
.quoteform{
	margin:20px auto;
	width:500px;
	padding:14px;
}
#formStyle{
	-moz-border-radius: 1em;
	border-radius: 1em;
	border: 1px solid #999999;	
	background: #96b5b3 url('images/tealGrad.png') repeat-x;
	padding: 30px 10px;
}
#formStyle label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
	margin-top: 3px;
}
#formStyle .small{
	color:#ffffff;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#formStyle input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #666666;
	width:300px;
	margin:2px 0 20px 10px;
	background:#ffffff url('images/formGrad.png') repeat-x bottom;
	font: 11px Tahoma;
}
#checkboxes input{ 
	padding:0;
	border:solid 1px #666666;
	width: 10px;
	margin: 3px 5px 0 0;
	font: 11px Tahoma;
}
#checkboxes {
	float:left;
	width:300px;
	padding:4px 2px;
	margin:2px 0 20px 10px;
	text-align: left;
	line-height: 1.6em;
}
#checkboxes2 input{ 
	padding:0;
	border:solid 1px #666666;
	width: 10px;
	margin: 3px 5px 0 0;
	font: 11px Tahoma;
}
#checkboxes2 {
	float:left;
	width:300px;
	padding:4px 2px;
	margin:2px 0 20px 10px;
	text-align: left;
	line-height: 1.6em;
}
#captcha input{
	padding:0;
	border:solid 1px #666666;
	margin: 3px 5px 0 0;
	font: 11px Tahoma;;
}
#captcha {
	float:left;
	width:300px;
	padding:4px 2px;
	margin:2px 0 20px 10px;
	text-align: left;
	line-height: 1.6em;
}
#formStyle textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #666666;
	width:300px;
	margin:2px 0 20px 10px;
	background:#ffffff url('images/formGrad.png') repeat-x bottom;
	font: 11px Tahoma;
}
#formStyle button{
	clear:both;
	margin-left:150px;
	width:120px;
	height:24px;
	background:#666666;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#formStyle input.invalid {
	background: #FF9;
	border: 2px #FF0000 solid;
}
#formStyle textarea.invalid {
	background: #FF9;
	border: 2px #FF0000 solid;
}


/* ------------------------------------------------------------------
	Totally Misc. Stuff
------------------------------------------------------------------ */
#pfButton {
	float: right;
}
.socialLinks {
	text-align: center;
	margin: 24px 0 0;
}
















/* --- */