/*
Company:		One Price Inc
File:		main.css - This contains all the styles for the OPI website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/*<group=Global Browser Reset>*/
* {

padding:0;

margin:0;

}

body {padding:5px;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; }

li, dd, blockquote { margin-left: 40px; }

fieldset { padding:10px; }

img { border: 0px; }
/*</group>*/

/*<group=HTML, Body>*/
body {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	text-align: center;
	background: #e6e5e5;
}
/*</group>*/

/*<group=Layout>*/
div#main {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #fff;
	margin-bottom: 0;
}
div#leftCol {
	position: relative;
	width: 470px;
	float: left;
	left: 75px;
	margin-right: 45px;
}
div#rightCol {
	width: 180px;
	float: left;
	margin-left: 75px;
}
div#footer {
	background: #bab6bc;
	padding: 20px;
}
div#footer p {
	margin: 0 0 0 55px;
}
a.linkBox {
	display: block;
	width: 80%;
	padding: 10px;
	background: #dbd9dc;
	border: 1px solid #878688;
	font-size: 108%;
}
/*</group>*/

/*<group=Nav>*/
ul#nav {
	position: relative;
	margin-top: -2px;
	margin-left: 60px;
	list-style-type: none;
	z-index: 1;
}
ul#nav li {
	margin: 0 0 0 5px;
	float: left;
	font-weight: bolder;
	font-size: 108%;
}
ul#nav li a {
	display: block;
	padding: 5px 4px 6px 4px;
}
/*</group>*/

/*<group=Headings>*/
h1 {
	margin-top: 0;
	font-size: 145%;
	font-weight: bolder;
	color: #1E1E1E;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #a3a2a2;
}
h2 {
	color: #474646;
	font-size: 100%;
	margin-bottom: 0;
}
h3 { }
h4 { }
h5 { }
h6 { }
/*</group>*/

/*<group=Text Styles>*/
div#leftCol p {
	line-height: 155%;
	color: #1E1E1E;
	margin-top: 2px;
	font-size: 109%;
}
div#rightCol p {
	margin-top: 25px;
}
div#footer {
	color: #343334;
}
/*</group>*/

/*<group=Lists>*/
	
/*</group>*/

/*<group=Forms>*/
	
/*</group>*/

/*<group=Links - link visited hover active>*/
a:link {
	color: #5b0f74;
	font-weight: bolder;
	text-decoration: underline;
}
a:visited {
	color: #5b0f74;
	font-weight: bolder;
	text-decoration: underline;
}
a:hover, a:active {
	color: #280235;
	text-decoration: underline;
}
/* Link Box Links */
a.linkBox a:link {
	color: #5b0f74;

	text-decoration: none;
}
a.linkBox a:visited {
	color: #5b0f74;

	text-decoration: none;
}
a.linkBox a:hover, a.linkBox a:active {
	color: #5b0f74;
	text-decoration: underline;
	background-color: transparent;
}
/* Footer Links */
div#footer a:link {
	color: #343334;
	font-weight: normal;
	text-decoration: none;
}
div#footer a:visited {
	color: #343334;
	font-weight: normal;
	text-decoration: none;
}
div#footer a:hover, div#footer a:active {
	color: #343334;
	font-weight: normal;
	text-decoration: underline;
}
/* Nav Rollovers */
ul#nav li a:link {
	color: #5b0f74;
	text-decoration: none;
}
ul#nav li a:visited {
	color: #5b0f74;
	text-decoration: none;
}
ul#nav li a:hover, ul#nav li a:active {
	color: #fff;
	text-decoration: underline;
	background: url("../images/nav-back.gif") repeat-x;
}
body#home ul#nav li#nav-home a:link, body#business-packages ul#nav li#nav-business-packages a:link, body#benefits ul#nav li#nav-benefits a:link, body#why ul#nav li#nav-why a:link, body#request-information ul#nav li#nav-request-information a:link, body#contact ul#nav li#nav-contact a:link {
	color: #fff;
	text-decoration: underline;
	background: url("../images/nav-back.gif") repeat-x;
}
body#home ul#nav li#nav-home a:visited, body#business-packages ul#nav li#nav-business-packages a:visited, body#benefits ul#nav li#nav-benefits a:visited, body#why ul#nav li#nav-why a:visited, body#request-information ul#nav li#nav-request-information a:visited, body#contact ul#nav li#nav-contact a:visited {
	color: #fff;
	text-decoration: underline;
	background: url("../images/nav-back.gif") repeat-x;
}
/*</group>*/

/*<group=Misc>*/
.clear {
	clear: both;
	line-height: 0px;
}
.noRMargin {
	margin-right: 0;
}
/*</group>*/