@charset "utf-8";
/* CSS Document */

/* CSS RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" ""; content:open-quote;}
a img {border:none;}

html {background:#fff url(images/htmlBG.jpg) repeat-x;height: 100%;}

html>body {
 min-height: 100%;
 height: auto;
}

body {
	margin:0;
	padding: 0;
	background:url(images/background.png) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

#sidebar p {padding: 0 12px;}
p {line-height:18px;}
a {color:#23477b}
img {
-ms-interpolation-mode:bicubic;
}

#container {
	margin:auto;
	width: 970px;
}

#logo {
	background:url(images/logo.png) no-repeat top left;
	padding: 10px;
	width: 100%;
	height: 120px;

}

#header, #header_home, #header_computer_repair, #header_sign_banners,#header_vehicle_graphics, #header_contact_us, #header_websites  {
	width: 100%;
	height: 264px;
	padding: 30px 0 0 30px;
	color:#FFF;
	font-size: 14px;
	line-height: 18px;
}

	#header_home				{background:url(images/header.jpg) top left no-repeat;}
	#header_websites			{background:url(images/header.jpg) top left no-repeat;}
	#header_sign_banners		{background:url(images/header_signs.jpg) top left no-repeat;}
	#header_vehicle_graphics	{background:url(images/header_vehicle.jpg) top left no-repeat;}
	#header_computer_repair		{background:url(images/header_computer.jpg) top left no-repeat;}
	#header_contact_us			{background:url(images/header.jpg) top left no-repeat;}

	span.h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:36px;
		line-height: 36px;
		font-weight: bold;
		letter-spacing: 5px;
		font-variant:small-caps;
		color:#FFF;
	}

	#header p, #header_home p, #header_computer_repair p, #header_sign_banners p,#header_vehicle_graphics p, #header_contact_us p, #header_websites p{
		margin: 20px 0;
	}
	#header ul, #header_home ul, #header_computer_repair ul, #header_sign_banners ul,#header_vehicle_graphics ul, #header_contact_us ul, #header_websites ul {
		margin:20px;}
	
/* ---- MENU/NAV ---- */
.menu {
display:inline;	
margin:0;

width:100%;
white-space: nowrap;


}
    
.menu ul {
float: left;
margin:0;
padding:0;
list-style:none;
}
    
.menu li {
display:block ;
margin-right:5px;
float:left;
padding: 0;
}
    
.menu a, .menu a:visited {
border: none;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size:14px;
float:left;
font-weight:bold;
padding:0 0 0 10px;
text-decoration:none;
font-weight:bold;
}

.menu a span, .menu a:visited span{
border: none;
float:left;
display:block;
padding:10px 20px 9px 10px;
font-weight:bold;
}
	
.menu a span {float:none;}
.menu a:hover span {color:#FFF;text-decoration:none;}
.menu a:hover, .menu ul li a.current{ background:url(images/menuleft.png) no-repeat left top;text-decoration:none;}
.menu a:hover span, .menu ul li a.current span {background:url(images/menuright.png) no-repeat right top; text-decoration:none;color:#FFF;padding:10px 20px 9px 10px;}

#middle {
	background:#999999 url(images/contentBG.jpg) no-repeat;
	padding:10px;
	height:100%;
}

	#content {
		position:relative;
		width: 611px;
		margin:20px;
		float: left;
	}
	
		#content_top {
			background:url(images/content_top.png) top no-repeat;
			width:100%;
			height:40px;
			padding:0;
			margin:0;
		}
		
		
		#content_bottom {
			background:url(images/content_bottom.png) bottom no-repeat;
			width:100%;
			height:40px;
			padding:0;
			margin:0;
		}
		
		#content_middle {
			background:url(images/content_middle.png) repeat-y;
			padding:0 40px;
			margin:0;
			width:531px;
		}
		
			#content_middle h1 {
				font-size:24px;
				margin-bottom: 10px;
			}
		
	#sidebar {
		float: left;
		width:285px;
		margin: 20px 0;
	}

		#sidebar h3 {
			background:url(images/sidebar_header.png) no-repeat;
			width: 285px;
			height: 50px;
			padding-left: 50px;
			color:#FFF;
			font-weight:bold;
			font-size: 16px;
			padding-top: 12px;
		}
		
#footer {
	width:40%;
	margin:20px;
}


	.address {
		float: left;
			margin-bottom:20px;
	}
	
	.numbers {
		text-align: right;
	}

.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;
}