body {
background:		#0099cc url(../images/general/background.gif) repeat-y top center;
color:			#333;
font-family:		Arial, Verdana, Tahoma, sans-serif;
font-size: 		small;
font-weight:		normal;
text-align:		left;
line-height:		normal;
margin:			0;
padding:		0;
}






/* --------------------- GENERAL TYPOGRAPHY ---------------------- */

h1 {
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		260%;
font-weight:		bold;
color:			#0099cc;
line-height:		1.2em;
margin:			0 0 25px 0;
padding:		0;
}

h2 {
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		160%;
font-weight:		bold;
color:			#0099cc;
line-height:		1.4em;
margin:			0 0 5px 0;
padding:		0;
}

h3 {
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		140%;
font-weight:		bold;
color:			#333;
line-height:		1.4em;
margin:			0 0 5px 0;
padding:                0;
}

h1 a, h2 a {
color:			#0099cc;
text-decoration:	none;
}

h1 a span, h2 a span {
margin:			0;
padding:		0 0 0.1em 0;
border-bottom:		2px solid #0099cc;
}

h1 a:hover span, h2 a:hover span {
color:			#006699;
border-bottom:		2px solid #006699;
}

p {
font-size: 		130%;
line-height:		1.4em;
margin:			0 0 25px 0;
padding:		0 25px 0 0;
}

p a {
color:			#333;
text-decoration:	none;
}

p a span {
margin:			0;
padding:		0 0 0.1em 0;
border-bottom:		2px solid #333;
}

p a:hover span {
color:			#0099cc;
border-bottom:		2px solid #0099cc;
}

ul.list {
font-size:		130%;
list-style-type:	none;
margin:			0 0 25px 0;
padding:		0 50px 0 0;
}

ul.list li {
background:		url(../images/general/bluetick.gif) no-repeat 0 0;
margin:			0 0 25px 0;
padding:		0 0 0 25px;
}

.bold {
font-weight:		bold;
}

.small {
font-size: 		100%;
}

.nowrap {
white-space:		nowrap;
}






/* --------------------- CONTAINERS ---------------------- */

.container {
background:		#fff;
width: 			980px;
margin-left: 		auto;
margin-right: 		auto;
margin-top: 		0;
margin-bottom: 		0;
padding: 		0;
overflow:		hidden;
}

.content {
background:		#fff;
width: 			930px;
margin: 		0 25px 0 25px;
padding: 		0;
}

.left605_container {
float:			left;
width: 			605px;
margin: 		0;
padding: 		0;
}

.right300_container {
float:			right;
width: 			300px;
margin: 		0;
padding: 		0;
}

.left280_container  {
float:			left;
width: 			280px;
margin: 		0;
padding: 		0;
}

.right650_container {
float:			right;
width: 			650px;
margin: 		0;
padding: 		0;
}

.left440_container {
float:			left;
width: 			440px;
margin: 		0;
padding: 		0;
}

.right440_container {
float:			right;
width: 			440px;
margin: 		0;
padding: 		0;
}

.left205_container {
float:			left;
width: 			205px;
margin: 		0;
padding: 		0;
}

.right205_container {
float:			right;
width: 			205px;
margin: 		0;
padding: 		0;
}






/* --------------------- CLEAR ---------------------- */

.clear {
height:			1px;
margin: 		0;
padding: 		0;
clear:			both;
}

.spacer10 {
height:			10px;
margin: 		0;
padding: 		0;
clear:			both;
}

.spacer15 {
height:			15px;
margin: 		0;
padding: 		0;
clear:			both;
}

.spacer25 {
height:			25px;
margin: 		0;
padding: 		0;
clear:			both;
}

.invisible-spacer25 {
display:		none;
}






/* --------------------- HEADER ---------------------- */

.header {
width: 			930px;
height:			140px;
margin: 		0;
padding: 		0;
overflow:		hidden;
}

.logo a {
background:		url(../images/header/logo.gif) no-repeat top left;
display:		block;
width: 			280px;
height:			130px;
margin: 		0;
padding: 		0;
}

.call2action {
text-align:		right;
padding:		20px 0 0 0;
}








/* --------------------- TAG ---------------------- */

.tag {
background:		#eee;
margin:			0;
padding:		0 75px 0 75px;
}

.tag p {
margin:			0;
padding:		0;
}

.tag_img {
background:		#eee;
width:			605px;
margin:			0;
padding:		25px 0 25px 0;
}

.tag_top {
background:		url(../images/tag/tag_top.gif) no-repeat top left;
width:			630px;
height:			60px;
margin:			0 0 0 -25px;
padding:		0;
}

.tag_bottom {
background:		url(../images/tag/tag_bottom.gif) no-repeat top left;
width:			605px;
height:			30px;
margin:			0 0 25px 0;
padding:		0;
}

.quote {
width:			30px;
height:			15px;
margin:			0;
padding:		0;
}

.tag ul {
font-size:		130%;
list-style-type:	none;
line-height:		1.4em;
margin:			0;
padding:		0;
}

.tag ul li {
background:		url(../images/tag/tick.gif) no-repeat 0 1px;
margin:			0;
padding:		0 0 25px 25px;
}







/* --------------------- VALUEBOX & COMPLETEBOX ---------------------- */

.valuebox, .completebox {
background:		#333;
width:			300px;
margin:			0;
padding:		0;
}

.valuebox h2 {
background:		url(../images/packageboxes/valuebox_top.gif) no-repeat top left;
}

.completebox h2 {
background:		url(../images/packageboxes/completebox_top.gif) no-repeat top left;
}

.valuebox h2, .completebox h2 {
font-size: 		170%;
color:			#fff;
width:			275px;
height:			83px;
margin:			0;
padding:		17px 0 0 25px;
line-height:		1.2em;
}

.valuebox h3, .completebox h3 {
color:			#fff;
font-size: 		160%;
margin:			0 25px 5px 25px;
}

.valuebox ul, .completebox ul {
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size:		130%;
font-weight:		bold;
color:			#fff;
line-height:		1.2em;
list-style-type:	none;
margin:			10px 25px 0 25px;
padding:		0;
}

.valuebox ul li, .completebox ul li {
background:		url(../images/general/tick.gif) no-repeat 0 0;
margin:			0;
padding:		0 0 25px 25px;
}

.valuebox a.button, .completebox a.button {
display:		block;
background:		url(../images/packageboxes/button.gif) no-repeat top left;
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		140%;
font-weight:		bold;
color:			#fff;
text-align:		center;
text-decoration:	none;
width:			250px;
height:			30px;
margin:			0 25px 0 25px;
padding:		5px 0 0 0;
overflow:		hidden;
}

.valuebox a:hover.button, .completebox a:hover.button {
background-position:	0 -35px;
}

.bottombox {
background:		url(../images/packageboxes/bottombox.gif) no-repeat top left;
width:			300px;
height:			25px;
margin:			0 0 25px 0;
padding:		0;
}







/* --------------------- WEBSITESBOX ---------------------- */

a.websitesbox {
display:		block;
background:		url(../images/websitesbox/websitesbox.gif) no-repeat 0 0;
width:			275px;
height:			233px;
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		170%;
font-weight:		bold;
line-height:		1.2em;
color:			#fff;
text-decoration:	none;
margin:			0 0 25px 0;
padding:		17px 0 0 25px;
overflow:		hidden;
}

a:hover.websitesbox {
background-position:	0 -250px;
}







/* --------------------- GREYBOX ---------------------- */

.greybox {
background:		#eee;
margin:			0 0 25px 0;
padding:		10px;
}

.greybox p {
padding:		0;
}

.orderbox {
background:		#ccc url(../images/howitworks/orderbox.gif) no-repeat top left;
width:			408px;
border:			1px solid #999;
margin:			0;
padding:		25px 10px 10px 165px;
}

.checkbox {
background:		#ccc url(../images/howitworks/checkbox.gif) no-repeat top left;
width:			408px;
border:			1px solid #999;
margin:			0;
padding:		25px 10px 10px 165px;
}

.receivebox {
background:		#ccc url(../images/howitworks/receivebox.gif) no-repeat top left;
width:			408px;
border:			1px solid #999;
margin:			0;
padding:		25px 10px 10px 165px;
}

.arrowdown {
background:		url(../images/howitworks/arrow_down.gif) no-repeat center center;
width:			585px;
height:			70px;
}







/* --------------------- SITE PLAN ---------------------- */

.siteplan {
background:		#eee;
width: 			910px;
margin: 		0;
padding: 		10px;
overflow:		hidden;
}

a.siteplan_link {
display:		block;
background:		url(../images/siteplan/logo.gif) no-repeat top left;
width: 			205px;
height:			97px;
margin: 		20px 0 0 0;
padding: 		0;
}

.siteplan ul {
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		85%;
line-height:		1.8em;
list-style-type: 	none;
margin:			0;
padding:                0;
}

.siteplan ul a {
color:			#333;
text-decoration:	none;
margin:			0;
padding:                0;
}

.siteplan ul a:hover {
text-decoration:	underline;
}

.siteplan h3 {
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		100%;
font-weight:		normal;
color:			#0099cc;
line-height:		1.4em;
border-bottom:		1px solid #ccc;
margin:			0 0 5px 0;
padding:                0 0 5px 0;
}






/* --------------------- FOOTER ---------------------- */

.footer {
width: 			930px;
margin: 		0;
padding: 		10px 0 0 0;
}

.footer p {
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		85%;
line-height:		1.2em;
text-align:		center;
margin:			0 0 10px 0;
padding:		0;
}

.footer a {
color:			#333;
text-decoration:	none;
margin:			0;
padding:		0;
}

.footer a:hover {
text-decoration:	underline;
}






/* --------------------- NAV ---------------------- */

.nav {
width:			930px;
height: 		30px;
margin:    		0;
padding:		0;
}

.nav ul {
list-style-type: 	none;
margin:			0;
padding:		0;
}

.nav ul li {
display:		inline;
margin:			0;
padding:		0;
}

.nav ul li a {
background:		url(../images/navigation/nav.gif) no-repeat;
background-position:	-184px 0px;
float:			left;
display:		block;
margin:			0;
padding:		5px 0 0 0;
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-weight:		normal;
font-size: 		120%;
color:			#333;
text-align: 		center;
white-space: 		nowrap;
overflow: 		hidden;
width: 			184px;
height: 		25px;
text-decoration:	none;
}

.nav ul li a:hover {
background-position:	-184px -30px;
}

.nav ul li.selected a {
background-position:	-184px -60px;
}

.nav ul li a.home {
background-position:	0px 0px;
}

.nav ul li a:hover.home {
background-position:	0px -30px;
}

.nav ul li.selected a.home {
background-position:	0px -60px;
}

.nav ul li a.about {
background-position:	-368px 0px;
margin:			0 10px 0 0;
}

.nav ul li a:hover.about  {
background-position:	-368px -30px;
}

.nav ul li.selected a.about  {
background-position:	-368px -60px;
}

.nav ul li a.order {
background-position:	-552px 0px;
color:			#fff;
font-weight:		bold;
}

.nav ul li a:hover.order  {
background-position:	-552px -30px;
}

.nav ul li.selected a.order {
background-position:	-552px -60px;
}









/* ----------------------FORMS---------------------- */

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

form p {
font-size: 		100%;
margin:			0;
padding:		0;
}

form .bold {
font-size: 		130%;
}

.textbox {
background:		#fff url(../images/general/form_bg.gif) repeat-x top left;
width:			388px;
font-size: 		130%;
font-family:		Arial, Verdana, Tahoma, sans-serif;
color:			#333;
border: 		1px solid #999;
margin:			5px 0 5px 0;
padding:		5px;
}

.send {
background:		#fff url(../images/general/form_bg.gif) repeat-x top left;
border: 		1px solid #999;
color:			#0099cc;
font-size: 		160%;
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-weight:		bold;
margin:			5px 0 5px 0;
padding:		5px;
cursor:			pointer;
}

.h2 {
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		160%;
font-weight:		bold;
color:			#0099cc;
line-height:		1.4em;
margin:			0 0 5px 0;
padding:		0;
}







/* ----------------------GENERAL---------------------- */

a img {
margin:			0;
padding:		0;
border:			0;
}

img a {
margin:			0;
padding:		0;
border:			0;
}

.invisible {
display:		none;
}

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

a:active, a:focus {
outline: 		0;
}