/*
 
1. --defaults-- 
2. --layout-- 
3. --header--
4. --navbar--
5. --main column 1--
6. --main column 2--
7. --main section bottom--

--*/



/* 1. --defaults--*/

* {
	margin:0;
	padding:0;
	}
	
html {
	font-size:100%;
		}

body {
	background: #4F2700 url(images/backdark.png) 0 0 repeat-x;
	font-size:62.5%;
	font-family: "Helvetica Neue", Helvetica, Lucida, Arial, sans-serif;		
}
	
a {
	text-decoration:none;
	 outline: none;
	 color: #eb6e1f;
	 }
	 
#main a {
	font-weight:normal;}
	 
a:hover {
	text-decoration:underline;}
	 

img {
	border:none;}
	
li {
	list-style:none;
	float:left;
	display:block;}
	
h2 {
	font-size:250%;
	color:#ea6410;
	margin:0 0 20px 40px;
}
	
h3 {
	font-size:150%;
	color:#ea6410;
	}
	
h4 {
	font-size:150%;
	font-weight:100;
	color:#ea6410;
	margin:20px 0 20px 40px;
	padding-top:20px;
	border-top: 1px dotted #4c2600;
	}
	
.cl1 {
	color:#4c2600;
	font-size:150%;
	font-weight:bold;
	margin:20px 0 0 20px;
	}
	
.cl2 {
	font-size:110%;
	color:#a54c00;
	margin-left:20px;
	width:185px;
	font-size:110%;
	font-weight:normal;;
	
}

.cl3 {
	color:#4c2600;
	margin-left:20px;
	font-size:110%;
	font-weight:normal;}
	
.first {
	margin-top:20px;
	}
	
.orange {
	color:#ea6410;}

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

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


fieldset {
	border:none;}




/* 2. --layout--*/

#wrap {
	width: 840px;
	margin: 0 auto;}
	
#mainbottom {
	clear:left;}
	
#latestnews, #moreserv {
	float:left;
	margin-top:20px;}
	
#mainwrap {
	background: url(images/mainbackstrip.gif) 0 0 repeat-y;}
	
#page {
	background:#eedcaf url(images/backstrip.gif) 0 0 repeat-y;
	width:839px;
	float:left;
	}

#content{
	width:610px;
	float:left;
	background:#fff;
	}


/* 3. --header--*/

#headwrap {
	margin-top:50px;
	width:100%;}

#header {
	width:792px;
	height:117px;
	background: #fff;
	float:left;
}

#right {
	background:url(images/headerright.png);
	width:23px;
	height:118px;
	float:left;}
	
#left {
	background:url(images/headerleft.png);
	width:23px;
	height:118px;
	float:left;
	position:relative;
	z-index:1;}
	
#header img {
	margin:15px 0 0 -10px;
	position:relative;
	z-index:2;
	float:left;}
	
ul#sign{
	float:right;
	padding:20px 10px 0px 10px;
	}
	
ul#sign li {
	padding:2px;
	margin-bottom:10px;}
	
ul#sign a {
	font-size:110%;
	color:#b1b1b1;}
	
#rss {clear:right;
	float:right;
	padding:10px 10px 0 10px;
	margin:50px 0 0 0;}
	
#rss a {
	background:url(images/rss.jpg) 0 0 no-repeat;
	width:39px;
	height:42px;
	display:block;
	clear:left;
	margin:0;
	padding:0;
	}
	
#rss a:hover {
	background:url(images/rss.jpg) 0 -50px no-repeat;
	}

/* 3. --nav--*/

#nav {
	background:url(images/navstrip.png) 0 0 repeat-x;
	width:90%;
	height:26px;
	margin:0 auto;
	clear:left;}
	
#nav a {
	display:block;
	width:90px;
	padding:5px;
	color: #804000;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	margin:0 8px;
	}
	
#nav a:hover {
	background:white;
	text-decoration:none;
	color:#eb6e1f;}
	
#nav ul {
	margin-left:20px;}
	
	
/* 4. --picture--*/

#picleft {
	background:url(images/picleft.png);
	height:240px;
	width:23px;
	float:left;}
	
#pic {
	width:793px;
	height:240px;
	background: #fff;
	float:left;
	position:relative;
	margin-bottom:5px;}
	
#picright {
	background:url(images/picright.png);
	height:240px;
	width:23px;
	float:left;}
	
#mainpic li{
	width:827px;
	height:228px;
	position:absolute;
	top:6px;
	left:-17px;}
	
/* 5. --main--*/

#maintop {
	width:839px;
	height:25px;
	background:url(images/maintop.png);
	margin-top:5px;
	clear:left;}
	
#content, #blogcontent {
	width:610px;
	background:white;
	float:left;
	padding-bottom:10px;
	}
	
#content, #blogcontent .entry p{
	margin:0 0 10px 0;
	}
	
#blogcontent h2#blogh2 {
	font-size:300%;
	margin:10px 0 20px 40px;}
	
#blogintwrap {
	float:left;
	width:190px;
	margin-left:40px;}
	
#blogcontent p.blogintro {
	width:180px;
	margin:5px 0;
	font-size:120%;
	}
	
#horizontal {
	display:block;
	width:516px;
	margin:0 auto;
	background:url(images/horizontal.jpg) 0 0 no-repeat;
	height:8px;
	margin:30px;
	position: none;}
	
#contwrap {
	float:left;
	margin-left:10px;}
	
.cont {
	float:left;
	}
	
#contwrap h3 {
	color:#4c2600;}
	
#carblog {
	margin-left:0px;}
	
.cont h3, .cont p {
	color:#4c2600;
	position:absolute;
	top:175px;
	left:30px}
	
.cont p {
	top:220px;
	width:100px;
	}
	
.cont h3 {
	width:100px;}
	
.cont img {
	padding: 0 5px 0 0;
	}
	

	
#content p {
	width:510px;
	font-size:100%;
	margin:0 0 10px 40px;
	line-height:1.3em;}
	
#content p#homep {
	font-size:140%;
	margin-bottom:30px;}
	
#content p img {
	float:left;
	border:none;
	padding:4px 4px 0 0;}
	
ul.key {
	margin-left:40px;
	padding-bottom:20px;}

ul.key li {
	float:none;
	background:url(images/orangebullet.gif) 0 8px no-repeat;
	padding: 5px 0 5px 15px;
	margin-left:20px;
	width:450px;}
	
#buttons {
	margin-top:30px;
	}
	

	
#knowledge_but a, #training_but a, #change_but a, #mentor_but a, #mod1_but a, #mod2_but a, #mod3_but a {
	width:233px;
	height:140px;
	float:left;
	display:block;
	margin:0 0 20px 0;
	position:relative;
	}
	
#training_but a, #mentor_but a, #mod2_but a {
	margin-left:40px;}
	
#knowledge_but a span, #training_but a span, #change_but a span, #mentor_but a span, #mod1_but a span, #mod2_but a span, #mod3_but a span{
	display:block;
	position:absolute;
	left:0px;
	padding:10px 10px 0;
	margin-bottom:10px;
	width:233px;
	height:125px;
}
#knowledge_but a span {
	background:url(images/knowledge_but.jpg) 0 0 no-repeat;}
	
#knowledge_but a:hover span {
	background:url(images/knowledge_but.jpg) 0 -140px;	
}

#training_but a span {
	background:url(images/training_but.jpg);
	}

#training_but a:hover span {
	background:url(images/training_but.jpg) 0 -140px;
}

#change_but a span {
	background:url(images/change_but.jpg);
}

#change_but a:hover span {
	background:url(images/change_but.jpg) 0 -140px;	
}

#mentor_but a span {
	background:url(images/mentor_but.jpg);
}

#mentor_but a:hover span {
	background:url(images/mentor_but.jpg) 0 -140px;
}

#mod1_but a span {
	background:url(images/mod1_but.jpg) 0 0 no-repeat;}
	
#mod1_but a:hover span {
	background:url(images/mod1_but.jpg) 0 -140px no-repeat;}
	
	#mod2_but a span {
	background:url(images/mod2_but.jpg) 0 0 no-repeat;}
	
#mod2_but a:hover span {
	background:url(images/mod2_but.jpg) 0 -140px no-repeat;}
	
#mod3_but a span {
	background:url(images/mod3_but.jpg) 0 0 no-repeat;}
	
#mod3_but a:hover span {
	background:url(images/mod3_but.jpg) 0 -140px no-repeat;}

div.mod p.modtrail span, div.mod h2 span {
	display: inline-block;
	color:#4f2700;
	}
div.mod h2 span, div.mod h2{	
	font-size:22px;}
	
div.mod h2 span#date {
	font-size:14px;
	padding-left:50px;}

	
div#content div#eventdet {
	margin:10px 0 20px 40px;
	width:550px;
	}
	
/*div#content div#eventdet ul{
	margin:10px 0 0 0;}
	
div#content div#eventdet li {
	padding:5px 0 5px 10px;
	background:url(images/orangedot.gif) 0 10px no-repeat;
	font-size:140%;
	float:none;
	font-weight:bold;
	color:#4f2700;}*/
	
div#content div#eventdet p{
	width:230px;
	font-size:100%;
	margin:0;
	padding:2px 0;
	}
	
div#content div#eventbot {
	padding-top:20px;
	clear:left;}
	
div#content div#eventdet p a img {
	margin-top:15px;}
	
.event {
	padding:20px 0;
	border-bottom:1px dotted #666;
	width:520px;}
	
.event h2 {
	margin:0;
	width:278px;
	float:left;}
	
.event p {
	float:left;
	padding-left:10px;}
	
.event a {
	font-size:10px;
	font-weight:bold;
	padding:10px 10px 0 0;
	color:#4c2600;
	display:block;
	float:left;}
	
.event span {
	color:#df6a00;
	font-weight:bold;}
	
.event:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	
#buttons {
	width:530px;
	margin-left:50px;}
	
#eventbuttons {
	
	width:530px;
	}
	
#eventdet #focus {
	padding: 0 10px;
	float:left;
	width:200px;}
	
#content h3#serv, #moreserv ul {
	margin-left:60px;}
	
#content h3#news {
	margin-left:0;}
	
#moreserv ul {
	margin-top:20px;}
	
#content h3 {
	margin:20px 0 0 0;}
	
#content #buttons h3 {
	margin:20px 0 0 0;
	font-size:100%;}
	
#content #eventbuttons h2 {
	margin:40px 0 0 0;
	font-size:150%;}
	
#content p.cl1{
	color:#4f2700;
	font-size: 140%;
	width:220px;
	margin:0;}
	
#content p.orange{
	color:#a54c00;
	font-size: 110%;
	width:220px;
	margin:0;}
	
#content p.newslinks{
	color:#999;
	font-size: 110%;
	width:220px;
	margin:0;}
	
#content p.newslinks a{
	color: #666;
	}

	
#moreserv ul li{
	background:url(images/arrow.gif) 0 2px no-repeat;
	float:none;
	width:200px;
	margin:15px 0;
	padding-left:20px;
	}
	
#moreserv ul li {
	font-size:130%;
	color:#4f2700;}
	
#latestnews {
	margin-left:50px;
	width:200px;}
	
#latestnews ul {
	margin-top:20px;
	width:200px;}
	
#latestnews li {
	float:none;
	padding-bottom:20px;}
	

	
/* services */
#servwrap1, #servwrap2 {
	margin-left:40px;
	float:left;
	width:245px;}
	


.keyserv {
	width:245px;
	background: #F5F2F0;
	padding-bottom:10px;
	margin:0 40px 20px 0;}
	
.keyserv h3 {

	margin:0;
	padding-top:10px;
	width:245px;
	height:47px;}

.keyserv h3 a{
	color: #4c2600;
	font-size:90%;
	}
	
.keyserv h3 a:hover {
	text-decoration:none;
	color:#ea6410;}

.keyserv h3#know {
	background: url(images/knowh3.jpg) 0 0 no-repeat;
	}
	
.keyserv h3#change {
	background: url(images/changeh3.jpg) 0 0 no-repeat;
	}
	
.keyserv h3#mentor {
	background: url(images/mentorh3.jpg) 0 0 no-repeat;
	}
	
.keyserv h3#train {
	background: url(images/trainh3.jpg) 0 0 no-repeat;
	}
	
.kerserv ul {
	
	background:#ccc;}
	
.keyserv li {
	background: url(images/arrowsmall.gif) 0 6px no-repeat;
	font-size:100%;
	float:none;
	padding:5px 0 5px 12px;
	width:210px;
	margin-left:10px;}
	

	
/* Post */

.post {
	clear:left;}


.post .title {
	height: 55px;
	margin-bottom: 3px;
	padding: 19px 0px 2px 20px;
	color: #000000;
}


.post .date, #content p.date {
	background: url(images/calendar.jpg) 0 0 no-repeat;
	float: left;
	width:32px;
	height:47px;
	margin: -55px 40px 0 40px;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	display:block;
}


.avatar{
float:left;
padding:0 5px 0 0;}



.post .date small {
	padding-left:7px;}
	
.post .date strong {
	padding-left:5px;
	display:block;
	font-size:140%;
	margin:0;
	font-weight:normal;}

.post .meta, #content p.meta {
	margin: -32px  0 3px 100px;
	padding: 6px 30px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #999;
}

.postmetadata{
	border-top:1px dotted #999;
	margin-top:10px;
	color:#666;
	padding: 3px 0;
	}
	
.postmetadata a {
	color:#eb6e1f;
	}

.more-link {
	color:#eb6e1f;}

.post .title a {
	text-decoration: none;
	color:#4c2600;
	margin-left:40px;
}

#blogcontent .entry p a, #calendar td#prev a {
	color: #eb6e1f;}
	
#newsletter form p#policy a {
	color:#4c2600;}

#blogcontent .post .meta a { color: #eb6e1f; }

.post .entry, #content #post-1.post .entry p {
	padding: 0 20px 25px 0px;
	font-size:12px;
	float:left;

}

#blogcontent .post .entry, #blogcontent #post .entry p {
	padding: 10px 0 25px 0px;
	margin-left:100px;
	border-top:1px dotted #666;
	width:450px;
}


.post .links {
	margin: 0 250px 0 0;
	padding: 0 0 0 0px;
}

.post .links .comments {
}

.post .links .permalink {
	padding-left: 17px;
}

#comments h2 {
	clear:left;}
	
#respond h2 {
	margin:40px 0 0 100px;
	font-size:200%;
	clear:left;
	color:#4c2600;}
	
textarea#comment {
	
	border: 1px dotted #4c2600;}
	
form#commentform input#submit {
	margin:20px 0 0 0;}

/* 6. --sidebar--*/

#sidebar {
	width:229px;
	background:#eedcaf;
	float:left;
	height:100%;
	padding-bottom:20px;}
	
#search {
	background:url(images/searchback.jpg) 0 0 no-repeat;
	width:203px;
	height:117px;
	margin-left:13px;}
	
form {
	position:relative;
	padding-top:10px;}
	
#sidebar input {
	color:#96784b;}
	
/*label {
	color:#4e2600;
	font-weight:bold;
	padding:5px 0 0 10px;}*/
	
form p a {
	float:left;
	color:#4e2600;}
	
form p.formtext {
	width:180px;
	margin:10px 0 5px 10px;
	font-size:110%;
	font-weight:bold;
	color:#4e2600;
	line-height:1em;}
	
#newsletter form p#policy {
	margin-top:10px;
	}

	
form h2 {
	color:#4e2600;
	font-size:200%;
	font-weight:bold;
	margin:0 0 5px 10px;}
	

	
#sidebar input#searchsubmit {
	background:url(images/go.png) 10px 0px no-repeat;
	width:90px;
	height:25px;
	border:none;
	margin-top:5px;
	}
	
input#send {
	background:url(images/send.png) 10px 0px no-repeat;
	width:110px;
	height:25px;
	border:none;
	float:left;
	margin-top:4px;
	}
	
#content input#s {
	margin-left:40px;}

.searcharea {
	background: url(images/searcharea.png) 10px 4px no-repeat;
	width:170px;
	height:20px;
	border:none;
	padding:10px 20px 10px 17px;
	overflow:hidden;
	font-size:150%;
}
	
	
#search textarea {
	margin-top:7px;}
	
#search input#go {
	margin-top:3px;}
	
#newsletter input#send {
	margin-top:3px;}
	
#newsletter, #newsletter2{
	background:url(images/newsletterback.jpg) 0 0 no-repeat;
	width:208px;
	height:226px;
	display:block;
	margin:20px 0 0 13px;}
	
#newsletter2 {
	margin-top:0;}
	
.horizontal2 {
	width:186px;
	height:6px;
	background:url(images/horizontal2.jpg) 0 0 no-repeat;
	margin:30px auto;
	clear:left;}
	
h2.sideh2, h2.widgettitle {
	margin:0 0 0 20px;
	color:#4f2700;
	font-size:190%;}
	
h2.widgettitle {
	margin:20px 0 5px 20px;}
	
h1.pagetitle {
	color:#eb6e1f;
	margin:20px 0 30px 40px;
	font-size:300%;}
	

div#sidebar ul li ul li a {
	background:url(images/arrowsmall.gif) 0 2px no-repeat;
	color:#4f2700;
	display:block;
	margin-left:30px;
	padding:0 0 3px 10px;
	width:170px;
	font-size:11px;}
	
div#sidebar ul li#tag_cloud.widget a {
	clear:left;
	margin-left:30px;
	color:#4f2700;
	padding-top:5px;
	font-size:11px;}
	

	
#main #clients ul li a:hover, #main #mainbottom #latestnews ul li a:hover {
	text-decoration:underline;
	background:#ccc;}
	
/* Calendar */

#calendar {
	width:180px;
	margin-left:20px;
	
}

#calendar caption {
	padding-bottom: 5px;
	font-weight: bold;
	text-align:left;
	color:#4f2700;
	font-size:190%;
}

#calendar table {
	width: 100%;
	border-collapse: collapse;
	border-right: none;
	color: #4f2700;
}

#calendar thead th {
	padding: 5px 0;
	text-align: center;
	background: #eb6e1f;
}

#calendar tbody td {
	padding: 5px 0;
	text-align: center;
	
	
}

#calendar tfoot td {
	padding: 5px;
}

#calendar tfoot #next {
	text-align: right;
}

#calendar #today {
	background: #E7F1E1;
}

li#calendar h2 {
	display:none;}
	
/*--comments--*/

#comments h2 {
	font-size:150%;
	margin-left:100px;
	color:#4c2600;
	}
	
ol.commentlist{}

ol.commentlist li {
	margin:10px 0 20px 100px;
	display:block;
	padding:10px;
	border: 1px solid #ccc;
	width:420px;
	float:none;}
	
ol.commentlist li p {
	font-size:120%;
	margin-top:5px;}
	
form#commentform {
		margin-left:100px;
		width:450px;}
	
form#commentform p {
	float:left;
	color:#999;
	padding:3px 0;
	margin-left:0;
	}
	
form#commentform a {
	padding:3px 0 3px 5px;
	margin-top:100px;}

/*--front blog--*/

#frontpost {
	margin:20px 0 20px 20px;
	position:relative;}
	
#frontpost img {
	padding-right:10px;}

#frontpost img, #frontpost p {
	float:left;
	}
	
#frontpost p {
	width:180px;
	margin-left:0;
	}
	
#frontpost a {
	float:left;
	}
	

	
#frontpost #apos2 {
	position:absolute;
	padding-left:10px;
	}
	
#frontpost .apos img {
	padding-right:5px;}
	
div#sidebar ul li ul li p.date, div#sidebar ul li ul li p.meta {
	float:left;
	}
	
div#sidebar ul li ul li p.date {
	clear:left;}
	
	
div#sidebar ul li ul li #frontpost a {
	background:none;
	float:left;
	padding:5px 0;
	margin:0;
	color:#eb6e1f;
	width:70px;}
	
#frontmeta {
	clear:left;
	margin: 20px 0 0 20px;
	border-top:1px dotted #4c2600;
	color: #4c2600;
	font-size:120%;}
	
/* 7. --footer--*/

#footer {
	width:840px;
	margin:0 auto;
	background:#840;
	margin-bottom:50px;
	clear:left;
	}
	
#footer ul {
	width:380px;
	text-align:center;
	margin:0 auto;
	padding-top:20px;}
	
#footer li {
	padding:0 15px 5px;}
	
#footer a {
	color:#4f2700;
	}
	
	
#footer p#weblink a {
	background:url(images/linkicon.jpg) 0 0 no-repeat;
	color:#4f2700;
	width:83px;
	text-indent:-99999px;
	height:19px;
	display: inline-block;
	}
	

	
#footer p {
	clear:left;
	margin:0 auto;
	width:300px;
	text-align:center;
	color:#4f2700;
	position:relative;
	border-top: 1px dotted #4c2600;}
	
#footer p#weblink {
	padding-top:10px;}

#footbot {
	background:url(images/footercorners.jpg) 0 0 no-repeat;
	width:840px;
	height:27px;
	display:block;}
	
/*--events--*/


	
#content p.modtrail a{
	background:none;
	margin-left:30px;
	color:#eb6e1f;
	font-size:120%;
	border-top:none;
	font-weight:bold;}
	
#content p.modtrail a:hover{
	text-decoration:underline;}
	
#content .mod p {
	margin:5px 0 0 0;
	padding:10px;
	}
	
#content .mod p.modtrail {
	
	padding:10px 0 0 0;}
	
#content .mod h3 {
	margin-left:40px;
	padding:10px;}
	
#content .modback  {
background:#ebe3d0;
	border-top:1px dotted #4c2700;
	width:530px;
	margin:20px 0 0 40px;
	padding-bottom:20px;}
	

#content .mod a
{
  font-size:100%;
  width:530px;
  text-align:left;
  display:block;
  background:#ebe3d0;
  color:#4c2700;
  margin-left:40px;
border-top: 1px dotted #999;}

#content .mod a p {
	width:490px;}

.mod a {
	background:#ebe3d0;}
	
.mod a span {
	display:block;
	color:#eb6e1f}
	
#content .mod a.default{
	padding:0;
	margin:0;
	display:inline;
	color:#4c2700;
	font-weight:bold;}
	
.mod a:hover{
	
	text-decoration:none;}

div#content div.mod p
{	font-size:12px;
	margin-left:5px;
	width:500px;}

div#content div.mod li {
	background:url(images/orangedot.gif)0px 10px no-repeat;
	float:none;
	color:#4c2700;
	margin-left:30px;
	font-size:12px;
	padding:5px 0 5px 15px;
	}
	

/*--about--*/

.cons {
	width:537px;
	margin:20px 0 0 40px;
	}
	
.constop{
	background:url(images/constop.jpg) 0 0 no-repeat;
	width:537px;
	height:16px;}
	
.consmid{
	background:url(images/consmid.jpg) 0 0 repeat-y;
	width:537px;
	}
	

	

#content .idwrap p {
	font-size:110%;
	width:339px;
	float:left;
	color: #4c2600;
	margin-bottom:10px;
	
	}
	

	
#content .idwrap li {
	padding:2px 0;
	float:left;
	width:339px;
	margin-left:40px;
	font-size:110%;
	color: #4c2600;
	}
	
#content .idwrap li img {
	display:inline;
	padding: 0 10px 2px 0;}
	

	
.id {
	color: #4c2600;
	float:left;
	height:25em;
	margin:10px 0 0 25px;
	width:95px;}
	
#car{
	height:30em;
	}
	
#mike {
	height:28em;
	}
	
#rich{
	height:32em;
	}
	
#nick{
	height:32em;
	}
	
#twitter {
	margin-top:140px;
	width:95px;}
	
#content .idwrap h3 {
	color: #4c2600;
	margin:10px 0 0 0;
	width:95px;
	font-size:120%;
	}

	
.consbot{
	background:url(images/consbot.jpg) 0 0 no-repeat;
	width:537px;
	height:22px;}
	
#content .post .entry form p input[type=submit]{
	display:block;
	margin-top:10px;
	}
	
#content .post .entry form p input {
	margin-bottom:10px;}