/************* Color Pallette 
 * top pale white/blue:  #f9feff
 * dark/brightish blue: #066db3
 * green: #a1c550
 */

/* Standard Clear */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
}
body {
	line-height: 1.2;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Clear */


/* Styled Common Elements */
body,html {
	height:100%;
	font-family:Helvetica,Arial,sans-serif;
	color:#464646;
}

/* h1 - Logo/Name
 * h2 - Tagline, content Headers
 * h3 - Menu Nav, Footer section headers
 * h4 - Content Sub Headers
 */

h1,h2,h3,h4,h5,h6 {font-weight:normal;color:#464646;}

h1,h2,h3 {font-family:"Century Gothic",Geneva,Helvetica,Arial,sans-serif;}
h4,h5,h6 {font-family:Helvetica,Arial,sans-serif;}

h1 {font-size:240%;}
h2 {font-size:160%;}
h3 {font-size:130%;}
h4 {font-size:110%;}
h5 {font-size:100%;}
h6 {font-size:80%;}
p {font-size:90%;line-height:1.4;}

h1,h2,h3,h4,h5,h6,p {padding-bottom:15px;}

a           	{color:#066db3;}
a:focus,
a:hover     	{color:#07385a;}
a:visited		{}
a:visted:hover 	{}

/********* FIX THIS FONT SIZE HACK */
ul li {left:25px;position:relative;font-size:90%;margin-bottom:10px;}
ul {margin-bottom:15px;}


.clear {clear:both;}
.clearPadding {clear:both;padding-bottom:15px;}

.fLeft {float:left;text-align:left;}
.fRight {float:right;text-align:right;}
.center {text-align:center;}

.greenBottom {width:100%;border-bottom:1px solid #a1c550;}

/* Master Template Layout */
.headerWrapper {width:100%;height:100px;background-color:#f1f5f5;border-bottom:2px solid #dcdcdc;}
	.headerInner {margin: 0 auto;height:100px;width:930px;padding-left:20px;background-color:#fff;}

.tagWrapper {width:100%;height:70px;}/* For shadow overlay */
	.tagWrapperInner {margin:0 auto;height:70px;width:1000px;} /* For Swirl overlay */
		.tagInner {margin:0 auto;height:45px;width:930px;padding:25px 0px 0px 20px;}
		.tagInner h2 {line-height:50%;}

.tagWrapperSmall {width:100%;height:40px;}
	.tagWrapperSmallInner {margin:0 auto;height:40px;width:1000px;}

.bodyWrapper {width:100%;background-color:#f1f5f5;}
	.bodyInner {margin:0 auto;width:910px;padding:20px 20px 20px 20px;background-color:#fff;min-height:300px;}



.footerWrapper {width:100%;min-height:100px;}
	.footerWrapperInner {width:100%;min-height:100px;}
		.footerInner {margin:0 auto;width:950px;font-size:80%;}


/* Navigation and Logo */
.navLink {position:relative;float:right;padding:55px 0px 3px 0px;top:0px;color:#464646;
				margin-right:20px;text-transform:lowercase;font-family:"Century Gothic",Geneva,Helvetica,Arial,sans-serif;}
	.curNavLink {border-bottom:1px solid #a1c550;color:#464646;font-family:"Century Gothic",Geneva,Helvetica,Arial,sans-serif;}
	.navLink:hover {color:#066db3;}

.siteName {position:relative;top:30px;}

/* Footer Content 
 * Fixed height Footer, split into boxes, each column is
 * */
.footerColumnLeft {width:380px;border-right:1px solid #fff;border-bottom:1px solid #fff;float:left;
						padding:30px 20px 20px 20px;height:420px;} /* width=400+10+10=420px */
.footerColumnMiddle {width:280px;border-right:1px solid #fff;border-bottom:1px solid #fff;float:left;
						padding:30px 20px 20px 20px;height:420px;} /* width=300+10+10 320px; */
.footerTopRight {width:180px;float:left;border-bottom:1px solid #fff;padding:30px 0px 20px 20px;height:138px;} /* width = 190+10pad 200px */
.footerMiddleRight {width:180px;float:left;border-bottom:1px solid #fff;padding:20px 0px 20px 20px;height:100px;} /* width = 190+10pad 200px */
.footerBottomRight {width:180px;float:left;border-bottom:1px solid #fff;padding:20px 0px 20px 20px;height:100px;} /* width = 190+10pad 200px */
.footerBottomLine {position:relative;float:left;top:10px;left:20px;}

.blogPostTitle {margin:0;padding:0;width:100%;float:left;clear:both;}
.blogPostDate {color:#696969;float:left;clear:both;font-size:90%;margin-bottom:5px;}

.footerInner h4 {padding:0;margin:0;}

/************ HOME Page ***************/
.featuredWorkWrapper {width:524px;}
	.workImage {float:left;margin:5px;}
		.workImage img {width:250px;}
		.workImageHoverDiv {display:none;padding:10px;}
		
.homePageRightColumn {float:right;width:350px;}
	.homePageRightColumn h2 {font-size:140%;}
	.homePageRightColumn h4 {padding-bottom:10px;font-size:120%;}
	.homePageButton {float:right;position:relative;top:10px;}
	

/********* Generic Boxes ***********/

.box {width:290px;float:left;}
.boxLeft {}
.boxMiddle {margin-left:20px;margin-right:20px;}
.boxRight {}

/********** ABOUT Page **********/

.aboutTopPageDiv {width:50%;float:right;text-align:right;}

.aboutBoxInner {width:240px;padding: 0 20px 0 20px;}
	.aboutName {padding-bottom:5px;border-bottom:1px solid #a1c550;margin-bottom:15px;}


/********** SERVICES Page ********/

.servicesTopPageDiv {width:50%;float:right;text-align:right;}

.serviceBox {height:130px;}
	.serviceBoxLeftBack {width:20px;height:100px;float:left;}
	.serviceBoxMiddleBack {width:250px;height:100px;float:left;}
		.serviceBoxImage {height:90px;width:50px;float:left;padding-top:10px;}
		.serviceBoxInner {height:85px;width:200px;float:left;padding-top:15px;}
			.serviceBoxInner h3 {padding-bottom:10px;font-size:100%;line-height:1.1;}
			.serviceBoxInner p {color: #464646;font-size:75%;line-height:1.1;}
	.serviceBoxRightBack {width:20px;height:200px;float:left;}

.serviceDetailWrapper {float:right;width:550px;padding:0px 20px 20px 20px;}
	.serviceTitle {padding-bottom:5px;border-bottom:1px solid #a1c550;margin-bottom:15px;}
	
.serviceDetailSidebar {float:left;width:300px;}
	.serviceDetailSidebarTitle {padding-bottom:5px;border-bottom:1px solid #a1c550;margin-bottom:15px;}
	.serviceDetailSidebarItem {float:left;width:250px;padding:5px 5px 5px 5px;background-color:#f1f5f5;margin-bottom:10px;
								font-weight:bold;font-size:80%;cursor:pointer;}
	.serviceDetailSidebarItem:hover {background-color:#e7e7e7;}
 		.currentServiceItem {color:#464646;}

/********* WORK Page **************/
.workListWrapper {width:415px;padding:0px 20px 20px 20px;float:left;}
	.workBottomWrapper h3, .workTitle {padding-bottom:5px;border-bottom:1px solid #a1c550;margin-bottom:15px;}
 
.leftWork {clear:both;}
 
 .workBottomWrapper {width:910px;padding: 20px 0px 0px 0px;}
 	.workBottomItemWrapper {float:left;width:250px;padding:0px 20px 10px 20px;}
 
.workPageDate {font-style:italic;}

.workDetailWrapper {float:right;width:550px;padding:0px 20px 20px 20px;}
.workDetailSidebar {float:left;width:300px;}
	.workDetailSidebarItem {float:left;width:250px;padding:5px;margin-bottom:10px;background-color:#f1f5f5;
								font-weight:bold;font-size:80%;cursor:pointer;}
	.workDetailSidebarItem:hover {background-color:#e7e7e7;}
 		.currentWorkItem {color:#464646;}
 
/********* Blog Pages ***********/
.blogDetailWrapper {float:right;width:550px;padding:0px 20px 20px 20px;}
	.blogTitle {padding-bottom:5px;border-bottom:1px solid #a1c550;margin-bottom:15px;}
	
	
.blogDetailSidebar {float:left;width:300px;}
	.blogDetailSidebarTitle {padding-bottom:5px;border-bottom:1px solid #a1c550;margin-bottom:15px;}
	.blogDetailSidebarItem {float:left;width:250px;padding:5px 5px 5px 5px;background-color:#f1f5f5;
								margin-bottom:10px;font-size:80%;font-weight:bold;cursor:pointer;}
	.blogDetailSidebarItem:hover {background-color:#e7e7e7;}
		.blogDetailSidebarDate {color:#696969;font-size:90%;}
 		.currentBlogItem {color:#464646;}
		
 
	/* Arcive */
	.blogArchiveItem {float:left;width:250px;padding:5px 5px 5px 5px;background-color:#f1f5f5;margin-bottom:10px;
							font-weight:bold;font-size:80%;cursor:pointer;}
	.blogArchiveItem:hover {color:#464646;background-color:#e7e7e7;}
		.blogArchivePostDate {color:#696969;font-size:90%;}
		.blogArchiveTitle {font-size:90%;}
	.blogArchiveMonthHeader {padding-bottom:5px;border-bottom:1px solid #a1c550;margin-bottom:10px;}

/********* FAQ Pages ***********/
.faqDetailWrapper {float:right;width:550px;padding:0px 20px 20px 20px;}
	.faqTitle {padding-bottom:5px;border-bottom:1px solid #a1c550;margin-bottom:15px;}
	
.faqDetailSidebar {float:left;width:300px;}
	.faqDetailSidebarTitle {padding-bottom:5px;border-bottom:1px solid #a1c550;margin-bottom:15px;}
	.faqDetailSidebarItem {float:left;width:250px;padding:5px 5px 5px 5px;background-color:#f1f5f5;margin-bottom:10px;
							font-weight:bold;font-size:80%;cursor:pointer;}
	.faqDetailSidebarItem:hover {background-color:#e7e7e7;}
 		.currentFaqItem {color:#464646;}
 

/********* Contact Page ***********/
	form label {font-family:"Century Gothic",Geneva,Helvetica,Arial,sans-serif;}
	form label {font-size:120%;margin-bottom:5px;}
	form input[type=text], form textarea {font-size:120%;font-family:Helvetica,Arial,sans-serif;color:#6a6a6a;}
	input[type=text] {height:20px;border:1px solid #dcdcdc;padding:5px;}
	textarea {border:1px solid #dcdcdc;color:#464646;padding:5px;}
	input[type=submit] {background-color:#f1f5f5;border:1px solid #dcdcdc;font-size:140%;
						color:#464646;padding: 5px 15px 5px 15px;cursor:pointer;
						-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
	input[type=submit]:hover {border:1px solid #a9a9a9;color:#000;}
	
.contactLeftCol {float:left;width:100%;}
	.contactLeftCol form {float:right;}

/********* Default Page ***********/
.defaultContentDiv {float:right;width:60%;}