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

/* ------------------------ type selectors ------------------------ */
html {
background: #7aaae7 url("img/html.jpg") top center repeat-x;
}

body { 
background:transparent url("img/body.jpg") top left no-repeat;
text-align:center; 
font:13px/21px Arial, Helvetica, sans-serif; 
color:#000;
}

body#ie6{
	background:#FFF;
}

body#ie6 #wrap{
	padding-top:10px;
}

body#ie6 #ie6-graphic-switch{
	background:url(http://www.lightpostcreative.com/IE6/ie6.jpg) no-repeat;
	width:881px;
	height:460px;
}

body#ie6 #ff{
	display:block;
	width:120px;
	height:120px;
	position:relative;
	left:25px;
	top:232px;
}

body#ie6 #opera{
	display:block;
	width:120px;
	height:120px;
	position:relative;
	left:155px;
	top:112px;
}

body#ie6 #ie7{
	display:block;
	width:120px;
	height:120px;
	position:relative;
	left:285px;
	top:-8px;
}

#ie6-graphic-switch{
	position:absolute;
	left:-99999px;
}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

h2.post_title {
padding:10px 0 3px;
font-size:1.1em;
}

a:link,a:visited	{ color:#e29a00; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#e29a00; text-decoration:underline; outline:none; }

small {
font-size:.65em;
}

/* ------------------------ classes ------------------------ */
.clear	{ 
clear:both;
}

div.clear	{ 
height:.01em; 
overflow:hidden; 
}

div.service {
width:266px;
margin:auto;
text-align:left;
float:left;
}

div.left {
margin-left:15px;	
}

div.center {
margin:0 20px;	
}

img.img-left { 
float:left; 
margin:2px 10px 10px 0px;
}

img.img-right { 
float:right; 
margin:5px 0px 10px 10px; 
}

.post li {
padding-left:15px;
background:url("img/content_bullet.jpg") 0 6px no-repeat;
}

/* ------------------------ form elements ------------------------ */

form label	{ font-size:.95em; } 

form br { line-height:0; height:0; }

input, textarea, select { 
background:url("img/input.jpg") 0 0 no-repeat;
border:0;
color:#000;
width:244px;
height:28px;
vertical-align: middle;
margin-bottom:10px;
padding:5px 0 0 4px;
font-family:Arial, Helvetica, sans-serif; 
font-size:1em;
font-weight:bold;
}

#sidebar input, #sidebar select {
background:#fff;
height:18px;
border:1px solid black;
font-size:1em;
font-weight:normal;
padding:0;
}

#sidebar input {
width:200px;
}

#sidebar input[type="submit"] {
width:100px;
}

textarea { height:117px; overflow:auto; background:url("img/input_comments.jpg") 0 0 no-repeat; }
#spam { display: none; }

/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
width:244px;
height:33px;
cursor:pointer;
margin-bottom:0;
padding:0 0 0 4px;
text-align:left;
}
/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

#logo {
width:341px;
height:112px;
background:url("img/logo.png") no-repeat;
float:left;
}

#logo a {
display:block;
height:100px;
}

#grass {
width:100%;
background:transparent url("img/grass.jpg") bottom center repeat-x;
}

#lightpost {
width:100%;
padding-bottom:300px;
background:transparent url("img/lightpost.jpg") bottom center no-repeat;
}

#index #lightpost {
padding-bottom:200px;
}

#lightpost>#shadows {
width:100%;
background:transparent url("img/shadow.png") top center no-repeat;
}

#wrap {
width:908px;
margin:0 auto;
text-align:left;
}

#column_wrap {
background:url("img/wrap.jpg") 0 0 repeat-y;
}

#nav { 
background:url("img/nav.jpg") no-repeat; 
width:559px; 
height:112px;
float:left;
}

#nav span { display: none; }
#nav li, #nav a { height:30px; display:block; }
#nav li { float:left; list-style:none; display:inline; position:relative; margin:39px 27px 0 0; }

li#nav1 { 
width: 52px; 
margin:39px 26px 0 22px;}	#nav1 a:hover { background:url("img/nav.jpg") -22px -151px no-repeat; }
#nav2 { width: 53px; }	#nav2 a:hover { background:url("img/nav.jpg") -100px -151px no-repeat; }
#nav3 { width: 78px; }	#nav3 a:hover { background:url("img/nav.jpg") -180px -151px no-repeat; }
#nav4 { width: 79px; }	#nav4 a:hover { background:url("img/nav.jpg") -285px -151px no-repeat; }
#nav5 { width: 40px; }	#nav5 a:hover { background:url("img/nav.jpg") -391px -151px no-repeat; }
#nav6 { width: 70px; }	#nav6 a:hover { background:url("img/nav.jpg") -458px -151px no-repeat; }


#slideshow { width:900px; height:231px; float:left; }
#index #slideshow { background:none; }

#clients {
height:68px;
background:url("img/clients.jpg") 0 0 no-repeat;
}

#services {
width:908px;
background:url("img/services_bg.jpg") 0 0 repeat-y;
}

#services_top {
height:15px;
background:transparent url("img/services_top.jpg") 0 0 no-repeat;
}

#services_btm {
height:17px;
width:908px;
background:url("img/services_btm.jpg") 0 0 no-repeat;
}

#services h2 {
font-size:24px;
color:#e29a00;
margin-bottom:15px;
}

#wpcontent {
margin:15px 0 0 15px;
}

#wpcontent a { color:#fff; }

#wpcontent dl {
width:441px;
float:left;
}

#wpcontent dt {
font-size:1.75em;
font-weight:bold;
color:#fff;
margin-bottom:8px;
margin-right:20px;
padding-bottom:10px;
border-bottom:1px dotted #FFF;
}

#wpcontent dd {
color:#fff;
padding-left:15px;
font-size:15px;
margin:3px 0 3px;
background:url("img/day_bullet.jpg") 0 6px no-repeat;
}

#bottom-wrap {
background:url("img/bottom-wrap.jpg");
width:100%;
height:20px;
clear:both; /* important */
}

/* ------------------------footer framework ------------------------ */

#dirt {
width:100%;
background:#6c592c url("img/dirt.jpg") top center repeat-x;
}

#footer {
width:908px;
margin:0 auto;
text-align:left;
}

#footer_top {
background:url("img/footer_content_top.jpg") 0 0 no-repeat;
}

#footer #form {
float:left;
width:304px;
display:inline;
}

#footer #form input{
	border:none !important;
}

#footer #about_us {
width:465px;
float:left;
display:inline;
margin-left:10px;
}

#footer h2, #footer dl {
margin-left:30px;
}

#footer dl {
float:left;
display:inline;
}

#footer h2, #footer h3 {
color:#fff;
font-size:1.5em;
height:25px;
padding-top:47px;
}

#footer p {
color:#fff;
margin:0;
padding:0;
}

#footer_btm {
height:135px;
background:url("img/footer_content_btm.jpg") 0 0 no-repeat;
margin:0;
padding:0;
}


/* -- Social Buttons --*/

#social {
	background:url("img/social_btns.jpg") 0 0 no-repeat;					
	width:113px;
	height:202px;
	float:left;
	margin:47px 0px 0px 0px;
	padding:0;
	display:inline;
	}

#social li span { display: none; }

#social li { float:left; list-style:none; position:relative; }

#social li, #social a { 
	height:34px;	/* Each button must have the same height, define it here */
	display:block;
	margin:0;
	padding:0;
	}

li#linked-in, li#twitter, li#facebook, li#digg, li#stumble { margin-bottom:8px; width:113px; }
li#stumble { margin:0; }

#linked-in a:hover { background:url("img/social_btns.jpg") -113px  -0px no-repeat; }
#twitter a:hover { background:url("img/social_btns.jpg") -113px  -42px no-repeat; }
#facebook a:hover { background:url("img/social_btns.jpg") -113px  -84px no-repeat; }
#digg a:hover { background:url("img/social_btns.jpg") -113px  -126px no-repeat; }
#stumble a:hover { background:url("img/social_btns.jpg") -113px -168px no-repeat; }

img, div, a, input { behavior: url("iepngfix.htc") }


/* INSIDE STYLES */

#wrap_top {
height:10px;
background:url("img/wrap_top.png") no-repeat;
}

#left_col {
width:610px;
float:left;
margin:0;
display:inline;
}

#left_col p, #left_col h3, #left_col ul, #left_col dl, #left_col img{
margin:0 10px 10px 15px;
}

#left_col img.case{
	margin:10px 0px 10px -4px;
}

#left_col img.request-contact-btn{
	margin:10px 0px 10px 10px;
	display:block;
}

#left_col img.contact-btn{
	float:left;
	margin-left:0px;
	display:block;
}

#left_col h1{
	background:url(img/leftcol-h1-bg.jpg) no-repeat;
	margin:0px 0px 10px 10px;
	width:580px;
	height:41px;
	padding:18px 8px 0px 8px;
	font-size:18px;
	color:#FFF;
}

#left_col h1.no-margin-h1{
	padding-top:7px;
	height:54px;
}

#left_col .entry h1{
	margin:0px 0px 10px 0px !important;
}

body#portfolio #left_col h1{
	background:url(img/leftcol-h1-bg.jpg) no-repeat;
	margin:0px 0px 0px 10px !important;
	width:580px;
	height:59px;
	padding:8px;
	font-size:18px;
	color:#FFF;
}

#left_col h2{
	color:#E29A00;
	font-size:17px;
	line-height:20px;
	border-bottom:1px dotted #E29A00;
	margin:20px 15px 10px 15px;
	padding-bottom:8px;
}

#back-to-top{
	background:url(img/back-to-top.jpg) no-repeat;
	display:block;
	width:87px;
	height:31px;
	margin-top:10px;
}

#sidebar {
width:290px;
float:left;
margin:0;
display:inline;
}

#sidebar ul{
	padding:5px 13px 10px 3px;
}

	#sidebar li{
		border-bottom:1px dotted #000;
		padding:5px 0px 5px 0px;
	}

#sidebar a { color:#E29A00; font-size:1em; }

#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar ul, #sidebar dl, #sidebar img {
margin:0 10px 10px 10px;
color:#fff;
}

#sidebar h3 {
font-size:2em;
border-bottom:1px dotted #fff;
padding-bottom:5px;
width:220px;
}

#from-blog{
	background:url(img/from-blog.jpg) no-repeat;
	width:281px;
	height:47px;
	margin:10px 0px 0px 0px;
}

#quick-links-bg{
	background:url(img/quick-nav.jpg) no-repeat;
	width:281px;
	height:51px;
}

#free-quote{
	display:block;
	background:url(img/free-quote.jpg) no-repeat;
	width:281px;
	height:79px;
}

#inside_bottom_wrap {
height:29px;
background:url("img/inside_bottom_wrap.png") no-repeat;
}

/* SUBHEADS */

#sub_lc {
height:57px;
margin-bottom:10px;
background:url("img/subhead_lc.jpg") 0 0 no-repeat;
}

#sub_lc h1 {
display:none;
}

#sub_design, #sub_seo, #sub_wordpress, #sub_drupal, #sub_xhtml, #sub_ecommerce {
height:68px;
margin-top:30px;
}

#sub_design {
margin-top:5px;
}

#sub_design h2, #sub_seo h2, #sub_wordpress h2, #sub_drupal h2, #sub_xhtml h2, #sub_ecommerce h2 {
display:none;
}

#sub_design { background:url("img/sub_design.jpg") no-repeat; }
#sub_seo { background:url("img/sub_seo.jpg") no-repeat; }
#sub_wordpress { background:url("img/sub_wp.jpg") no-repeat; }
#sub_drupal { background:url("img/sub_drupal.jpg") no-repeat; }
#sub_xhtml { background:url("img/sub_xhtml.jpg") no-repeat; }
#sub_ecommerce { background:url("img/sub_commerce.jpg") no-repeat; }


/******** Portfolio ***********/

.alternate-gray{
	background:#000000;
}

.portfolio-item-first{
	width:300px;
	float:left;
	margin-top:30px;
}

.portfolio-item{
	width:300px;
	float:left;
	margin-top:20px;
}

.portfolio-item-first img{
	display:block;
	float:left;
	margin-left:10px !important;
}

.portfolio-item img{
	display:block;
	float:left;
	margin-left:10px !important;
}

.portfolio-item-first h2{
	margin-top:0px !important;
	margin-bottom:0px !important;
	font-size:13px !important;
	line-height:16px !important;
	color:#000 !important;
	border:none !important;
	padding:0px !important;
}

.portfolio-item h2{
	margin-top:0px !important;
	margin-bottom:0px !important;
	font-size:13px !important;
	line-height:16px !important;
	color:#000 !important;
	border:none !important;
	padding:0px !important;
}

.portfolio-item-first p{
	font-size:11px;
	margin-bottom:0px !important;
	line-height:14px;
}

.portfolio-item p{
	font-size:11px;
	margin-bottom:0px !important;
	line-height:14px;
}

.read-more-link{
	display:block;
	background:url(img/read-more.jpg) no-repeat;
	width:106px;
	height:38px;
}

.read-more-link span{
	display:none;
}

/***** blog styles *******/

#left_col .post h2{
	border-bottom:none;
	margin:3px 0px 0px 75px;
	padding-top:5px;
}

#left_col .post .entry h2{
	border-bottom:none;
	margin:3px 0px 10px 0px;
	border-bottom:1px dotted #E29A00;
}

#left_col .entry h3{
	margin-left:5px;
	margin-right:0px;
	margin-bottom:5px;
}	

#left_col .entry ul, #left_col .entry ol{
	margin-left:0px;
}

#left_col .post h1.single-post{
	width:450px;
	border-bottom:none;
	margin:3px 0px 0px 65px;
	padding-top:5px;
	background:none;
}

div.post-heading{
	background:url(img/blog-post-heading.jpg) no-repeat;
	height:57px;
	width:590px;
	margin-left:10px;
	margin-bottom:15px;
}

.entry{
	border-bottom:1px dotted #E29A00;
	margin:0px 15px 10px 10px;
}

.single-page-entry .entry{
	border-bottom:none;
	margin:0px 15px 10px 10px;
}

#left_col .entry p{
	margin-left:5px;
	margin-right:0px;
}

#left_col .post p.dateandtime{
	float:left;
	text-align:center;
	color:#E29A00;
	width:57px;
	margin:6px 0px 0px 5px;
	line-height:18px;
}

span.date-heading{
	font-size:11px;
	font-weight:bold;
}	

span.time-heading{
	font-size:18px;
}

#rss{
	background:url(img/rss.jpg) no-repeat;
	display:block;
	width:280px;
	height:52px;
	margin:10px 0px;
}

#searchform{
	margin:10px 0px;
	padding-top:10px;
}

#searchform input, #request-form input{
	width:200px;
	height:20px;
	padding-top:6px;
	border:1px solid #E29A00;
	background:none;
}

#searchform input#searchsubmit, #request-form input#Submit{
	width:72px;
	border:none;
	font-size:18px;
	font-weight:normal;
	cursor:pointer;
	padding-top:0px;
	background:none;
}

#request-form select, #request-form textarea{
	width:200px;
	height:20px;
	padding-top:6px;
	border:1px solid #E29A00;
	background:none;
}

#category-subhead{
	background:url(img/categories-subhead.jpg) no-repeat;
	height:44px;
	width:288px;
}

#archive-subhead{
	background:url(img/archives-subhead.jpg) no-repeat;
	height:44px;
	width:288px;
}

#twitter-subhead{
	background:url(img/tweet-subhead.jpg) no-repeat;
	width:288px;
	height:44px;
}	

#twitter-feed li {
	color:#000;
}

#left_col #no-searches #searchform{
	margin-left:10px;
}

#left_col #blog img{
 border:1px solid #666;
 margin:10px auto;
 display:block;
}

#left_col #blog img.tut-image{
}	

div.tut-image{
	width:588px;
	background:#CCC;
	border:1px solid #666;
}

#left_col div.dp-highlighter ol li{
	background:none;
	list-style-image:none;
	list-style-type:none;
}

div.share-with-everyone{
	background:url(img/share-with-everyone.jpg) no-repeat;
	width:190px;
	height:37px;
}

#left_col #blog div.sociable img{
	display:inline;
}

/*** comments ***/

.author{
	background:#E29A00 url(img/comments-top.jpg) no-repeat;
	color:#FFF;
}

	.author div.author-bottom{
		background:url(img/comments-bottom.jpg) no-repeat;
		height:16px;
	}

#left_col .author a:link, #left_col .author a:visited{
	color:#000;
	text-decoration:none;
}

#left_col .author a:active, #left_col .author a:hover{
	color:#000;
	text-decoration:none;
}

div.comment-details p{
	font-size:11px;
	line-height:14px;
}	

#left_col ol.commentlist{
	width:580px;
	margin-left:10px;
}

#left_col ol.commentlist li{
	margin-bottom:20px;
}

#left_col ol.commentlist li.author{
	padding-top:16px;
}

div.comment-details{
	width:100px;
	float:left;
}

div.comment-text{
	width:450px;
	float:left;
}

ol.commentlist p.commentmetadata{
	border-top:1px dotted #000;
	padding-top:8px;
}

#commentform{
	padding-top:20px;
}

#commentform input{
	width:200px;
	height:20px;
	padding-top:6px;
	border:1px solid #E29A00;
	background:none;
}

#commentform input#submit{
	width:200px;
	border:none;
	font-size:18px;
	font-weight:normal;
	cursor:pointer;
	padding-top:0px;
	background:none;
	text-align:left;
}

#commentform select, #commentform textarea{
	width:400px;
	padding-top:6px;
	border:1px solid #E29A00;
	background:none;
}

#commentform select{
	width:206px;
	height:30px;
}	

#commentform textarea{
	height:200px;
}

/*** request a quote form ***/

#thankyou-image{
	display:block;
	margin-left:10px;
}

#request-form{
	padding-top:20px;
}

#request-form input{
	width:200px;
	height:20px;
	padding-top:6px;
	border:1px solid #E29A00;
	background:none;
}

#request-form input#Submit{
	width:72px;
	border:none;
	font-size:18px;
	font-weight:normal;
	cursor:pointer;
	padding-top:0px;
	background:none;
	text-align:left;
}

#request-form select, #request-form textarea{
	width:200px;
	padding-top:6px;
	border:1px solid #E29A00;
	background:none;
}

#request-form select{
	width:206px;
	height:30px;
}	

#request-form textarea{
	height:200px;
}

#request-form option{
	background-color:#000 !important;
	color:#FFF;
}

#request-form option:hover{
	background-color:#EA29A00 !important;
	color:#FFF;
}

#contact-phone{
	margin-bottom:5px;
}

#contact_prodcut{
	margin-top:15px;
}

#request-form label{
	padding-top:5px;
}