/*------------------------------------------------------------------------------
                                    Defaults
------------------------------------------------------------------------------*/

* {
margin:0;
padding:0;
border:none;
z-index:0;
}

body {
text-align:center;
background:url("../images/bg.jpg") repeat left top;
color:#444444;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:73%;
}

h1 {
font-weight:normal;
margin-bottom:0.6em;
}

h2 {
font-size:1.2em;
color:#058905;
line-height: 1.2em;

}

h2 ul {color:#058905;}

h2.index {color: #555;}

h3 {
color:#058905;
font-size:1.1em;
margin-bottom:1em;
font-weight: normal;
}
	
h4 {
text-transform:uppercase;
letter-spacing:6px;
color:#333;
font-weight:normal;
}

h5 {
font:normal 1.4em Helvetica, Arial, sans-serif;
text-align:center;
margin-bottom:0;
}



p {
line-height:1.65em;
margin-bottom:1.2em;
}

ul {
margin-left:20px;
margin-bottom:1em;
color:#444444;
line-height:1.65em;
}

ol {margin-left:20px;
color:#444444;
line-height:1.65em;}

ol li {margin-bottom:1.5em;}

a, a:link {
color:#0066CC;
}

a:visited {
color:#003366;
}

a:hover, a:active {
color:#9966FF;
}

a img. a span, a span img {
text-decoration:none;
border:0;
margin-bottom:-1px;
}

.left {
float:left;
}

.right {
float:right;
}

.last {
margin-left:0;
margin-right:0;
}

.center {
display:block;
text-align:center;
}

.clear:after {
content:".";
display:block;
visibility:hidden;
height:0;
clear:both;
}

br.clear {
display:block;
visibility:hidden;
height:0;
line-height:0;
clear:both;
}

input[type=hidden] { /* for Mozilla - likes to show borders on hidden input fields */
display:none; 
}

#wrapper {
width:928px;
margin:25px auto 0 auto;
padding-top:7px;
background:url("../images/content_top.png") no-repeat top center;
text-align:left;
}

#header, #content {
background:url("../images/content_bg.png") repeat-y top center;
}

#header {
padding:7px 0;
}

#header_inner {
background:url("../images/header_bg.jpg") repeat-x top center;
margin:0 19px 0 20px;
}

div.headerimg {
width:430px;
}

img.logo {
margin:90px 0 0 40px;
}

img.flash {
margin-top:2px;
border-left:1px solid #FFF;
}

embed#flash {
float: right;
margin-top:1px;border-left:1px solid #FFF;
}

#main_nav {
clear:right;
width:100%;
list-style:none;
margin-left:0;
margin-bottom:0;
}

#main_nav li {
display:block;
float:left;
margin-top:1px;
height:29px;
}

#main_nav li a {
display:block;
}

#main_nav li a img {
width:100%;
height:100%;
border:0;
}

#main_nav li a:hover img, 
body#home li.home a img, body#about li.about a img, body#hire li.hire a img, body#services li.services a img,
body#studies li.studies a img, body#clients li.clients a img, body#resources li.resources a img,
body#blog li.blog a img, body#contact li.contact a img {
visibility:hidden;
}

#main_nav li.home {
background:url("../images/homeOn.gif") no-repeat;
width:78px;
}

#main_nav li.about {
background:url("../images/aboutOn.gif") no-repeat;
width:71px;
}

#main_nav li.hire {
background:url("../images/hireMeOn.gif") no-repeat;
width:156px;
}

#main_nav li.services {
background:url("../images/servicesOn.gif") no-repeat;
width:84px;
}

#main_nav li.studies {
background:url("../images/studiesOn.gif") no-repeat;
width:112px;
}

#main_nav li.clients {
background:url("../images/speakOn.gif") no-repeat;
width:120px;
}

#main_nav li.resources {
background:url("../images/resourcesOn.gif") no-repeat;
width:101px;
}

#main_nav li.blog {
background:url("../images/blogOn.gif") no-repeat;
width:69px;
}

#main_nav li.contact {
background:url("../images/contactOn.gif") no-repeat;
width:98px;
}

#content {
position:relative;
padding:20px 45px;
}

#formwrapper {position: relative; padding: 30px 30px; border-style: solid; border-width: 3px; border-color: #25bf0b; margin-bottom: 40px;}


#formwrapper img {margin-bottom: 0px; float:left;}

#inset {width: 100%;position: relative;clear:both;}

/* Big Contact Form */

#formright .cssform p, #formright {
font-size: 1em;
	width: 200px;
	float:right;
	position: relative;
       
	padding: 5px 10px 8px 0;
	/*padding-left: 30px; /*width of left column containing the label elements*/
	height: 1%;}

#formright .cssform p.long {
	width: 500px;
	padding-left: 0px;
}

#formright .cssform label {
	font-weight: normal;
	float: left;
	margin-left: 0px; margin-right: 10px;/*width of left column*/
	width: 145px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#formright .cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
}





/*.threepxfix class below:
	Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
	to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/



#formright input.txt, #formright textarea.txt, #formright select.txt, #formright select.zip {
	color: #000;
	background-color: #F5F9FF;
	border: 1px solid #A3B5B5;
	padding: 3px;margin-top:10px;
	font: 100% Arial, Helvetica, sans-serif;
}
#formright input.txt {
	width: 200px;
} 
#formright input.zip {
	width: 50px;
    color: #000;
	background-color: #F5F9FF;
	border: 1px solid #A3B5B5;
	padding: 3px;
	font: 100% Arial, Helvetica, sans-serif;
} 




#formright input.btn {width: 200px;
	background-color: #25bf0b;
	border: 2px solid green;
	font: 12px Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	color: #FFF;
	margin: 0;
}
#formright .required {
	color: #000;
	font-weight: normal;margin-right: 20px; margin-bottom: 30px;
}

/*End Big Contact Form*/




div.callout {
width:254px;
border-bottom:1px solid #c7c4bf;
background:#FFF url("../images/callout-sides.jpg") repeat-y left top;
}

div.callout {
margin:5px 0 0 20px;
}

div.callout div.top {
background:#FFF url("../images/callout-top.jpg") no-repeat left top;
height:7px;
}

div.callout ul {
list-style:none;
background:url("../images/section_bgSM.jpg") repeat-x left bottom;
margin:0 7px 7px 7px;
padding:1.5em;
}

div.callout li {
display:block;
margin-bottom:1em;
}

div.callout li a, div.callout li a:link, div.callout li a:visited {
display:block;
text-decoration:none;
font-size:1.5em;
font-family:Helvetica, Arial, sans-serif;
color:#0066CC;
margin-bottom:0.2em;
background:url("../images/arrow.jpg") no-repeat 0 1px;
padding-left:20px;
}

div.callout li a:hover, div.callout li a:active {
color:#0066CC;
background:url("../images/arrow-hover.jpg") no-repeat 0 1px;
}

div.callout li span {
display:block;
padding-left:20px;
line-height:1.3em;
}

#footer {
background:url("../images/content_bottom.png") no-repeat top center;
padding:20px 0 20px 120px;
text-align:left;
width:928px;
margin:0 auto;
font-size:0.8em;
}

#footer a, #footer a:link, #footer a:visited {
color:#555;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#E10000;
}

/* ------- Equal height columns for index page ------- */

#colWrap {
position:relative;
left:-35px;
display:table;
border-collapse:separate;
border-spacing:35px 0;
table-layout:fixed;
width:900px;
margin-bottom:10px;
}

#colWrap div.inner {
display:table-row;
}

#colWrap div.inner div.col, #colWrap div.inner div.heading, #colWrap div.inner div.headinggreen {
display:table-cell;
width:254px;
border-bottom:1px solid #c7c4bf; 
border-left:1px solid #c7c4bf;
border-right:1px solid #c7c4bf;
background:#FFF url("../images/section_bgSM.jpg") repeat-x center bottom;
}

#colWrap div.inner div.heading, #colWrap div.inner div.headinggreen {
width:256px;
height:35px;
border:none;
text-align:center;
padding:0;
}

#colWrap div.inner div.heading {
background:url("../images/callout-header.jpg") no-repeat left top;
}

#colWrap div.inner div.headinggreen {
background:url("../images/callout-header-green.jpg") no-repeat left top;
}

#colWrap div.inner div.heading p, #colWrap div.inner div.headinggreen p {
height:27px;
line-height:27px;
color:#FFF;
text-align:center;
margin:0;
padding-top:3px;
font-size:1.5em;
letter-spacing:1px;
}

#colWrap div.inner div div {
margin:10px 10px 25px 25px;
}

div.col div.right {
width:103px;
margin:0;padding:0;
}

div.book {float:left;}

div.left img {margin-bottom: 5px; margin-left:-40px;}

div.left {padding: 0;}

div.col h2 {
margin-bottom: 1em;
}

div.col p {
line-height:1.25em;
}


/* ------- Inside Pages ------- */

#main {
width:540px;
}

#main h2 {
margin-bottom:1em;
}

#main img.left, div.testimonial .left {
margin:0 15px 15px 0;
}

#main img.right, div.testimonial .right {
margin:0 0 15px 15px;
}

div.testimonial {
font-family:Tahoma, Arial, sans-serif;
padding:15px 5px;
}

#main div.testimonial {
font-size:1.3em;
color:#555;
width:240px;
border-top:1px solid #8CC0E3;
border-bottom:1px solid #8CC0E3;
}

#main div.testimonial p {
margin-bottom:0;
}

#sidebar div.testimonial {
color:#555;
border-top:1px solid #C9C0AC;
border-bottom:1px solid #C9C0AC;
}

div.testimonial p.author {
font-style:italic;
text-align:right;
margin-bottom:0;
}

#sidebar {
width:250px;
}

#sidebar a {
text-decoration:none;
}

#sidebar ul {
margin-left:0;
list-style:none;
}

#sidebar div.heading {
width:245px;
height:35px;
background:url("../images/callout-header.jpg") no-repeat right top;
}

#sidebar div.heading p {
height:27px;
line-height:27px;
color:#FFF;
text-align:center;
margin:0;
padding-top:3px;
font-size:1.5em;
letter-spacing:1px;
}

#sidebar div.col ul {
margin-bottom:0;
}

#sidebar div.col {
border-bottom:1px solid #c7c4bf; 
border-left:1px solid #c7c4bf;
border-right:1px solid #c7c4bf;
width:243px;
}

#sidebar div.col li {
display:block;
background-color:#FFF;
margin-bottom:3px;
}

#sidebar div.col li.last {
margin-bottom:0;
}

#sidebar div.col li a, #sidebar div.col li a:link, #sidebar div.col li a:visited {
display:block;
font-weight:bold;
color: #a49e96;
text-transform:none;
background:url("../images/sidelink_bg.jpg") left top;
text-decoration:none;
font-size:0.9em;
letter-spacing:0px;
padding:0.7em 2em;
}

#sidebar div.col li a:hover, #sidebar div.col li a:active {
color:#736257;
background:url("../images/sidelink-hover.jpg") left top;
}

#sidebar div.callout {
margin:20px 0;
width:243px;
background:#FFF url("../images/callout-sidesSM.jpg") repeat-y left top;
}

#sidebar div.callout div.top {
background:#FFF url("../images/callout-topSM.jpg") no-repeat left top;
height:7px;
}

#sidebar div.callout div.inner {
background:#FFF url("../images/section_bgSM.jpg") repeat-x left bottom;
margin:0 7px 7px 7px;
padding:1em;
}

#sidebar div.callout div.inner img {display: block;margin: 10px 0 5px 30px;}

#sidebar div.callout div.inner a {
display:block;
line-height:3.5em;
height:3.5em;
font-size:0.9em;
}

#sidebar div.callout div.inner a img {
vertical-align:middle;
}

#sidebar div.inner p {
margin-top:1em;
color:#555;
text-align:left;
font-size:1em;
line-height:1.3em;
}

/*------------------- SWF Object --------------------*/
#flashcontent {padding:0;margin:1px 0 1px 0;height:136px;width:283px;border-left:1px solid #FFF;}embed#flash {width:283px;height:135px;margin:1px 0 0 0;padding:0;}