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

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

xul.list li {
background:		url(../images/general/tick.gif) no-repeat 0 1px;
margin:			0 0 10px 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;
}

.left430_container {
float:			left;
width: 			430px;
margin: 		0;
padding: 		0;
}

.right430_container {
float:			right;
width: 			430px;
margin: 		0;
padding: 		0;
}

.left630_container {
float:			left;
width: 			630px;
margin: 		0;
padding: 		0;
}

.right250_container {
float:			right;
width: 			250px;
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;
}

.line {
height:			1px;
margin: 		0;
padding: 		0;
clear:			both;
border-top:		1px solid #ccc;
}








/* --------------------- 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;
}






/* --------------------- PACKAGE BOXES ---------------------- */

.package_box {
background:		#eee url(../images/packages/package_bg.gif) no-repeat top left;
margin:			0;
padding:		0 25px 0 25px;
}

.package_top {
background:		url(../images/packages/package_top.gif) no-repeat top left;
width:			955px;
height:			95px;
margin:			0 0 0 -25px;
padding:		0;
overflow:		hidden;
}

.package_top h1.left {
color:			#fff;
width:			390px;
margin:			0;
padding:		30px 0 0 100px;
float:			left;
}

.package_top h1.right {
color:			#fff;
width:			440px;
margin:			0;
padding:		30px 25px 0 0;
text-align:		right;
float:			right;
}

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

.package_box a.button {
display:		block;
background:		url(../images/packages/button.gif) no-repeat 0 0;
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;
padding:		5px 0 0 0;
overflow:		hidden;
}

.package_box a:hover.button {
background-position:	0 -35px;
}










/* --------------------- BUSINESSBOX & ARTICLEBOX ---------------------- */

.businessbox, .articlebox {
background:		#333;
width:			300px;
margin:			0;
padding:		0;
}

.businessbox h2 {
background:		#fff url(../images/boxes/businessbox_top.gif) no-repeat top left;
height:			83px;
}

.articlebox h2 {
background:		#fff url(../images/boxes/topbox.gif) no-repeat top left;
height:			68px;
}

.businessbox h2, .articlebox h2 {
font-size: 		170%;
color:			#fff;
width:			275px;
margin:			0;
padding:		17px 0 0 25px;
line-height:		1.2em;
overflow:		hidden;
}

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

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

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

.articlebox 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:			0 25px 0 25px;
padding:		0;
}

.articlebox ul li {
margin:			0;
padding:		0;
border-bottom:		1px solid #fff;
}

.articlebox ul li a {
display:		block;
color:			#fff;
text-decoration:	none;
margin:			0;
padding:		25px 0 25px 0;
}

.articlebox ul li a:hover {
color:			#99cc00;
}

.businessbox a.button {
display:		block;
background:		url(../images/boxes/button.gif) no-repeat 0 0;
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;
}

.articlebox a.button {
display:		block;
background:		url(../images/boxes/right_button.gif) no-repeat 0 0;
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:			25px 25px 0 25px;
padding:		5px 0 0 0;
overflow:		hidden;
}

.businessbox a:hover.button, .articlebox a:hover.button {
background-position:	0 -35px;
}

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






/* --------------------- LOGOSBOX ---------------------- */

a.logosbox {
display:		block;
background:		url(../images/boxes/logosbox.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.logosbox {
background-position:	0 -250px;
}







/* --------------------- 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:	-115px 0px;
float:			left;
display:		block;
margin:			0;
padding:		7px 0 0 0;
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-weight:		normal;
font-size: 		100%;
color:			#333;
text-align: 		center;
white-space: 		nowrap;
overflow: 		hidden;
width: 			115px;
height: 		23px;
text-decoration:	none;
}

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

.nav ul li.selected a {
background-position:	-115px -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:	-230px 0px;
margin:			0 10px 0 0;
}

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

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

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

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

.nav ul li.selected a.order {
background-position:	-345px -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;
}