/* CSS Document */

*{
	margin:0px;
	padding:0px;
	outline:none;
}

html{
	background:url(../images/html_bg.jpg);
}

body{
	background:url(../images/body_bg.jpg) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
}

p{
	line-height:17px;
}

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

#container{
	background:url(../images/wrap_bg.jpg) repeat-y;
	width:879px;
	margin:0px auto;
}

#masthead{
	background:url(../images/masthead.jpg) no-repeat;
	height:152px;
}

#flash{
	background:url(../images/flashbg.jpg) no-repeat;
	height:292px;
}

body#portfolio #flash{
	background:url(../images/flashbg_portfolio.jpg) no-repeat;
	height:292px;
}

body#pricing #flash{
	background:url(../images/flashbg_pricing.jpg) no-repeat;
	height:292px;
}

body#blog #flash{
	background:url(../images/flashbg_blog.jpg) no-repeat;
	height:292px;
}

body#contact #flash{
	background:url(../images/flashbg_contact.jpg) no-repeat;
	height:292px;
}

body#thankyou #flash{
	background:url(../images/flashbg_contact.jpg) no-repeat;
	height:292px;
}

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:879px; 
	height:52px; 
	margin:0;
	padding:0; 
	list-style-type:none;
	}

#nav span { display: none; }

#nav li, #nav a { height:52px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 97px;}
#nav-02 { width: 132px;}
#nav-03 { width: 100px;}
#nav-04 { width: 78px;}
#nav-05 { width: 114px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -0px -52px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -97px -52px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -229px -52px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg")  -329px -52px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -407px -52px no-repeat; }

/********** leftcol *********/

#leftcol{
	background:url(../images/leftcol_top.jpg) top no-repeat;
	width:253px;
	float:left;
	padding-top:223px;
	padding-bottom:50px;
}

#leftcol a:link, #leftcol a:visited{
	color:#4A2900;
	text-decoration:underline;
}

#leftcol a:active, #leftcol a:hover{
	text-decoration:none;
}

#contactlink{
	display:block;
	width:213px;
	height:50px;
	margin:0px 0px 0px 28px;
}	

#welike{
	background:url(../images/leftcol_welikd.jpg) no-repeat;
	width:213px;
	height:65px;
	margin:16px 0px 0px 28px;
	padding-top:65px;
}

#welike p{
	background-color:#FFF;
	color:#4A2900;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:16px;
	padding:10px 5px 10px 5px;
}

div#firefox-referal{
	width:160px;
	margin:10px auto 0px auto;
}

div#hostgator-referal{
	width:160px;
	margin:10px auto 10px auto;
}

div#hostgator-referal img{
	border:none;
}

#leftcol li{
	list-style-type:none;
}

#leftcol ul li ul li{
	margin-left:15px;
}

ul#blog-elements{
	margin-left:27px;
}

#archives{
	width:213px;
	height:48px;
	margin:30px 0px 20px 0px;
	background:url(../images/blog_archives.jpg) no-repeat;
}

#categories{
	width:213px;
	height:48px;
	margin:20px 0px 20px 0px;
	background:url(../images/blog_categories.jpg) no-repeat;
}

#rssfeed{
	display:block;
	widt:212px;
	height:73px;
	background:url(../images/blog_rss.jpg) no-repeat;
	margin:16px 0px 0px 27px;
}

#surfdropslink{
	display:block;
	margin:110px 0px 0px 30px;
}

#surfdropslink{
	border:none;
}

/******** rightcol **********/

body#index #rightcol{
	background:url(../images/index_contentbox.jpg) top no-repeat;
	width:626px;
	float:left;
	padding-bottom:25px;
}

body#portfolio #rightcol{
	background:url(../images/index_contentbox_portfolio.jpg) top no-repeat;
	width:626px;
	float:left;
	padding-bottom:25px;
}

body#pricing #rightcol{
	background:url(../images/index_contentbox_pricing.jpg) top no-repeat;
	width:626px;
	float:left;
	padding-bottom:25px;
}

body#blog #rightcol{
	background:url(../images/index_contentbox_blog.jpg) top no-repeat;
	width:626px;
	float:left;
	padding-bottom:25px;
}

body#contact #rightcol{
	background:url(../images/index_contentbox_contact.jpg) top no-repeat;
	width:626px;
	float:left;
	padding-bottom:25px;
}

body#thankyou #rightcol{
	background:url(../images/index_contentbox_thankyou.jpg) top no-repeat;
	width:626px;
	float:left;
	padding-bottom:25px;
}

#rightcol p#indexcontentbox{	
	color:#BEAA23;
	display:block;
	height:175px;
	margin:153px 72px 65px 44px;
	font-size:14px;
	line-height:18px;
}	

#rightcol a:link, #rightcol a:visited{
	color:#4A2900;
	text-decoration:underline;
}

#rightcol a:active, #rightcol a:hover{
	text-decoration:none;
}

#rightcol p{
	color:#4A2900;
	margin:10px 46px 0px 10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:19px;
}

body#blog #rightcol{
	padding-top:40px;
}

#rightcol form p{
	margin-left:0px;
}

body#blog #rightcol h2, body#blog #rightcol h3, #rightcol ol{
	margin-left:10px;
	margin-right:46px;
	color:#4A2900;
}

body#blog #rightcol h3{
	color:#BEAA23;
	margin-top:15px;
}

#rightcol div.post h2 a, #rightcol div.post h3 a{
	color:#BEAA23;
}

#rightcol ol{
	margin-top:10px;
}
	
	#rightcol ol li{
		list-style-type:none;
	}
	
small{
	display:block;
	color:#4A2900;
	font-size:11px;
	margin:5px 10px 0px 10px;
	border-bottom:2px solid #4A2900;
}

div.post{
	margin-bottom:20px;
	background-color:#FFF;
	padding:15px 5px 5px 5px;
	width:575px;
	margin-left:10px;
}

div.alignleft, div.alignright{
	margin:0px 0px 10px 10px;
}

code{
	color:#FF0000;
}

#work-thumb{
	background:url(../images/thumb_sujan.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 10px 10px 8px;
}

a.thumblink{
		display:block;
		width:191px;
		height:272px;
		border:none;
}

#thumb-sujan{
	background:url(../images/thumb_sujan.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 8px 10px 8px;
}	

#thumb-amy{
	background:url(../images/thumb_amyshah.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 10px 10px 0px;
}	

#thumb-hotelscheap{
	background:url(../images/thumb_hotelscheap.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 406px;
}

#thumb-codepink{
	background:url(../images/thumb_codepink.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 8px 10px 8px;
	float:left;
}	

#thumb-mytravelweb{
	background:url(../images/thumb_mytravelweb.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 8px 10px 0px;
	float:left;
}

#thumb-fineescapes{
	background:url(../images/thumb_fineescapes.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:20px 10px 10px 406px;
}

#thumb-destinationsblog{
	background:url(../images/thumb_destinationsblog.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 8px 10px 8px;
}

#thumb-celeb{
	background:url(../images/thumb_celeb.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 8px 10px 0px;
	float:left;
}

#thumb-cell{
	background:url(../images/thumb_cell.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:20px 10px 10px 406px;
}

#thumb-ufcresults{
	background:url(../images/thumb_cell.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 0px;
	float:left;
}

#thumb-luxe{
	background:url(../images/thumb_luxe.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 406px;
}	

#thumb-surfdropscurrent{
	background:url(../images/thumb_surfdropscurrent.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 8px;
}

#thumb-babybag{
	background:url(../images/thumb_babybag.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 8px;
	float:left;
}

#thumb-singlegrain{
	background:url(../images/thumb_singlegrain.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 206px;
}	

#thumb-optfirst{
	background:url(../images/thumb_optfirst.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 8px;
}	

#thumb-superswim{
	background:url(../images/thumb_superswim.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 406px;
}	

#thumb-surfdrops{
	background:url(../images/thumb_surfdrops.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 8px;
}

#thumb-playersclub{
	background:url(../images/thumb_playersclub.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 8px 10px 8px;
}

#thumb-fusion{
	background:url(../images/thumb_fusion.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 8px 10px 8px;
}

#thumb-ringtonesfactory{
	background:url(../images/thumb_ringtonesfactory.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 8px 10px 206px;
}

#thumb-firmlogo{
	background:url(../images/thumb_firmlogo.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 8px 10px 8px;
}	

#thumb-firmidentity{
	background:url(../images/thumb_firmidentity.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 10px 10px 0px;
}	

#thumb-firmshirt{
	background:url(../images/thumb_firmshirt.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 406px;
}

#thumb-firmlogo{
	background:url(../images/thumb_firmlogo.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 8px 10px 8px;
}	

#thumb-firmidentity{
	background:url(../images/thumb_firmidentity.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 10px 10px 0px;
}	

#thumb-firmshirt{
	background:url(../images/thumb_firmshirt.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:10px 10px 10px 406px;
}

#thumb-woodleaf{
	background:url(../images/thumb_woodleaf.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 8px 10px 8px;
}	

#thumb-flood{
	background:url(../images/thumb_flood.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 10px 10px 0px;
}	

#thumb-semiperm{
	background:url(../images/thumb_semiperm.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:20px 10px 10px 406px;
}

#thumb-centara{
	background:url(../images/thumb_centara.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 8px 10px 8px;
}	

#thumb-fntsticker{
	background:url(../images/thumb_fntsticker.jpg) no-repeat;
	width:191px;
	height:272px;
	float:left;
	margin:10px 10px 10px 0px;
}	

#thumb-vitalitycheck{
	background:url(../images/thumb_vitalitycheck.jpg) no-repeat;
	width:191px;
	height:272px;
	margin:20px 10px 10px 406px;
}

/****** index subheads ********/

#subhead-1{
	background:url(../images/subhead-1.jpg) no-repeat;
	width:288px;
	height:31px;
	margin:89px 0px 0px 211px;
}

#subhead-2{
	background:url(../images/subhead-2.jpg) no-repeat;
	width:295px;
	height:31px;
	margin:20px 0px 0px 10px;
}

#subhead-3{
	background:url(../images/subhead-3.jpg) no-repeat;
	width:277px;
	height:31px;
	margin:20px 0px 0px 10px;
}

#subhead-4{
	background:url(../images/subhead-4.jpg) no-repeat;
	width:481px;
	height:31px;
	margin:20px 0px 0px 10px;
}

/******* portfolio subheads ********/

#subhead-5{
	background:url(../images/subhead-5.jpg) no-repeat;
	width:481px;
	height:31px;
	margin:69px 0px 0px 10px;
}

#subhead-6{
	background:url(../images/subhead-6.jpg) no-repeat;
	width:481px;
	height:31px;
	margin:20px 0px 0px 10px;
}

#subhead-7{
	background:url(../images/subhead-7.jpg) no-repeat;
	width:274px;
	height:31px;
	margin:20px 0px 0px 10px;
}

#subhead-8{
	background:url(../images/subhead-8.jpg) no-repeat;
	width:346px;
	height:31px;
	margin:20px 0px 0px 10px;
}

#subhead-9{
	background:url(../images/subhead-9.jpg) no-repeat;
	width:279px;
	height:31px;
	margin:20px 0px 0px 10px;
}

#subhead-offline{
	background:url(../images/subhead-offline.jpg) no-repeat;
	width:279px;
	height:31px;
	margin:20px 0px 0px 10px;
}

#subhead-drupal{
	background:url(../images/subhead-drupal.jpg) no-repeat;
	width:279px;
	height:31px;
	margin:20px 0px 0px 10px;
}

/******** pricing ***********/

#subhead-10{
	background:url(../images/subhead-10.jpg) no-repeat;
	width:481px;
	height:31px;
	margin:69px 0px 0px 10px;
}

#pricing-subhead-1{
	background:url(../images/pricing_blogs.jpg) no-repeat;
	width:65px;
	height:22px;
	margin:20px 0px 0px 10px;
}

#pricing-subhead-2{
	background:url(../images/pricing_blogimplementation.jpg) no-repeat;
	width:237px;
	height:22px;
	margin:20px 0px 0px 10px;
}

#pricing-subhead-3{
	background:url(../images/pricing_staticsites.jpg) no-repeat;
	width:135px;
	height:22px;
	margin:20px 0px 0px 10px;
}

#pricing-subhead-4{
	background:url(../images/pricing_wordpress.jpg) no-repeat;
	width:224px;
	height:22px;
	margin:20px 0px 0px 10px;
}

#pricing-subhead-5{
	background:url(../images/pricing_printsolutions.jpg) no-repeat;
	width:179rpx;
	height:22px;
	margin:20px 0px 0px 10px;
}

#pricing-subhead-6{
	background:url(../images/pricing_maintenence.jpg) no-repeat;
	width:308px;
	height:22px;
	margin:20px 0px 0px 10px;
}

/******* contact ********/

#subhead-11{
	background:url(../images/subhead-11.jpg) no-repeat;
	width:489px;
	height:34px;
	margin:69px 0px 0px 10px;
}

#rightcol form{
	margin:20px 0px 0px 10px;
}	

#rightcol fieldset{
	width:300px;
	border:none;
}

#rightcol input, #rightcol textarea{
	margin-top:10px;
	width:280px;
	color:#BEAA23;
	padding:3px;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	background-color:#4A2900;
	border:3px solid #BEAA23;
}

	input#Submit{
		width:70px;
	}

/******** clear *********/

#clear{
	height:1px;
	clear:both;
}

/********** footer ***********/

#footer{
	background:url(../images/footer.jpg) no-repeat;
	padding:25px 0px 15px 0px;
}

#footer p{
	color:#BEAA32;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:center;
}

#footer a:link, #footer a:visited{
	color:#BEAA23;
	text-decoration:underline;
}

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

/******* sociable ********/

div.sociable{
	margin:10px;
}

div.sociable li{
	float:left;
	border:none;
	list-style-type:none;
	margin-right:5px;
	margin-bottom:10px;
}

	div.sociable li img{
		border:none;
	}
	
p.postmetadata{
	clear:left;	
}