body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #717171;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:19px;
}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}
a:link {
	color: #137ACB;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #137ACB;
}
a:hover {
	text-decoration: underline;
	color: #137ACB;
}
a:active {
	text-decoration: none;
	color: #137ACB;
}
a.green {
	color:#48910C;
}
hr {
	width:100%;
	height:1px;
	color:#E4E4E4;
	margin-top:15px;
	margin-bottom:15px;
	padding:0;
	#margin-top:10px;
	#margin-bottom:10px;
}
form {
	margin:0;
	padding:0;
}
#bgFrame {
	width:100%;
	margin:auto;
	display:table;
	background: url(img/site_bg_left.jpg) no-repeat center 105px;
}
#bgFrameR {
	width:100%;
	margin:auto;
	display:table;
	background: url(img/site_bg_right.jpg) no-repeat center bottom;
}
#container {
	width: 853px;
	margin: 0 auto;
	text-align: left;
	background: url(img/site_bg_body.gif) repeat-y;
} 
#header {
	padding:0;
	margin:0;
	background: url(img/head_left.jpg) no-repeat left top;
} 
.headLogo {
	margin-left:422px;
	#margin-bottom:-3px;
}
#sidebar1 {
	font-family:Arial, Helvetica, sans-serif;
	float: left; /* since this element is floated, a width must be given */
	width: 166px; /* 213-17-30 */
	padding:21px 17px 5px 30px; /* padding keeps the content of the div away from the edges */
	background: url(img/sidebar_bg.jpg) no-repeat left top;
	font-size:12px;
	color:#717171;
	line-height:15px;
	#margin-top:0;
	#padding-top:22px;
	#padding-bottom:0px;
}
img.sideWebH {
	margin:0 0 1px 0;
}
img.sideLogoH {
	margin:20px 0 -3px 0;
}
img.sidePrintH {
	margin:20px 0 1px 0;
}
img.sideTestH {
	margin:20px 0 1px 0;
}
p.sideBtn {
	margin:5px 0 0 0;
}
.client {
	margin:5px 0 0 0;
	font-weight:bold;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0; /* padding keeps the content of the div away from the edges */
}
#mainContent { 
	width:583px; /*640-30-27*/
	_width:580px; /*640-30-27-3*/
	margin: 0 0 -10px 213px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	#margin: 0 0 -9px 213px;
	_margin: 0 0 -3px 213px;
	padding: 21px 30px 0 27px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	z-index:10;
} 
#mainContent, x:-moz-any-link {
	padding-bottom:16px;
	#padding-bottom:9px;
	_padding-bottom:16px;
}
	.about #mainContent {
		width:568px;
	}
img.mainHead {
}
img.mainPic {
	margin:-6px 10px 0 3px;
	#margin-top:-8px;
	_position:relative;
	_right:-3px;
}
.mainLink {
	margin:9px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
#headline {
	font-size:32px;
	margin:2px 0 0 0;
	#margin:24px 0 0 0;
	color: #137ACB;
}
#subhead {
	font-size:20px;
	margin:7px 0 10px 0;
	color: #137ACB;
	font-family:Arial, Helvetica, sans-serif;
}
#bgMain {
	margin:0;
	padding:0;
	background: url(img/site_bg_body_bottom.gif) no-repeat right bottom;
}
#subFooter {
	height:155px;
	width:853px;
	margin-top:-155px;
	background: url(img/site_bg_body_bottom.gif) no-repeat right top;
}
#footer {
	padding: 26px 10px 0 10px;
	background:#FFFFFF url(img/site_bg_footer.jpg) no-repeat left top;
	height:92px;
	font-size:14px;
} 
#footer em {
	margin:0 5px 0 5px;
	font-style:normal;
}
#subFoot {
	margin:13px 0 0 0;
	font-size:12px;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
}
.green {
	color:#48910C;
}
#subFoot a {
	color:#48910C;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	margin:0;
	padding:0;
}


/*HOME*/

#blog {
	font-size:12px;
	margin-top:40px;
	line-height:16px;
	padding-right:15px;
	margin-bottom:23px;
	#margin-bottom:26px;
	_margin-bottom:31px;
}
div.post {
	margin-top:15px;
	#margin-top:0px;
}
div.post .date {
	font-size:10px;
	margin-bottom:1px;
}
div.post .date2 {
	font-size:10px;
	margin-bottom:1px;
	font-weight:bold;
	color:#48910C;
	color:#5D5D5D;
}
div.post .title {
	font-size:18px;
	font-weight:bold;
	margin-bottom:3px;
	color: #137ACB;
}
div.post .mess {
	position:relative;
	left:88px;
	width:475px;
}
img.divider {
	margin:0 6px 0 6px;
	position:relative;
	top:1px;
}
img.divider2 {
	margin:0 7px 0 7px;
	position:relative;
	top:1px;
}
#recent {
	height:40px;
	background: url(img/home_recent.gif) no-repeat left 0px;
	padding-left:176px;
	padding-top:20px;
	font-size:14px;
	margin-bottom:-22px;
}
#recent2 {
	height:40px;
	#height:38px;
	#line-height:20px;
	background: url(img/home_recent2.gif) no-repeat left 0px;
	padding-left:159px;
	padding-top:22px;
	#padding-top:20px;
	font-size:16px;
	margin-bottom:-22px;
	color:#5D5D5D;
}
img.blogpic {
	position:relative;
	top:3px;
	margin-right:7px;
	border: 1px solid #E4E4E4;
}
img.arrow {
	margin-right:5px;
}


/*ABOUT US*/

.sig {
	position:relative;
	left:-15px;
	margin-bottom:2px;
}
.sign {
	font-size:13px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
	_margin-bottom:3px;
}
img.dave {
	position:relative;
	left:-4px;
	margin-left:5px;
}


/*WEB*/

.project {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	margin-top:40px;
	padding-right:35px;
	margin-bottom:37px;
}
	.logo.first {
		margin-top:30px;
		height:174px;
	}
	.print {
		/*height:200px;*/
		/*margin-bottom:20px;*/
	}
	.web.start { 
		margin-top:30px;
		height:175px;
	}
	.print.fst { 
		margin-top:30px;
		height:256px;
	}
	.last {
		margin-bottom:70px;
	}
	.last2 {
		margin-bottom:50px;
	}
.project p {
	margin:10px 0 10px 0;
}
p.final {
	margin:10px 0 10px 0;	
	#margin:0 0 0 0;
	_margin:0 0 3px 0;
	font-size:13px;
}
.project .title {
	font-size:19px;
	color:#137ACB;
	line-height:20px;
}
.projImg {
	float: left;
	width: 250px;
	padding:3px 0 0 0;
}
.projDes { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0;
} 
img#Website {
	position:relative;
	left:-13px;
}
hr.web {
	width:320px;
	position:relative;
	left:240px;
	display:none;
}


/*CONTACT US*/

.conHead {
	color:#333333;
}
.conTxt {
	margin:1px 0 15px 7px;
	line-height:17px;
	font-size:13px;
}
img.picCon {
	position:relative;
	top:5px;
	right:120px;
}
#contactR  {
	float:right;
	padding-right:30px;
	margin-top:20px;
	padding-left:20px;
	border-left: 1px solid #E4E4E4;
}
#contactR .conHead {
	font-size:13px;
}
#contactR .conTxt {
	margin:1px 0 15px 5px;
	font-size:12px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
}
input.con {
	width:240px;
	font-family:Arial, Helvetica, sans-serif;
}
textarea.con {
	width:290px;
	height:158px;
	font-family:Arial, Helvetica, sans-serif;
}



/*ESTIMATES*/

.formRow {
	font-size:13px;
	margin:20px 0 0 0;
}
.contact {
	margin:10px 0 0 0;
}
.formRow.name { /*SPAM TRAP*/
	display:none;
}
.req {
	font-size:10px;
	padding:0 0 0 2px;
	color:#48910C;
	font-family:Arial, Helvetica, sans-serif;
}
.formRowSub {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:3px 0 0 7px;
}
.formT {
	color:#333333;
}
.blue {
	color:#137ACB;
}
input.submit#btnSubmit {
	margin:10px 0 10px 0;
}
input, textarea {
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:13px;
	padding:3px;
}
textarea {
	overflow-y:auto;
}
input.submit {
	border:0;
	padding:0;
}
input#Use1, input#Use2, input#Use3, input#Use4, input#Use5, input#Use6, input#Use7, input#Use8, input#Use9, input#Use10 {
	border:none;
	#position:relative;
	#top:1px;
}
input#Add1, input#Add2, input#Add3, input#Add4, input#Add5, input#Add6, input#Add7, input#Add8, input#Add9, input#Add10 {
	border:none;
	#position:relative;
	#top:1px;
}
input#AF1, input#AF2, input#AF3, input#AF4, input#AF5, input#AF6, input#AF7, input#AF8, input#AF9, input#AF10, input#AF11 {
	border:none;
	#position:relative;
	#top:1px;
}
input.nob {
	border:none;
	#position:relative;
	#top:2px;
}
input#Add10, input#Use10, input#AF10 {
	margin-left:3px;
	border:1px solid #CCCCCC;
	font-size:12px;
	padding:3px;
}
select#Artwork, select#Copy, select#Deadline, select#Budget, textarea#Description {
	margin-top:2px;
}
textarea#Description {
	width:435px;
	height:100px;
}



/*NAVIGATION*/

#nav {
	margin:0;
	padding:0;
	width:640px;
	padding-left:213px;
	background:url(img/nav_left.jpg) no-repeat 0px 0px;
}
a#home, a#about, a#web, a#logo, a#print, a#contact {
	height:40px;
	border:0;
	margin:0px;
	padding:0px;
	display:inline-block;
}
	
a#home { width:86px; background:url(img/nav.gif) no-repeat 0px 0px; }
a#about { width:80px; background:url(img/nav.gif) no-repeat -86px 0px; }
a#web { width:121px; background:url(img/nav.gif) no-repeat -166px 0px; }
a#logo { width:127px; background:url(img/nav.gif) no-repeat -287px 0px; }
a#print { width:125px; background:url(img/nav.gif) no-repeat -414px 0px; }
a#contact { width:101px; background:url(img/nav.gif) no-repeat -539px 0px; }

a#home:hover { background-position:0px -40px; } 
a#about:hover { background-position:-86px -40px; }
a#web:hover { background-position:-166px -40px; }
a#logo:hover { background-position:-287px -40px; }
a#print:hover { background-position:-414px -40px; }
a#contact:hover { background-position:-539px -40px; }

.home a#home { background-position:0px -40px; cursor:default; } 
.about a#about { background-position:-86px -40px; cursor:default; }
.web a#web { background-position:-166px -40px; }
.logo a#logo { background-position:-287px -40px; }
.print a#print { background-position:-414px -40px; }
.cont a#contact { background-position:-539px -40px; cursor:default; }



/*TWEAK GUIDE*/

/*
IE 6 Tweak = _property:value; 
IE 7 Tweak = #property:value;
Firefox 2 Tweak = selector, x:-moz-any-link {
Firefox 3 Tweak = selector, x:-moz-any-link, x:default {
*/


/*NEW BLOG*/

#blog {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:40px;
	line-height:16px;
	padding-right:15px;
	margin-bottom:23px;
	#margin-bottom:26px;
	_margin-bottom:31px;
}
div.post {
	margin-top:15px;
	#margin-top:20px;
	border-top: 1px solid #E4E4E4;
	padding-top:14px;
}
div.post .date3 {
	font-size:9px;
	margin-bottom:3px;
	color:#5D5D5D;
}
div.post .title {
	font-size:20px;
	font-weight:normal;
	margin-top:2px;
	#margin-top:4px;
	margin-bottom:5px;
	color: #137ACB;
}
div.post .mess {
	position:relative;
	left:0px;
	width:auto;
}
img.blogpic {
	position:relative;
	top:2px;
	background:#333333;
	margin-bottom:6px;
	#margin-bottom:7px;
}
.postImg {
	float: left;
	width: 150px;
	padding:3px 0 0 0;
}
.postDes { 
	margin: 0 0 0 159px; 
	padding:0;
}
#blog .fpost {
	height:151px;
	#height:147px;
}