/* CSS Document */

/* Impress Design, LLC is the home of graphic designer 
		Jack McDaniel
		720.495.1368
		http://Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. 
Just make certain you change it and don't steal my images */

/*******************************************************************
 			Site Colors: 	Blue #5a8cc6,
							Grey #CCC
							Content Text #FFF
********************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: 
	http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, 
fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:14px; 
	font-weight: 100; 
	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;
	color:#FFF;
}
html{
	background:#CCC url(../img/2010BG.jpg)  top center no-repeat fixed;
}

/***********************************************************
				BASIC LINKS
**********************************************************/
a {
	color: #111; 
	text-decoration: none;
	font-weight: 500;
}
a:hover {
	color: #FFF; 
	text-decoration: underline;
}
/********************************************************
				BODY INFO
*********************************************************/
@font-face {
		font-family: 'DroidSansRegular';
		src: url('http://www.impress-design.com/DroidSans.eot');
		src: local('Droid Sans Regular'), local('DroidSans'), url('DroidSans.woff') format('woff'), url('DroidSans.ttf') format('truetype'), url('DroidSans.svg#DroidSans') format('svg');
}
body{
	width:100%; 
	margin:0 auto;
	background: #CCC url(../img/2010BG.jpg) 50% 50% fixed repeat; 
	color: #FFF;
	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;
}
*{margin:0; padding:0}

#bodywrap {
	width: 100%;
	margin: 0 auto;
	background: url(../img/topBorderBG.png) top left repeat-x;
}
#maincontainer{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}
	
/**********************************************************
				HEADER
************************************************************/
#header {
	margin: 0 auto;
	height: 210px;
	overflow: hidden;
}
#logo {
	overflow: hidden;
	margin-top: 33px;
	float: left;
	width: 150px;
	z-index: 500;
}
#logo h1 {
	margin: 0;
}
#headerright {
	float: right;
	width: 800px;
	margin: 0px 5px 0 0;
	padding: 0px;
	overflow: hidden;
}
#blueBarLinks {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	color: #FFF;
	font-size: .9em;
	text-transform: uppercase;
}
#blueBarLinks a {
	text-decoration: none;
	color: #FFF;
}
#blueBarLinks a:hover {
	color: #5a8cc6;
}
#search {
	float: right;
	height: 39px;
	width: 227px;
	background: url(../img/searchBG.jpg) top left no-repeat;
}
#sitesearch {
	padding: 8px;
}
.FSF_input {
	width: 170px;
	background: none;
	border: none;
	color: #666;
	padding: 4px;
}
.FSF_submit {
	padding: 4px 1px 4px 6px;
	background: transparent;
	border: none;
	color: #FFF;
}
#blurb {
	float: right;
	width: 830px;
	height: 70px;
	margin-top: 40px;
	background: url(../img/smartDesign.png) top right no-repeat;
	text-indent: -99999px;
}
/***********************************************************
				TOP NAVIGATION
************************************************************/
#nav {
	float: right;
	margin-top: 20px;
	position:relative;
	display:block;
	height:45px;
	width: 800px;
}
#menu {
	margin:0;
	padding:0;
	float:right;
}
#menu ul li {
	display:inline;
}
#menu ul li#navabout a {
	float: left;
	margin: 0;
	height: 45px;
	background: url(../img/aboutBG.png) top left no-repeat;
	width: 153px;
}
#menu ul li#navabout a:hover {
	background: url(../img/aboutBG.png) 0 -49px no-repeat;
}
#menu ul li#navaboutactive a {
	float: left;
	margin: 0;
	height: 45px;
	width: 153px;
	background: url(../img/aboutBG.png) 0 -49px no-repeat;
}
#menu ul li#navportfolio a {
	float: left;
	margin: 0;
	height: 45px;
	background: url(../img/portfolioBG.png) top left no-repeat;
	width: 142px;
}
#menu ul li#navportfolio a:hover {
	background: url(../img/portfolioBG.png) 0 -49px no-repeat;
}
#menu ul li#navportfolioactive a {
	float: left;
	margin: 0;
	height: 45px;
	background: url(../img/portfolioBG.png) 0 -49px no-repeat;
	width: 142px;
}
#menu ul li#navcaseStudies a {
	float: left;
	margin: 0;
	height: 45px;
	background: url(../img/caseStudiesBG.png) top left no-repeat;
	width: 159px;
}
#menu ul li#navcaseStudies a:hover {
	background: url(../img/caseStudiesBG.png) 0 -49px no-repeat;
}
#menu ul li#navcaseStudiesactive a {
	float: left;
	margin: 0;
	height: 45px;
	background: url(../img/caseStudiesBG.png) 0 -49px no-repeat;
	width: 159px;
}
#menu ul li#navblog a {
	float: left;
	margin: 0;
	height: 45px;
	background: url(../img/blogBG.png) top left no-repeat;
	width: 101px;
}
#menu ul li#navblog a:hover {
	background: url(../img/blogBG.png) 0 -49px no-repeat;
}
#menu ul li#navblogactive a {
	float: left;
	margin: 0;
	height: 45px;
	background: url(../img/blogBG.png) 0 -49px no-repeat;
	width: 101px;
}
#menu ul li#navcontact a {
	float: left;
	margin: 0;
	height: 45px;
	background: url(../img/contactBG.png) top left no-repeat;
	width: 162px;
}
#menu ul li#navcontact a:hover {
	background: url(../img/contactBG.png) 0 -49px no-repeat;
}
#menu ul li#navcontactactive a {
	float: left;
	margin: 0;
	height: 45px;
	background: url(../img/contactBG.png) 0 -49px no-repeat;
	width: 162px;
}
/*******************************************************
				CONTENT PAGE INFO
*********************************************************/
#wrap {
float: left;
width: 100%;
}
#contentContainer {
	float: left;
	width: 100%;
	margin: 35px 0 20px 0;
}
#content {
	margin-right: 345px; /*Set right margin to rightColumnWidth*/
	margin-bottom: 20px;
	margin-left: 25px;
	margin-top: 10px;
	padding: 15px 30px 25px 30px;
	font-size: 1.0em;
	font-weight: 100;
	line-height:1.6em;
	background: url(../img/contentBG.png) bottom left no-repeat;
	border-top: 7px solid #000;
}
#content p {
	padding-left: 20px;
	padding-bottom: 15px;
}
#content img {
	float: left;
	margin: 10px 20px 10px 0;
	background: url(../img/bodyImgBG.png) bottom left repeat;
	border: 1px solid #111;
	padding: 10px;
}
.tele {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	margin: 20px 0;
	letter-spacing: -0.045em;
	color: #78a22e;
}
.user {
	float: left;
	width: 50%;
}
.userInner {
	padding: 7px;
}
#content h3 {
	margin: 5px 0 15px 0;
}
.emphasis {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #000;
}
.hilite {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #000;
}
/*****************************************************
					RIGHT COLUMN
******************************************************/
#rightColumn{
	float: left;
	width: 345px; /*Width of left column*/
	margin-left: -345px; /*Set left margin to -(MainContainerWidth)*/
	margin-top: 35px;
}
.rightColInner {
	margin: 10px 20px 20px 40px;
	padding: 15px 8px 15px 8px;
	background: url(../img/rightMenuBG.png) bottom left no-repeat;
	border-top: 7px solid #000;
}
/*****************************************************
					RIGHT LINKS
******************************************************/
.block {
	width: 100%;
}
.blockHead {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 21px;
	font-weight: 100;
	margin: 0 20px 10px 20px;
	letter-spacing: -0.045em;
	color: #000;
}
.block ul {
	list-style: none;
}
.block li {
	margin: 0 10px 12px 20px;
	padding-left: 15px;
	line-height: 1.3em;
}
.block li a {
	color: #FFF;
	text-decoration: none;
}
.block li a:hover {
	text-decoration: underline;
}
.blockDate {
	font-size: .8em;
	font-style: italic;
	color: #333;
	text-transform: uppercase;
}
.bottomMenu {
	margin-left: 35px;
	margin-bottom: 10px;
	line-height: 1.75em;
	font-size: 1.1em;
}
#social {
	margin-left: 35px;
}
/**********************************************************************
				CUSTOMER COMMENTS
**********************************************************************/
.quote {
	padding: 0 15px 10px 30px;
	margin-left: 10px;
	background: url(../img/quotes.png) top left no-repeat;
	font-style: italic;
	color: #FFF;
}
.business {
	text-align: right;
	padding-right: 15px;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #FFF;
}
.owner {
	text-align: right;
	padding-right: 15px;
	margin-bottom: 20px;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #000;
}
/**********************************************************************
				FRONTPAGE
**********************************************************************/
#sectionContainer {
	margin: 20px 0;
}
#recentBlog {
	float: left;
	width: 367px;
	margin-bottom: 20px;
	font-size: 1.0em;
	color: #FFF;
}
#recentBlog img {
	float:right;
	margin: 5px 0 5px 10px;
	border: 1px solid #222;
}
#recentBlog h3 {
	color: #000;
}
#user1 {
	float: left;
	width: 296px;
	margin-bottom: 20px;
	font-size: 1.0em;
	color: #FFF;
}
#user1 h3 {
	color: #000;
}
#user2 {
	float: left;
	width: 296px;
	margin-bottom: 20px;
	font-size: 1.0em;
	color: #FFF;
}
#user2 h3 {
	color: #000;
}
#recentBlogInner {
	margin: 0 10px 0 10px;
	padding: 0 15px 20px 15px;
	background: url(../img/recentBlogBG.png) bottom left no-repeat;
	border-top: 6px solid #000;
}
#user1Inner {
	margin: 0 10px 0 10px;
	padding: 0 15px 20px 15px;
	background: url(../img/user1BG.png) bottom left no-repeat;
	border-top: 6px solid #000;
}
#user2Inner {
	margin: 0 10px 0 10px;
	padding: 0 15px 20px 15px;
	background: url(../img/user2BG.png) bottom left no-repeat;
	border-top: 6px solid #000;
}
/**********************************************************************
				MAINIMAGE
**********************************************************************/
#mainImage {
	width: 960px;
	height: 336px;
	background: url(../img/frame.png) top left no-repeat;
}
#mainImage img {
	border: 1px solid #000;
}
div#rotator {
	height:300px;
	overflow: hidden;
	padding-top: 16px;
	padding-left: 23px;
}
div#rotator ul li {
		float:left;
		position: absolute;
		list-style: none;
}
div#rotator ul li.show {
		z-index:500
}

/**********************************************************************
				FOOTER
**********************************************************************/
#footer{
	clear: left;
	width: 960px;
	height: 200px;
	background: url(../img/footerBG.png) top left no-repeat;
	overflow: hidden;
}
#footAddress {
	float: left;
	text-align: left;
	margin-top: 60px;
	width: 100%;
	padding-left: 10px;
	color: #000;
	font-size: 1.0em;
}
#footAddress a {
	color: #EBEBEB;
}
#footAddress a:hover {
	color: #000;
}
#footLinks {
	float: left;
	padding: 30px 0 30px 25px;
	width: 50%;
	color: #F0EFEA;
	font-size: .9em;
	font-weight: 100;
}
#footLinks a {
	color: #F0EFEA;
	text-decoration: none;
}
#footSocial {
	float: right;
	text-align: right;
	padding: 30px 25px 30px 0;
	width: 40%;
	color: #F0EFEA;
	font-size: .9em;
	font-weight: 100;
}
#footSocial a {
	color: #F0EFEA;
	text-decoration: none;
}
#footSocial a:hover {
	text-decoration: underline;
	color: #000;
}
#footCopy {
	text-align: center;
	font-size: .85em;
	font-style: italic;
	padding: 5px 10px;
	color: #FFF;
}
/********************************************************************
				HEADERS
********************************************************************/
h1 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 42px;
	font-weight: 100;
	margin: 20px 0;
	letter-spacing: -0.045em;
	color: #FFF;
}
h2 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 36px;
	font-weight: 100;
	padding: 0 0 30px 0;
	letter-spacing: -0.045em;
	line-height: 1.2em;
	color: #000;
}
h3 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 28px;
	font-weight: 100;
	margin: 0 0 5px 0;
	letter-spacing: -0.045em;
	color: #333;
	line-height: 1.25em;
}
h4 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #FFF;
}
h5 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #333;
}
/****************************************************
				BLOCKQUOTES
********************************************************/
.blockquote {
	float: right;
	width: 220px;
	border-top: 5px solid #222;
	border-bottom: 5px solid #222;
	padding: 10px 10px 10px 10px;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #333;
	margin-left: 15px;
	margin-bottom: 10px;
	line-height: 1.4em;
}
.blockquote img {
	float: left;
	margin-bottom: 10px;
}
.blockquote p {
	padding: 10px;
}
/****************************************************
				CONTENT LISTS
********************************************************/
.contentlist {
	margin-left: 25px;
	font-size: 1.0em;
	list-style: none;
}
.contentlist li {
	display: block;
	text-decoration: none;
	line-height: 28px;
}
/*****************************************************************
				REFLECT ARCHIVES
******************************************************************/
.reflect_month_link {
	background: url(../img/arrow.jpg) top left no-repeat;
	padding: 0 13px;
	font-size: 14px;
}

/*****************************************************************
				USER COMMENTS & COMMENT FORM
******************************************************************/
.jot-row {
	margin-left: 20px;
	margin-bottom: 5px;
}
.jot-comment {
	padding: 10px;
	margin: 1px;
}
.jot-header {
}
.jot-postnumber {
	float: left;
	width: 40px;
	line-height: 1.5em;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #000;
}
.jot-subject {
	float: left;
	line-height: 1.5em;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #981B1E;
}
.jot-message {
	color: #FFF;
	padding-left: 25px;
}
.jot-user {
	color: #333;
	font-size: .9em;
	padding-left: 25px;
	font-style: italic;
}
.commentuser {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #FFF;
}
.jot-info {
	float: left;
	text-align: right;
	width: 150px;
	border-right: 1px solid #000;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 3px solid #000;
}
.jot-date {
	padding: 0 10px;
	text-transform: uppercase;
	color: #000;
	font-size: .85em;
}
.jot-name {
	padding: 0 10px;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.25em;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #FFF;
}
/*******************************************************************
				EMAIL FORM
********************************************************************/
.cfName {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfName {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
.cfEmail {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfEmail {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfMessage {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 350px;
}
.cfMail {
	float: left;
	margin: 1px 0 10px 0;
	padding:0 5px;
	color: #FFF;
	background: #000;
	text-align: center;
	border: 1px solid #222;
	line-height: 26px;
	min-height: 26px;
}
.cfMail a {
	color: #FFF;
	background: #AA1111;
}
.cfMail a:hover {
	color: #EBEBEB;
}
/*******************************************************************
				SEARCH
********************************************************************/
.ajaxSearch_resultLink {
	font-size: 1.2em;
	color: #FFF;
	margin-right: 20px;
}
/*******************************************************************
				PAGINATION
********************************************************************/
#dittoContain {
	margin: 1px;
	height: 45px;
	line-height: 45px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: .9em;
}
.ditto_pages {
	width: 50%;
	float: left;
	margin: 0 auto;
}
.ditto_previous_off {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin-right: 5px;
}
.ditto_currentpage {
	padding: 2px 4px 2px 4px;
	color: #FFF;
	background: #AA1111;
	border: 1px solid #000;
}
.ditto_page {
	padding: 2px 4px 2px 4px;
}
.ditto_next_off {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin-left: 5px;
}
.ditto_next_link {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 16px;
	margin-left: 5px;
}
.ditto_previous_link {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 16px;
	margin-left: 5px;
}
/************************************************
		GENERAL LISTS
*************************************************/
ol {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	margin-left: 75px;
	margin-top: 15px;
	color: #000;
}
ol p {
	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;
	color:#FFF;
	font-size: 14px;
	line-height: 1.5em;
	margin-left: -10px;
}