/* Start of CMSMS style sheet 'default' */
/************ GLOBALS *************/

*, html {
margin:0;
padding:0;
} 

body {
margin: 0;
padding: 0;
background: #fff;
font: 12px "trebuchet ms", arial;
}

/*p { 
padding-bottom: 24px;	
font: 16px/26px georgia;
}*/

p { 
padding-bottom: 10px;	
font: 12px "trebuchet ms", arial;
}

a img {
border: none;
}

a { color: #369; }

a:active, a:focus {outline: 0;}

form {
margin: 0;
}

.clear {
clear: both;
}

ul, li {
margin: 0;
padding: 0;
list-style: none;
}

h1 {
font:  italic 32px/34px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
color: #a6d149;
margin-bottom: 20px;
letter-spacing: -2px;
border-bottom: 1px #efefef solid;
}

h2 {
font: italic 20px/20px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
color: #000;
margin-bottom: 20px;
}

h3 {
font:  bold italic 18px/20px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
color: #a6d149;
margin-bottom: 10px;
}

h4 {
font: bold 14px "Trebuchet MS", arial;
}

/************ HEADER *************/

#header {
padding-top: 30px;
position: absolute;
z-index: 10;
width: 960px;
left: 50%;
margin-left: -480px;
}

#headerSub {
width: 960px;
height: 75px;
margin: 0 auto;
}	

#headerLogo {
float: left;
width: 400px;
}

#headerLogo ul {
margin-left: 70px;
margin-top: -35px;
position: relative;
}
#headerLogo li {
float: left;
}

#headerLogo li.sep {
padding: 0 7px 0 5px;
color: #b8da1c;
}

#headerLogo li a {
color: #cdeefa;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

#headerLogo li a:hover {
color: #fff;
text-decoration: underline;
}

#headerNav {
float: right;
padding-top: 15px;
}

#headerNav li {
float: left;
padding-left: 8px;
}

#headerNav li a {
padding-right: 12px;
display: block;
text-decoration: none;
}

#headerNav li a span {
color: #f1fdbd;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
line-height: 28px;
display: block;
padding: 0 0 0 12px;
margin: 1px;
height: 30px;
letter-spacing: -.5px;
cursor: pointer;
}

#headerNav li.active a,
#headerNav li a:hover {
background: url(/images/nav_rt.png) no-repeat right;
}

#headerNav li.active a span,
#headerNav li a:hover span {
color: #fff;
background: url(/images/nav_bg.png) no-repeat;
}	

/************ CANVAS *************/		

#canvas {
width: 960px;
margin: 0 auto;
}

#wrapper {
background: url(/images/bg.jpg) repeat-x;
}

#wrapper-inner {
background: url(/images/bg_sub.jpg) no-repeat center 100px;
padding-top: 30px;
}

#flashIntro {
margin-bottom: 25px;
height: 611px;
}


#mainTop {
background: url(/images/main_top.png) no-repeat;
height: 20px;
}
	#main {
		background: #fff;
		min-height: 500px;
		padding: 0 20px 20px 30px;
	}
	
	#mainPane {
		width: 630px;
		float: left;
		padding: 0 20px 0 0;
	}

	#mainContent {
		padding: 0 10px 0 0;
	}
	
	#colPane {
		width: 240px;
		float: left;
		min-height: 500px;
		margin-left: 20px;
	}

#colPane.contactpage {
padding-top:50px;
}

#colPane h2 {
margin-top:50px;
}

#mainPane ul, #mainPane ol {
padding-bottom:12px;
margin:0 10px 0 20px;
}

#mainPane ol li {
padding:0 0 12px 0;
margin-left:15px;
list-style:decimal;
/*font: 16px/26px georgia;*/
font: 12px "trebuchet ms", arial;
}

/************ INTRO BOXES *************/	

#introBoxes {
position: relative;
z-index: 10;
margin-top: -80px;
padding-bottom: 30px;
}

#introBoxes .box {
float: left;
width: 250px;
margin: 0 35px;
}

.box {
margin-bottom: 15px;
}

.box h3,
.box .btm,
.box .shadow {
padding-right: 10px;
padding-bottom:0;
}

.box span {
display: block;
padding-left: 10px;
}

.box h3 			{ 	background: url(/images/box_top_rt.png) no-repeat top right;margin-bottom:0;  }
.box .content 		{	background: #251d1e url(/images/box_bg.png) repeat-x; min-height: 116px;	}
.box .btm 			{	background: url(/images/box_btm_rt.png) no-repeat top right; }
.box .shadow 		{	background: url(/images/box_shadow_rt.png) no-repeat top right; }

.box h3 span 		{	background: url(/images/box_top.png) no-repeat; height: 38px; }
.box .btm span 		{	background: url(/images/box_btm.png) no-repeat; height: 10px; }
.box .shadow span 	{ 	background: url(/images/box_shadow.png) no-repeat; height: 42px; }

.box h3 {
font-size: 18px;
color: #d5eb6f;
font:  italic 22px/38px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
text-indent: 7px;
}

.box .content {
color: #fff;
padding: 7px 20px;
font: normal 16px/22px "georgia";
}

.box .content p {
padding: 0;
font: normal 16px/22px "georgia";
}

.box .content a {
display: block;
color: #d5eb6f;
font:  italic 12px/30px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
text-align: right;
}

.box .content a:hover {
color: #9fcff4;
}

/************ FOOTER *************/	

#footer {
background: url(/images/footer.jpg) no-repeat top center;
margin-top: 40px;
padding: 30px 30px 70px 30px;
text-align: center;
color: #bbb;
font-weight: bold;
font-size: 12px;
}

#footer a {
color: #e8c462;
padding-left: 8px;
}

#footer a:hover {
text-decoration: none;
}

#footerNav {
padding: 13px 0;
color: #a6d149;
}
#footerNav li {
display: inline;
font-size: 13px;
}

#footerNav li a {
color: #a6d149;
text-decoration: none;
padding: 0 18px;
}

#footerNav li a:hover {
color: #607c24;
}



/************ OUR WORK *************/	

.work,
.workFeatured {
height: 450px;
}

.workPic {
float: left;
width: 640px;
}

.workPic img {
border: 10px #efefef solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.workContent {
float: left;
width: 240px;
}

.workTitle {
font-weight: bold;
font-size: 14px;
margin-bottom: 2px;
}

.workContent p {
font-size: 12px;
line-height: normal;
font-family: "trebuchet ms", trebuchet, arial;
padding-bottom: 10px;
}

.workContent ul {
padding-bottom: 10px;
}

.workContent li {
font-size: 11px;
line-height: normal;
padding-left: 20px;
background: url(/images/list_icon.png) no-repeat;
}

.workPast li {
padding-left: 20px;
background: url(/images/list_icon.png) no-repeat;
float: left;
width: 250px;
padding-right: 30px;
}

.workFeatured .workPic {
float: right;
width: 570px;
text-align: right;
padding-top: 15px;
}

.workFeatured .workPic img {
border: none;
}

.workFeatured .workContent {
float: right;
width: 310px;
}

#mainPane li {
list-style-type:disc;
}

/************ CONTACT *************/	

/*#contact fieldset {
border:0;
}

#contact legend {
display:none;
}

.contactform div {
margin:0 0 15px 0;
padding:5px;
}

.contactform div input, .contactform div textarea {
width:400px;
border:1px solid #00407B;
padding:3px;
font: 16px "trebuchet ms", arial;
}

.contactform div.captcha input {
width:100px;
}

.contactform .fb_invalid {
border:1px solid #900;
background:#FFEFEF;
}*/

.error_message li {
font-style:italic;
color:#900;
}

#form1{
margin:1em 0;
padding-top:10px;
background:url(/images/form_top.gif) no-repeat 0 0;
position:relative;
}
#form1 fieldset{
margin:0;
padding:0;
border:none;

margin-left:25px;
}		
#form1 legend{display:none;}	
#form1 p{margin:.5em 0;}	
#form1 label{display:block;font: 12px "trebuchet ms", arial;}	
#form1 input, #form1 textarea{		
width:252px;
border:1px solid #ddd;
background:#fff url(/images/form_input.gif) repeat-x;
padding:3px;
margin-bottom:10px;
font: 12px "trebuchet ms", arial;
}		
#form1 textarea{
height:125px;
overflow:auto;
}					
#form1 p.submit{
clear:both;
background:url(/images/form_bottom.gif) no-repeat 0 100%;
padding:0 25px 20px 25px;
margin:0;
text-align:right;
}	
#form1 button{
width:150px;
height:37px;
line-height:37px;		
border:none;
background:url(/images/form_button.gif) no-repeat 0 0;
color:#fff;
cursor:pointer;
text-align:center;
margin-right:28px;
}				
#form1 .textarea {
float:right;
padding-right:55px;
}
#form1 .textarea textarea {
height:366px;
}

.captcha {
position:absolute;
top:335px;
left:25px;
font: 12px "trebuchet ms", arial;
}
#form1 .fb_invalid {
color:#900;
font-weight:bold;
}

.blogs-showblogsentry, .blogs-showcategoryentry {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #eee;
}

.blogs-showblogsentrytime, .blogs-showblogsentrycategory {
font-size:12px;
}

.blogs-showcategoryentrytext p {
padding:0;
margin:0;
}

.blogs-showcategorylistcategory.home {
margin-bottom:10px;
}

.blogs-showcategoryentrytitle h3 a, .blogs-showblogsentrytitle h3 a {
font-size:14px;
}

.more_link {
padding-bottom:10px;
}
/* End of 'default' */

