/* 
Theme Name: Virtual Guard Station
Theme URL: http://www.virtualguardstation.com/
Description: Custom WordPress theme created for VirtualGuardStation.com
Author: Stephen Ward
Author URI: http://www.boldinteractive.com/
Version: 1.0
*/

/* Reset */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* End reset */




/* Begin Core Styles */
body {
	font-family: Arial;
}

#container {
	margin: 0 auto;
	position: relative;
	width: 1124px;
}

.clear {
	height: 0px;
	clear: both;
}
/* End Core Styles */



/* Begin Header Styles */
#header {
	background: url(images/header-background.jpg) no-repeat;
	float: right;
	height: 42px;
	position: relative;
	width: 1000px;
}

#header #far_right_background {
	height: 542px;
	position: absolute;
	right: -200px;
	width: 200px;
}

#header #company_name {
	background: url(images/virtual-guard-station-llc.jpg) no-repeat;
	display: block;
	float: left;
	height: 42px;
	text-indent: -9999px;
	width: 378px;
}

#header #phone_number {
	background: url(images/phone-number.jpg) no-repeat;
	display: block;
	float: right;
	height: 42px;
	text-indent: -9999px;
	width: 380px;
}
/* End Header Styles */



/* Begin Side Content Styles */
#side_content {
	background: url(images/left-side-background.jpg) no-repeat;
	float: left;
	height: 542px;
	position: relative;
	width: 124px;
}

#side_content #far_left_background {
	height: 542px;
	left: -76px;
	position: absolute;
	width: 76px;
}

#side_content #utility_menu {
	margin: 42px 0px 0px 0px;
}

#side_content #utility_menu li a {
	display: block;
	height: 35px;
	margin: 0px 0px 12px 0px;
	text-indent: -9999px;
	width: 104px;
}

#side_content #utility_menu li a#home {
	background: url(images/home-button.jpg) no-repeat; 
}

#side_content #utility_menu li a#home:hover {
	background: url(images/home-button-rollover.jpg) no-repeat; 
}

#side_content #utility_menu li a#about_us {
	background: url(images/about-us-button.jpg) no-repeat; 
}

#side_content #utility_menu li a#about_us {
	margin: 0px 0px 11px 0px;
}

#side_content #utility_menu li a#about_us:hover {
	background: url(images/about-us-button-rollover.jpg) no-repeat;
}

#side_content #utility_menu li a#contact_us {
	background: url(images/contact-us-button.jpg) no-repeat; 
}

#side_content #utility_menu li a#contact_us:hover {
	background: url(images/contact-us-button-rollover.jpg) no-repeat;
}
/* End Side Content Styles */



/* Begin Main Content Styles */
#content {
	float: right;
	font-size: 95%;
	line-height: 120%;
	height: 500px;
	width: 1000px;
}

#content a:link {
	font-weight: bold;
	text-decoration: none;
}

#content a:active, #content a:hover {
	text-decoration: underline;
}

#content ul {
	list-style-type: disc;
}

#content li {
	margin: 0px 0px 0px 15px;
}

#content p {
	margin: 0px 0px 10px 0px;
}

#content .home {
	margin: 345px 215px 0px 215px;
}

#content .home a:link {
	color: #000;
	text-decoration: none;
}

#content .home a:visited {
	color: #333;
	text-decoration: none;
}

#content .home a:active, #content .home a:hover {
	text-decoration: underline;
}

#content .home h1, #content .select_a_vgs h1 {
	display: none;
}

#content .select_a_vgs {
	color: #FFF;
	margin: 125px 0px 0px 15px;
	position: relative;
	width: 525px;
}

#content .select_a_vgs #vgs_cube_link {
	background: url(/wp-content/themes/virtual-guard-station/images/vgs-cube-button.jpg) no-repeat;
	display: block;
	height: 150px;
	position: absolute;
	right: -368px;
	text-indent: -9999px;
	top: -20px;
	width: 350px;
}

#content .select_a_vgs #vgs_scarecrow_link {
	background: url(/wp-content/themes/virtual-guard-station/images/vgs-scarecrow-button.jpg) no-repeat;
	display: block;
	height: 150px;
	position: absolute;
	right: -368px;
	text-indent: -9999px;
	top: 178px;
	width: 350px;
}

#content .sub {
	color: #FFF;
	margin: 125px 0px 0px 15px;
	width: 545px;
}

#content .sub a:link, #content .select_a_vgs a:link {
	color: #FFF;
	text-decoration: underline;
}

#content .sub a:visited, #content .select_a_vgs a:visited {
	color: #CCC;
	text-decoration: underline;
}

#content .sub a:active, #content .sub a:hover, #content .select_a_vgs a:active, #content .select_a_vgs a:hover {
	text-decoration: underline;
}

#content .sub h1 {
	font-size: 115%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
/* End Main Content Styles */



/* Begin Below Content Styles */
#below_content {
	background: url(images/below-content-background.jpg) no-repeat;
	clear: both;
	float: right;
	height: 154px;
	position: relative;
	width: 1124px;
}

#below_content #left_below_background {
	height: 162px;
	left: -76px;
	position: absolute;
	width: 76px;
}

#below_content #right_below_background {
	height: 162px;
	position: absolute;
	right: -200px;
	width: 200px;
}

#below_content #main_menu {
	margin: 24px 0px 0px 124px;
}

#below_content #main_menu li a {
	display: block;
	height: 96px;
	position: absolute;
	text-indent: -9999px;
	top: 24px;
	width: 224px;
}

#below_content #main_menu li a#virtual_guard_stations {
	left: 124px;
}

#below_content #main_menu li a#virtual_guard_stations:hover {
	background: url(images/virtual-guard-stations-button-rollover.jpg) no-repeat;
}

#below_content #main_menu li a#locate_an_independent_operator {
	left: 383px;
}

#below_content #main_menu li a#locate_an_independent_operator:hover {
	background: url(images/locate-an-independent-operator-button-rollover.jpg) no-repeat;
}

#below_content #main_menu li a#become_an_independent_operator {
	left: 641px;
}

#below_content #main_menu li a#become_an_independent_operator:hover {
	background: url(images/become-an-independent-operator-button-rollover.jpg) no-repeat;
}

#below_content #main_menu li a#live_surveillance_system {
	left: 900px;
}

#below_content #main_menu li a#live_surveillance_system:hover {
	background: url(images/live-surveillance-system-button-rollover.jpg) no-repeat;
}
/* End Beneath Content Styles */



/* Begin Footer Styles */
#footer {
	background: url(images/footer-background.jpg) no-repeat;
	border-top: 8px solid #FFF;
	clear: both;
	color: #FFF;
	font-size: 160%;
	font-weight: bold;
	height: 152px;
	padding: 22px;
	position: relative;
	width: 1080px;
}

#footer ul {
	text-align: center;
}

#footer ul li {
	display: inline;
	font-size: 50%;
}

#footer ul li a {
	color: #FFF;
}

#footer #copyright {
	font-size: 50%;
	margin: 10px 0px 0px 0px;
	text-align: center;
}

#footer #left_footer_background {
	height: 196px;
	left: -76px;
	position: absolute;
	top: 0px;
	width: 76px;
}

#footer #right_footer_background {
	height: 196px;
	position: absolute;
	right: -200px;
	top: 0px;
	width: 200px;
}
/* End Footer Styles */