body {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial;
	background-color:#2a5a77;
	background-image: url(/images/bgpattern.jpg);
	background-position:center top;
	background-position:fixed;
}

/*<div class="clear" />*/
.clear {
	overflow: hidden;
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	font-size: 1px;
}

/* typography */

h1 {
	margin: 0 20px 20px 20px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#4ea4c9;
	text-align:center;
}

h2 {
	margin: 20px 20px 5px 20px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#4ea4c9;
	font-size: 1.2em;
	text-align:left;
}

h3 {
	margin:5px 20px 5px 20px;
	font-size: .9em;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#4ea4c9;
}

h4 {
	margin:5px 20px 5px 20px;
	font-size: .9em;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#4ea4c9;
}

p {
	margin: 0px 20px 15px 20px;
	font-family:Helvetica, Arial, sans-serif;
	color: #1f4250;
	font-size: .9em;
}

object {
	margin: 0px 20px 15px 20px;
}

ul, ol {
	margin: 0px 20px 20px 20px;
	font-family:Helvetica, Arial, sans-serif;
	color: #1f4250;
	font-size: .9em;
}

#mainContent ul, ol {
	list-style-position: inside;
	line-height:150%;
}

li {
	
}

li ul {
	margin : 0 0 5px 0;
	text-indent: 0;
}

p a, h2 a, li a, .organization a, .iconbox a {
	color: #136ea7;
}

p a:visited, h2 a:visited, li a:visited, .organization a:visited, .iconbox a:visited {
	color: #4ea4c9;
}

p a:hover, h2 a:hover, .organization a:hover, .iconbox a:hover {
	background-color:#fffcdd; 
	color:#0c527f;
}

a {
	color: #136ea7;
}

a:visited {
	color: #4ea4c9;
}
	
div {
	margin:0;
	padding:0;
}

img, a {
	border:none;
}

#pagewrapper {
	
}

#headwrapper {
	width:100%;
	height:105px;
	background-image: url(/images/headerbg.png);
	margin: 00;
}

#headerrays {
	width: 145px;
	height: 105px;
	background-image: url(/images/headerrays.png);
	background-repeat:no-repeat;
	position:absolute;
	top: 0px;
   left: 50%;
   margin-left: -520px;
}

#header {
	width:750px;
	height:100px;
	margin: 0 0 5px 0;
}

#logo {
	float:left;
	display:inline;
	width:265px;
	height:100px;
	margin:0;
	padding:0;
	text-indent: -9999px;
	background-image: url(/images/optimalogo.jpg);
	background-repeat:no-repeat;
}

#logo a {
	display:block;
	width:256px;
	height:100px;
}

#tagline {
	float:left;
	display:inline;
	width:272px;
	height:68px;
	margin:0;
	padding:0;
	background-image: url(/images/efficiencycounts.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
}

#description {
	font-size: 1.3em;
	font-weight:normal;
	text-align:left;
	margin: 10px 20px 20px 20px;
}

#description a {
	color: inherit;
	text-decoration:none;
}

#description a:hover {
	background-color:#fffcdd;
}

#description a:visited {

}

#contactoptima {
	width: 160px;
	height: 32px;
	float:left;
	margin:0 0 36px 53px;
	padding:0;
	display:inline;
	background-image: url(/images/contactoptima.png);
	text-indent: -9999px;
}

#contactoptima:hover, #contactoptima a:hover {
	background-image: url(/images/contactoptimahover.png);
	display:block;
	cursor:pointer;
	width:160px;
	height: 32px;
}

.nav {
	list-style:none;
	display: inline;
	float:left;
	margin:0;
	padding:0;
/* 	background-image: url(/images/menu.png); */
	width: 485px;
	height: 25px;
	overflow:hidden;
}

.nav li {
	float:left;
	display:inline;
	margin: 2px 0px 5px 15px;
/* 	margin: 5px 10px 5px 10px; */
/* 	text-indent: -9999px; */
}

.nav a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:1em;
	color: #4ea4c9;
	text-decoration:none;
	display:block;
}

.nav a:hover {
	color:#214757;
}

.nav a:visited {
}

#fpbodywrapper {
	width:730px;
	text-align:left;
}

#bodywrapper {
	width:780px;
	text-align:left;
}

#fpmainContent {
	float:left;
	width:540px;
	margin:10px 0 0 0;
	display:inline;
	background-image: url(/images/contentbg.png);
	background-repeat: repeat-y;
}

#mainContent {
	float:left;
	width:730px;
	margin:10px 0 0 0;
	display:inline;
	background-image: url(/images/wcontentbg.png);
	background-repeat: repeat-y;
}

#blog {
   width: 460px;
}

#blog p {
	margin: 0 0 10px 20px;
}

#blog img {
   margin: 5px 0 5px 0px;
   max-width: 440px;       
}

#blog h2 {
   margin: 0 0px 5px 20px;
   font-size: 1.5em;
}

h3.date {
   margin: 0 0px 0 20px;
   color: #ccc;
   font-weight:normal;
}

.posted {
   margin: 10px 0px 50px 20px;
   padding: 5px 0 0 0;
   color: #888;
   font-size: .8em;
   border-top: 1px solid #ccc;
}

.entry {
        
}

.paginate {
   width: 460px;
   text-align:center;
   color: #888;
   margin: 0 0 20px 0;

}

#bodycorners {
	width:540px;
	height:15px;
	background-image: url(/images/bodytop.png);
	background-repeat: repeat-x;
}

#wbodycorners {
	width:730px;
	height:15px;
	background-image: url(/images/bodytop.png);
	background-repeat: repeat-x;
}

#bodycornerL {
	float:left;
	margin:0;
	padding:0;
	display:inline;
}

#bodycornerR {
	float:right;
	margin:0;
	padding:0;
	display:inline;
}

#bodyshadowTL {
	float:left;
	width:20px;
	height:256px;
	background-image: url(/images/bodyshadowTL.jpg)
}
 
#bodyshadowTR {
	float:left;
	width:20px;
	height:256px;
	background-image: url(/images/bodyshadowTR.jpg);
}

#wbodyshadowTR {
	float:left;
	width:20px;
	height:256px;
	background-image: url(/images/wbodyshadowTR.jpg);
}


.focus {
	padding: 0 15px 0 15px;
}

.boxa {
	padding: 0 0 0 45px;
}

.iconbox {
	float:left;
	width:150px;
	padding: 10px auto;
	margin: 0 auto;
	display:inline;
	overflow:hidden;
	text-align:center;
	display:inline;
}

.iconbox a {
	text-decoration:none;
	display:block;
}

.column h5 {
	font-size: .9em;
	margin:0;
}

.column p {
	font-size: .8em;
	line-height:130%;
}

.service, .about {
	float:left;
	width:300px;
	padding: 10px 20px 10px 15px;
	margin: 0px 0 10px 20px;
	display:inline;
}

.service:hover, .about:hover {
	background-color: #d2f4ff;
}

.service h2, .about h2 {
	font-size:1.5em;
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
}

.service h3, .about h3 {
	font-size: .9em;
	margin:5px 0 5px 0;
	padding:0;
}

.service p, .about p {
	font-size: .75em;
	margin: 0;
	padding: 0;
	line-height: 150%;
}

.service a, .about a {
	display:block;
	text-decoration:none;
}

.service a:hover, .about a:hover {
	background-color: #d2f4ff;
}

.icon-inset {
	float:left;
	height:50px;
	width:60px;
	margin: 0 5px 0 0 ;
	padding:0;
	display:inline;
}

.sideinfo, .sidebar {
	background-color:#e4f8fe;
	margin:0 30px 30px 0px;
	width: 200px;
	padding:10px;
	float:right;
	display:inline;
}

.sideinfo h3, .sidebar h3 {
	font-size:1em;
	margin: 0 0 10px 0;
	padding:0;
}

.sideinfo h5, .sidebar h5 {
	font-size: .9em;
	margin: 0px 0 10px 0;
	padding: 0;
	font-weight: normal;
	color: #136ea7;
}

.sideinfo p, .sidebar p {
	font-size:.75em;
	color: #91b9c6;
	padding:0;
	margin: 0 0 5px 0;
}

.sideinfo img, .sidebar img {
	float:left;
	display:inline;
	margin: 0 5px 5px 0;
}

.sidebar ul, .sidebar li {
        font-size: .9em;
        line-height: 1.5em;
        padding: 0;
        
}

.sidebar h2 {
        margin: 20px 0 10px 0;
}

#howCanOptima {
	margin:0 0 15px 0;
	padding:0 15px 0 15px;
	width:510px;
	height:34px;
	background-image: url(/images/howcanoptima.png);
	background-repeat:no-repeat;
	background-position:center;
	text-indent: -9999px;
}

#fpBlog {
	background-color: #d2f4ff;
	margin: 0px 15px 0 15px;
	padding: 15px 10px 10px 40px;
}

#fpBlog:hover {
   background-color: #fffcdd;
}

#fpBlog a {
   text-decoration:none;
}

#fpBlog h4 {
   margin: 20px 20px 0 10px;
}

#fpBlog h5 {
	font-size: 1em;
	margin: 10px 0 0 0px;
	padding: 0;
	color: #1f4250;
}

#fpBlogIcon {
	float:left;
	margin: 0;
	padding: 0 20px 0 0;
}

#fpBlog p {
	font-size: .8em; 
	margin: 5px 0 10px 0;
}

.fpPostlink {
	float:right;
	display:inline;
}

#mainContentFoot {
	width:540px;
	height:35px;
	background-image: url(/images/bodyfooter.jpg);
	background-repeat: no-repeat;
}

#wmainContentFoot {
	width:750px;
	height:35px;
	background-image: url(/images/wbodyfooter.jpg);
	background-repeat: no-repeat;
}

.everyline {
	margin: 20px 0 0 0;
        font-size: .9em;
}

.everyline p, .everyline a {
	color:#abc3cd;
	background-color:transparent;
}

.everyline a:hover {
	color:white;
	background-color:inherit;
}

#sidebar {
	float:left;
	width:180px;
	margin:0 0 0 5px;
	padding:0;
	display:inline;
	color:#c9e6f8;
/*
	position:absolute;
	top: 105px;
	left: 50%;
	margin-left: 200px;
*/
}

.bioTitle {
	margin:0 0 10px 0;
	padding:0 10px 0 25px;
	font-size:1.1em;
	color:white;
}

.bioTitle a {
	color:inherit;
	background-color:transparent;
	text-decoration:underline;
	color:white;
}

.bioTitle a:visited{
	color:white;
}

.bioTitle a:hover {
	text-decoration:underline;
	background-color:transparent;
	color: #fffcdd;
}

.quote {
	margin:0;
	padding:10px 5px 10px 15px;
	color:white;
	font-size:1em;
	font-weight: normal;
}

.bigquotemarks {
	color: white;
}

.quote a {
	color:#c9e6f8;
}

.quote a:hover {
	color:white;
}

.twitter, .twitter a {
	margin: -20px 0 0 0px;
	padding:0;
	color:white;
	text-decoration:none;
	font-size: 1em;
	text-align:center;
	color: #c9e6f8;
	font-weight:normal;
}

.twitter a:hover {
	color: white;
}

.twittert {
	font-size: 1.2em;
}

#bioItems {
	margin: 0 15px 15px 15px;
	padding:10px;
	font-size: .8em;
}

#bioItems li {
	margin: 0 0 10px 0;
	padding: 0;
	color:white;
}