/*----------------------------------

      # jrgraphix.com
      # JR Graphix, LLC
	  # (c) Joel Rodriguez & JR Graphix, LLC
	
----------------------------------*/
/*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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
} http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */

html>body{
	margin: 0;
	padding: 0;
	height:100%;
	font:.8em "Lucida Grande", "Tahoma", "Verdana", sans-serif;
	background:#fff url(/images/page_back.png) repeat-x;
}
div#container{margin:0 auto;}
div#header{
	/*margin: 6px 0 6px 0;*/
	height: 100px;
	background: #fff url(/images/logo_tile.gif) repeat-x;
	border-top: solid 6px #410000;
}
div#header_cont{
	margin:0 auto;
	width:850px;
}
div#logo {
	float: left;
	margin: 3px 0 0 32px;
	height: 94px;
	width: 169px;
	border:none;
	/*background: url(/images/logo.gif) no-repeat;*/
}

div#logo h1{display: none;}
div#top_navigation{
	float: right;
	margin: 5px 30px 0 0;
	text-align:right;
	width:400px;
	color: #410000;
	}
div#navigation{
	float: right;
	margin: 40px 30px 0 0;
}
div#navigation ul, div#navigation li{margin: 0;padding: 0;display: inline;}
div#navigation a{
	display: block;
	float: left;
	margin: 0 0 0 4px;
	height: 26px;
	width: 90px;
	text-align: center;
	line-height: 1.9em;
	color: #410000;
	font-size: 1em;
	font-weight: bold;
	background: #E8E9EA;
	border: solid 2px #CFCFCF;
	text-decoration:none;
}
div#navigation .nav_home{}
div#navigation .nav_about{}
div#navigation .nav_portfolio{}
div#navigation .nav_services{}
div#navigation .nav_contact{}

div#banner{
	height: 290px;
	background: #fff url(/images/new_back.png) repeat-x top center;
}
div#banner #home_info{
	position: relative; 
	margin: 0 auto;
	height: 280px;
	width:786px;
	color:#fff;
}

div#banner #home_info #col1{
	font:14px "Helvetica Neue",Arial,Helvetica,sans-serif;
	float:left;
	width:300px;
	bottom:0px;
}
div#banner #home_info #col1 p {
	line-height:1.3em;
	}
	
div#banner #home_info #col1 h2{
	font:28px candara,verdana,arial,sans-serif;
	margin:15px 5px 0 0;
	color:#fff;
}

div#banner #home_info #col2{
	position:absolute;
	padding:10px 0 0 10px;
	z-index:1;
	right:0px;
}
#bar{
	position:absolute;
	background:url(/images/bar.png) no-repeat;
	width:350px;
	height:52px;
	color:#000;
	overflow: hidden;
	display: block;
	z-index:0;
}
div#banner #home_info #col1 #bar p {
	width:320px;
	font:12px "Helvetica Neue",Arial,Helvetica,sans-serif;
	line-height:1em;
	margin:10px 0 0 0;
	}
#bar a#start_now {
	float: right;
	background: url(/images/start_now.png) no-repeat left top;
	width: 151px;
	height: 35px;
	text-indent: 999em;
	overflow: hidden;
	text-decoration: none;
	padding-top: 35px;
	margin: -0.5em 0 0 1em;
}
#bar a#start_now {
	float: left; 
	margin: 0 10px 0 10px;
	}
#photodiv{
	  background-repeat: no-repeat;
    }

div#b_shadow{
	height:22px;
	background: url(/images/b_shadow.png) no-repeat top center;
}
div#wrapper{
	height:200px;
	background:#fff;
}
div#content{
	position:relative;
	margin: 0 auto;
	width:730px;
	line-height:1em;
	}
	div#content p {
		font:12px "Lucida Grande","Helvetica",Arial,Helvetica,serif;
		margin:0 20px 0 20px;
		line-height:1.3em;
		color:#666666;
		}
		div#content a{
			color:#990000;
			}
div#col3{
	float: left;
	width: 210px;
	margin: 0 50px 20px 0;
}
	div#col3 h1 {
		text-indent: -9999em;
		overflow: hidden;
		background: url(/images/web_design.png) no-repeat;
		height: 73px;
		width: 203px;
		top:0;
		margin:0;
		padding:0;
		}
div#col4{
	float: left;
	margin: 0 50px 0 0;
	width: 210px;
}
	div#col4 h1 {
		text-indent: -9999em;
		overflow: hidden;
		background: url(/images/print_design.png) no-repeat;
		height: 73px;
		width: 203px;
		top:0;
		margin:0;
		padding:0;
		}
div#col5{
	float: left;
	width: 210px;
}
	div#col5 h1 {
		text-indent: -9999em;
		overflow: hidden;
		background: url(/images/video_editing.png) no-repeat;
		height: 73px;
		width: 203px;
		top:0;
		margin:0;
		padding:0;
		}

div#mid_back{
	margin:0 auto;
	position:relative;
}
div#a_content {
	line-height:1.5em;
	width:786px;
	margin:0 auto;
	text-align:center;
	padding-top:8px;
}

	div#a_content #left_box{
		width:550px;
		float:left;
		border:0px solid red;
	}
	div#a_content #right_box{
		width:220px;
		border:0px solid red;
		float:left;
	}

div#wdesc{
	width:650px; 
	background:#eee; 
	padding:10px 10px 5px 10px;
	margin: 0 auto;
	border-bottom:1px solid #ccc; 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc;
}

.wd_links{
	text-align:right;
}

.commentbox {
float:left;
width: 230px;
margin-left: 10px;
padding: 5px;
text-align:left;
}
 
.commentbox1{
float: left;
width: 200px;
padding: 10px;
text-align:left;
}

.commentbox ul{
		/* t b r l*/
		padding: 0 0 0 5px; margin: 0px;
		list-style: none;
	}
	.commentbox li {
		display: block;
	}

/*print section*/
#print-design-left h2{
	margin-left:15px;
	}
#print-design-right h2{
	margin-left:15px;
	}
#print-design-left{
	float:left;
	width:380px;
	text-align:center;
	}
	#print-design-left ul{
		padding: 0 0 0 0; margin: 0px;
		list-style:none;
	}
	#print-design-left li{
		display:block;
		padding: 0 0 20px 0;
	}

#print-design-right{
	float:left;
	width:380px;
}
	#print-design-right ul{
		padding: 0 0 0 0; margin: 0px;
		list-style:none;
	}
	#print-design-right li{
		display:block;
		padding: 0 0 20px 0;
	}
/*-------*/	
div#footer{
	clear: both;
	border-top: solid 14px #410000;
	line-height: 2em;
	height:100px;
}
div#footer_cont{
	margin: 0 auto;
	width:786px;
}
div#footer_left{
	float: left;
	margin: 0 0 0 0;
}
div#footer_right{
	float: right;
	font-size: .9em;
}
div#footer_right ul, div#footer_right li{margin: 0;padding: 0;display: inline;}
div#footer_right a{
	margin-left: 15px;
	color: #A80000;
}

/* Tag Cloud in CSS */

div#cloud {padding:20px; line-height:30px;text-align:justify;}
div#cloud a {text-decoration:none;padding:0px;}

div#cloud a.tag1{
 font-size:12px;
}
div#cloud a.tag2, div#cloud a.tag3 {
 font-size:13px;
 font-weight:200;
}

a.tag4 ,a.tag5, a.tag6 {
 font-size:16px;
 font-weight:300;
}

a.tag7, .tag8, a.tag9 {
 font-size:20px;
 font-weight:300;
}

a.tag10, a.tag11, a.tag12 {
 font-size:24px;
 font-weight:300;
}

a.tag13, a.tag14, a.tag15 {
 font-size:28px;
 font-weight:400;
}

a.tag16, a.tag17, a.tag18 {
 font-size:30px;
 font-weight:400;
}

a.tag19, a.tag20, a.tag21 {
 font-size:30px;
 font-weight:500;
}

a.tag22, a.tag23, a.tag24 {
 font-size:30px;
 font-weight:500;
}

a.tag25, a.tag26, a.tag27 {
 font-size:30px;
 font-weight:900;
}

a.tag28, a.tag29, a.tag30 {
 font-size:30px;
 font-weight:900;
}
/* End Tag Cloud CSS */

.hide{display:none;}

.c{clear:both;}

a{color:#990000;}

p {text-align:left;}

h2, h3 {color:#990000; text-align:left;}

img {border:none;}

table{margin: 0;padding: 0;	border: 0;}

#links_content {
	display:none;
	}