/* BP Grassing Stylesheet*/
/* http://www.bpgrassing.co.uk */
/* Created 09/03/07 */
/* Author: John Shorter of ComWorx.co.uk */
/* Website: http://www.comworx.co.uk */

/* UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

:link,:visited {
text-decoration: none;
}

ul, ol {
list-style: none;
}

h1, h2, h3, h4, h5, h6, pre, code {
font-size:1em;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, body, html, p, blockquote, fieldset, input, img, table {
margin: 0;
padding: 0;
}

a img, :link img, :visited img {
border: none;
}

address {
font-style: normal;
}

* {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height: 18px;
}
 
body {
text-align: center;
margin: 20px 0px;
padding: 0px;
background: #000000 /* url(../images/body_bg.jpg) top repeat-x; */
}

/* HEADING STYLES */

h1 {
color: #669999;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}

h2 {
margin: 10px 0px;
font-size: 14px;
color: #CCCC33;
}

h3 {
color: #990000;
font-size: 12px;
font-weight: bold;
margin: 5px 0px;
}

/* LAYOUT STYLES */

#top {
margin: 0px auto;
padding: 20px 0px 20px 20px;
height: 110px;
width: 750px;
text-align: right;
background: #000000 url(../images/bptop.png) top no-repeat;
}

/* #topRight {
float: right;
margin: 0px;
padding: 0px;
text-align: right;
} */

#middle {
width: 770px;
height: 50px;
margin: 0px auto;
padding: 0px 20px 0px 0px;
background: #000000; /* url(../images/banner_bg.jpg) top no-repeat; */
text-align: right;
}

ul.horList li {
display: inline;
padding-right: 12px;
}

#content {
min-height: 500px;
margin: 0px auto;
width: 770px;
text-align: left;
background: #000000;
padding: 0px;
}

#left {
width: 180px;
float: left;
padding: 50px 0px 0px 20px;
margin-left: 20px auto;
text-align: left;
background: #000000  url(../images/nav_bg.gif) top no-repeat;
display: inline;
}

#right {
margin-left: 220px;
padding: 10px;
text-align: left;
background: #000000;
}

#footer {
background: url(../images/footer_bg.png) top no-repeat;
margin: 0px auto;
width: 770px;
height: 70px;
text-align: center;
color: #000000;
padding: 10px;
clear: both;
}

#footer img {
margin-top: 20px;
}

#footer a {
font-size: 10px;
}

/* BASIC UNORDERED LIST */

ul.basicList, ol.basicList {
list-style-image: url(../images/dark_arrow.gif);
margin-left: 6px;
padding-left: 6px;
}

ul.basicList li, ol.basicList li {
line-height: 20px;
margin: 10px;
float: none;
}

ul.basicList li ul, ol.basicList li ul {
list-style-image: url(../images/light_arrow.gif);
padding: 5px 0px 0px 15px;
}

/* MAIN NAVIGATION */

/* #mainNav {
width: 130px;
height: 150px;
background: transparent url(../images/nav_bg.gif) center no-repeat;
padding: 0px;
margin: 0px;
} */

ul#mainNav {
width: 220px;
list-style: none;
border: 0px;
padding: 0px;
}

ul#mainNav li a, ul#mainNav li a:visited, ul#mainNav li a:active {
font-family: Arial, Verdana, sans-serif;
padding: 5px 0px 5px 10px;
display: block;
width: 150px;
text-decoration: none;
/* text-transform: uppercase; */
color: #CCCC33;
font-weight: normal;
font-size: 13px;
}

ul#mainNav li a:hover {
color: #FFFF00;
background: #003333;
}

/* SUBMENU NAVIGATION */

ul#subMenu {
width: 100%;
margin-bottom: 20px;
}

ul#subMenu li a, ul#subMenu li a:visited, ul#subMenu li a:active {
height: 25px;
display: block;
text-decoration: underline;
color: #666666;
padding: 3px 0px;
}

ul#subMenu li a:hover {
height: 25px;
display: block;
text-decoration: underline;
color: #000000;
padding: 3px 0px;
}

/* DEFAULT LINK STYLES */

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

.hide {
display: none;
}

p {
margin: 10px 0px;
text-align: justify;
}

/* CUSTOM HORIZONTAL RULE */

hr {
border: 0;
color: #CCCCCC;
background: #CCCCCC;
margin: 10px 0px 20px 0px;
width: 100%;
height: 1px;
}

/* Setup MAIN NAVIGATION active page links */

body#home a#homenav,
body#about a#aboutnav, 
body#antivirus a#antivirusnav,
body#hardware a#antivirusnav,
body#homecall a#antivirusnav,
body#network a#antivirusnav,
body#software a#antivirusnav,
body#design a#antivirusnav,
body#hosting a#antivirusnav,
body#contact a#contactnav,
width: 200px;
display: block;
padding: 5px 0px 5px 20px;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
background: #333333 url("../images/nav_link_bg.jpg") top repeat-x;
}

/* Setup SERVICES secondary navigation active page link styles */

body#antivirus a#antivirusnav,
body#hardware a#hardwarenav,
body#homecall a#homecallnav,
body#network a#networknav,
body#software a#softwarenav,
body#design a#designnav,
body#hosting a#hostingcnav,
text-decoration: none;
color: #333333;
font-weight: bold;
padding: 3px 0px;
}

/* Setup CONTACT secondary navigation active page link styles */

/*body#contact a#contactsecnav,
body#enquiry a#enquirynav,
body#where a#wherenav {
text-decoration: none;
color: #333333;
font-weight: bold;
padding: 3px 0px;
}*/

/* Setup top links - Accessibiliy and Sitemap */

body#accessibility a#accessibilitynav,
body#sitemap a#sitemapnav {
text-decoration: none;
color: #333333;
}

table {
width: 90%;
border: 0px;
padding: 1px;
margin: 10px 0px;
text-align: center;
background: #000000 /*url("../images/mouse.gif") bottom right no-repeat; */
}

table th {
padding: 4px;
background: #738495;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: left;
}

tr, td {
text-align: center;
padding: 4px;
vertical-align: middle;
}

.grey {
width: 35%;
text-align: left;
background: #EFEFEF;
color: #333333;
}

/* FORM STYLES */

form {
padding: 0px;
margin: 20px 0px;
}

form label {
display: block;
width: 140px;
float: left;
margin-bottom: 20px;
text-align: left;
padding-right: 20px;
}

.button {
width: 80px;
border: 1px solid #000000;
background: #738495;
color: #FFFFFF;
padding: 1px 2px;
margin: 0px 10px 0px 0px;
display: inline;
}

/* Indent Send button to left align with form elements - special rule for IE */

/* * html body .sendButton {
margin-left: 160px;
} */

.sendButton {
margin-left: 160px;
}

form input {
width: auto;
border: 1px solid #738495;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background: #F8F8F8;
padding: 2px;
color: #738495;
margin-bottom: 15px;
}

form textarea {
border: 1px solid #738495;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #738495;
margin-bottom: 20px;
padding: 2px;
background: #F8F8F8;
overflow: auto;
}

form select {
background: #F8F8F8;
display: inline;
margin-bottom: 15px;
}

form select option {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #738495;
text-indent: 3px;
}

.photo {
padding: 0px 20px 10px 0px;
margin: 0px;
}

/* Back to Top Links */

.topLink {
	width: 500px;
	text-align: right;
	padding: 10px 0px;
	margin: 6px 0px;
}

a.topLink:link {
	width: 100%;
	text-align: right;
	text-decoration: none;
	color: #738495;
	font-weight: normal;
	display: block;
}

a.topLink:visited {
	text-decoration: none;
	color: #738495;
	font-weight: normal;
}

a.topLink:active {
	text-decoration: none;
	color: #738495;
	font-weight: normal;
}

a.topLink:hover {
	text-decoration: none;
	color: #666666;
	font-weight: normal;
}

.important {
color: #CC0000;
font-weight: bold;
}

/* SETUP RED BUTTON */

a:link .audit, a:visited .audit, a:active .audit {
margin-bottom: 10px;
padding: 1px;
border: 1px solid #DDDDDD;
font-weight: bold;
}

a:hover .audit {
margin-bottom: 10px;
padding: 1px;
border: 1px solid #55B233;
font-weight: bold;
}

/* SETUP AMBER BUTTON */

a:link .initial, a:visited .initial, a:active .initial {
margin-bottom: 10px;
padding: 1px;
border: 1px solid #DDDDDD;
font-weight: bold;
}

a:hover .initial {
margin-bottom: 10px;
padding: 1px;
border: 1px solid #FF9900;
font-weight: bold;
}

/* SETUP GREEN BUTTON */

a:link .report, a:visited .report, a:active .report {
margin-bottom: 10px;
padding: 1px;
border: 1px solid #DDDDDD;
font-weight: bold;
}

a:hover .report {
margin-bottom: 10px;
padding: 1px;
border: 1px solid #E06666;
font-weight: bold;
}

/* Misc Photo frame style */

.photo {
padding: 1px;
margin: 0px 0px 15px 15px;
border: 1px solid #CCCCCC;
}

.white {
font-weight: bold;
color: #FFFFFF;
}

/* GENERAL BUTTON
.offers_button {
width: 100px;
height: 20px;
color: #FFFFFF;
text-transform: uppercase;
padding: 5px;
}

.offers_button a:link, .offers_button a:visited, .offers_button a:active, .offers_button a:hover{
display: block;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}

DISASTER RECOVERY PLAN BUTTON

.disaster_plan {
background: #CC0000 url(../images/disaster_grad.gif) left no-repeat;
}

FREE INITIAL CONSULTATION BUTTON

.initial_consultation {
background: #FF9900;
}

FREE SOFTWARE AUDIT BUTTON

.software_audit {
background: #2A9F00;
}

*/

.apply_button {
margin: 0px;
padding-bottom: 10px;
}