/* CSS Document */
body 
{
	background: #ffffff url(../images/background-gradient.jpg) repeat-x;
	margin: 0px; 
	padding: 0px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}


/* Container for visual JPEG ------------------------------------------ */
/* -------------------------------------------------------------------- */
#wrap-chris
{
	position: relative;
	display: block;
	width: 933px;
	margin: 4px auto 0 auto; 
}


/* General Properties ------------------------------------------ */
/* -------------------------------------------------------------------- */
p {
	font-size:70%;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
}

ul {
	font-size:70%;
	margin: 5px 10px 5px 30px;
	padding: 0px 0px 0px 0px;
	list-style-type:square;
}
li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	line-height:1.0em;
	list-style-type:square;
}

#sitemap ul {
	font-size:70%;
	margin: 5px 10px 5px 30px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
}

#sitemap li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	list-style-type:none;
	background-image: url(../images/li-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#sitemap h2 {
	font-size:90%;
	margin: 10px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
	color:#93CF28;
	border-bottom: dotted 1px #cccccc;  
}
#sitemap h2 a { 
	color:#93CF28; text-decoration:none; 
}
#sitemap h2 a:hover { 
	color:#93CF28; text-decoration:none; 
}



h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:110%;
	margin: 0px 0px 5px 0px;
	padding: 8px 10px 0px 10px; 
	color:#003366;
}
h2 {
	font-size:95%;
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 0px 10px;
	color:#93CF28; 
}

h3 {
	font-size:90%;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 5px 0px; 
	font-weight:bold;
	color:#003366;
}
/*.underline {
	border-bottom: solid 1px #003366; 
}*/

h4 {
	font-size:80%;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 5px 10px;
	color:#93CF28;  
}

h5 {
	font-size:70%;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 5px 10px; 
	color:#000000;
}/*
h6 {
	font-size:70%;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 5px 10px;
	color:#000000;  
}*/
.clear { clear:both; }



#contentzone a, #content-home a, .content-wide a {
	color:#003366;
	text-decoration:underline;
	font-weight:bold;
}
#contentzone a:hover, #content-home a:hover, .content-wide a:hover {
	color:#93CF28;
	text-decoration:none;
	font-weight:bold;
}
#contentzone h3 a {
	color:#003366; 
	text-decoration:none;
	font-weight:normal;
}
#contentzone h3 a:hover {
	color:#93CF28; 
	text-decoration:underline;
	font-weight:normal;
}
/* Classes for Colours & Font Size ------------------------------------------ */
/* -------------------------------------------------------------------- */

.dotted {
	margin: 5px 0px 20px 10px;
	padding: 0px 0px 0px 0px; 
	width:545px;
	height:1px;
	border-bottom: dotted 1px #93CF28;
	clear:both;
}

.dotted2 {
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 0px; 
	width:545px;
	height:1px;
	border-bottom: dotted 1px #93CF28;
	clear:both;
}
img.webthumb {
	margin: 0px 0px 10px 30px;
	padding: 0px 0px 0px 0px; 
	float:right;
}
img.wrap {
	margin: 0px 0px 10px 15px;
	padding: 0px 0px 0px 0px; 
	float:right;
}

.white {color:#ffffff;}
.black {color:#000000;}
.grey {color:#999999;}
.green {color:#93CF28;}
.green-light {color:#e9f8a9;}
.blue {color:#003366;}
.orange {color:#ff9900;}

.xxxsmall {font-size:60%;}
.xxsmall {font-size:65%;}
.xsmall {font-size:70%;}
.small {font-size:75%;}
.normal {font-size:80%;}
.xnormal {font-size:85%;}
.xxnormal {font-size:90%;}
.xxxnormal {font-size:95%;}
.large {font-size:100%;}
.xlarge {font-size:105%;}
.xxlarge {font-size:110%;}
.xxxlarge {font-size:115%;}
.xvlarge {font-size:120%;}
.xxvlarge {font-size:125%;}
.xxxvlarge {font-size:130%;}
.superlarge {font-size:140%;}
.xsuperlarge {font-size:150%;}
.xxsuperlarge {font-size:160%;}
.xxxsuperlarge {font-size:170%;}
.vsuperlarge {font-size:180%;}
.xvsuperlarge {font-size:190%;}
.xxvsuperlarge {font-size:200%;}
.xxxvsuperlarge {font-size:210%;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

/* General Page Structural Containers ------------------------------------------ */
/* -------------------------------------------------------------------- */
#wrap
{
	position: relative;
	display: block;
	width: 933px;
	margin: 0px auto 0 auto;
}

/* Lets Talk Container */
/* -------------------------------------------------------------------- */
#lets-talk {
	position:absolute;
	top:150px;
	left:776px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px; 
	background-color:#ffffff;
	border: dashed 1px #000000;
}

#lets-talk p.title {
	text-align:center;	
}
#lets-talk p.text {
	font-size:70%;
	margin: 0px 0px 0px 0px;
	padding: 0px 22px 5px 22px; 
}
#lets-talk p.callback {
	font-size:70%;
	margin: 5px 1px 10px 1px;
	padding: 2px 7px 5px 7px; 
	background-color:#93CF28;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}
#lets-talk p.callback a { color:#ffffff; text-decoration:none; }
#lets-talk p.callback a:hover { color:#ffffff; text-decoration:underline; }

/* Container, Top-links, Logo, Strapline, Conatiner 2, Header, Footer ------------------------------------------ */
/* -------------------------------------------------------------------- */


#top-links {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#top-links p {
	background-color:#ededed;
	border-bottom: 1px solid #cccccc; 
	font-size:70%; 
	font-weight:bold; 
	color:#003366;
	text-align:right;
}

#top-links p a { 
	color:#003366; 
	text-decoration:none;
}
#top-links p a:hover { 
	color:#003366; 
	text-decoration:underline;
}

#logo
{
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff url(../images/back-logo.jpg) repeat-x; 
}

#logo-blank
{
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff; 
}

#logo img, #logo-blank img
{	
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 6px; 
}

#strapline
{
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 4px; 
	background: #003366 url(../images/back-strapline-blue.jpg);
}
#strapline-blank
{
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 4px; 
	background: #003366 url(../images/back-strapline-blank.gif);
}
#strapline h1, #strapline-blank h1 {
	margin: 0px 0px 0px 0px;
	padding: 5px 4px 4px 20px; 
	color:#ffffff;
	font-size:65%;
	font-weight:normal;
}


#container
{
	position: relative;
	display: block;
	width: 758px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#container2
{
	position: relative;
	display: block;
	width: 758px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#ffffff;
	/*border-left: solid 4px #ffffff;
	border-right: solid 4px #ffffff; */
}

#header
{
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	border-left: solid 4px #ffffff;
	border-right: solid 4px #ffffff; 
}


/* NAVIGATION ------------------------------------------ */
/* -------------------------------------------------------------------- */
#nav
{
	position: relative;
	display: block;
	width: 750px;
	margin: 4px 0px 0px 4px;
	padding: 6px 0px 6px 0px; 
	background-color:#003366;
	text-align:center;
	border-bottom: solid 5px #93CF28;
}
#nav ul {
	display:inline;
	list-style-type:none;
	font-size:75%;
	color:#ffffff;
}
#nav ul li {
	display:inline;
	margin:0px; 
	padding: 6px 10px 6px 10px;
	list-style-type:none;
}
#nav ul li.on {
	margin:0px; 
	padding: 6px 10px 6px 10px;
	background-color:#93CF28;
}

#nav li a {
	color:#ffffff; 
	font-weight:bold; 
	text-decoration:none;
}
#nav li a:hover {
	text-decoration:underline;
}

/* NAVIGATION HOVER ------------------------------------------ */
/* -------------------------------------------------------------------- */
#navhover
{
	position: relative;
	display: block;
	width: 750px;
	margin: 4px 0px 0px 0px; 
	background-color:#003366;
	text-align:center;
	border-bottom: solid 5px #93CF28;
}
#navhover ul
{
float:left;
padding:0px 0px 0px 47px;
margin:0;
list-style-type:none;
font-size:75%;
background-color:#003366;
}
#navhover a
{
float:left;
text-decoration:none;
color:#ffffff;
background-color:#003366;
padding: 7px 10px 7px 10px;
font-weight:bold; 
}
#navhover a:hover {background-color:#93CF28;}
#navhover a.on {background-color:#93CF28;}

#navhover li {display:inline;}

/* Main Content Container for inside/sub pages ------------------------------------------ */
/* -------------------------------------------------------------------- */
#contentzone
{
	position: relative;
	display: block;
	width: 750px;
	margin: 4px 0px 25px 4px;
	padding: 0px 0px 0px 0px; 
	background-color:#ffffff;
}
#contentzone p, #contentzone li, .content-wide p {line-height:1.7em; color:#000000;}
#contentzone li.icon {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	list-style-type:none;
	background-image: url(../images/li-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

/* Sub Navigation ------------------------------------------ */
/* -------------------------------------------------------------------- */
#subnav {
	position: relative;
	display: block;
	width: 165px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	float:left; 
	text-align:right;
}
#subnav ul, #subnav li {
 	list-style-type:none;
 }
#subnav ul {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
#subnav ul li {
	display:block;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	border-bottom:solid 1px #cccccc;
	line-height:1.0em;
}

#subnav ul li a {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px; 
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	line-height:1.0em;
	background: #ffffff;
	}

#subnav ul li.on a:hover, #subnav ul li a:hover {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px; 
	color:#93CF28;
	text-decoration:none;
	font-weight:normal;
	line-height:1.0em;
	background: #f5f5f5;
}
#subnav ul li.on a {
	color:#93CF28;
	background: #ffffff;
}

#subnav .seperator {display:none;}

/* images */
#subnav img.heading { 
	margin: 0px 0px 2px 0px;
	padding: 10px 0px 0px 0px;
}
#subnav img.phone { 
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
#subnav img.photo { 
	margin: 0px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
}

/* Form */
#subnav form { 
	width:158px;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 5px 0px;
	background-color:#ededed;
	border: 1px solid #cccccc;
}
#subnav form p { 
	font-size:65%; 
	line-height:1.3em;
	color:#003366;
	font-weight:bold;
	text-align:left; 
	padding-left:15px; 
}

#subnav .textfield {
	color:#999999;
	font-size:70%;
	margin: 0px 0px 5px 0px;
	padding: 3px 5px 3px 5px;
	background-color:#ffffff;
	border: solid 1px #cccccc;
}
#subnav .go {
	width:30px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
#subnav p.phone {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:120%;
	font-weight:bold;
}

/* CONTENT STYLES ------------------------------------------ */
/* -------------------------------------------------------------------- */

#content {
	position: relative;
	display: block;
	width: 565px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:right; clear:right; 
	background-color:#ffffff;
}

.content-wide {
	position: relative;
	display: block;
	width: 742px;
	margin: 5px 0px 10px 4px;
	padding: 0px 0px 0px 8px;  
	background-color:#ffffff;
}

.thumbs {
	position: relative;
	display: block;
	width: 565px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#ffffff;
}

.thumbs .thumb01 {
	position: relative;
	display: block;
	width: 185px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left; clear:both; 
}
.thumbs .thumb02 {
	position: relative;
	display: block;
	width: 185px;
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	float:left; clear:right; 
}
.thumbs .thumb03 {
	position: relative;
	display: block;
	width: 185px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left; clear:right;
}

.thumbs .thumb01 img, .thumbs .thumb02 img, .thumbs .thumb03 img {padding-left:10px;}






/* Containers for Homepage features ------------------------------------------ */
/* -------------------------------------------------------------------- */

#content-home {
	position: relative;
	display: block;
	width: 750px;
	margin: 10px 0px 0px 4px;
	padding: 0px 0px 0px 0px; 
	text-align:left;
	background: #ffffff url(../images/back-grayline.gif) repeat-y;
	
}
#content-home .home-text {
	position: relative;
	display: block;
	width: 375px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float:left; 
	
}
#content-home .home-bullets  {
	position: relative;
	display: block;
	width: 375px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float:right; clear:right;
}
#content-home .home-text p {
	font-size:70%;
	line-height:1.7em;
	margin: 10px 10px 5px 10px;
	padding: 0px 10px 5px 10px;
}
#content-home .home-bullets ul { 
	font-size:70%; 
	line-height:1.7em;
	margin: 3px 10px 5px 10px;
	padding: 10px 10px 5px 10px; 
	list-style-type:none;
}
#content-home .home-bullets li { 
	padding: 0px 0px 10px 20px;
	list-style-type:none; 
	background-image: url(../images/li-check.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/***************/





/* PACKAGES */
p.range {
	font-size:75%;
	margin: 8px 4px 0px 4px;
	padding: 6px;
	color:#003366;
	text-align:center;
	font-weight:bold;
}
p.range a{

	color:#003366;

}
p.range a:hover{

	color:#93CF28;
	text-decoration:none;

}


.packages {
	position: relative;
	display: block;
	width: 750px;
	margin: 5px 0px 0px 4px;
	padding: 0px 0px 0px 0px; 
}
.packages p, .package-creative p { 
	font-size:70%; 
	line-height:1.7em;
}

.packages .package-01 {
	float:left; clear:both; 
	position: relative;
	display: block;
	width: 247px;
	margin: 0px 3px 0px 0px;
	padding: 0px 0px 0px 0px; 

}
.packages .package-02 {
	float:left; clear:right; 
	position: relative;
	display: block;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
.packages .package-03 {
	float:left; clear:right;
	position: relative;
	display: block;
	width: 247px;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px; 
}
.packages .package-01 .package-image,
.packages .package-02 .package-image, 
.packages .package-03 .package-image {
	width:87px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
}

.packages .package-01 .package-text {
	width:160px;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:right; clear:right;
}
.packages .package-02 .package-text {
	width:163px;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:right; clear:right;
} 
.packages .package-03 .package-text {
	width:160px;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:right; clear:right;
}


.package-creative {
	position: relative;
	display: block;
	width: 750px;
	margin: 5px 0px 20px 4px;
	padding: 0px 0px 0px 0px; 
}
.package-creative .package-image {
	width:87px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
}
.package-creative .package-text {
	width:663px;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:right; clear:right;
}

.packages .package-01 .package-text {
	background: #ffffff url(../images/boxback-green.jpg) repeat-x;
}
.packages .package-02 .package-text {
	background: #ffffff url(../images/boxback-blue.jpg) repeat-x;
}
.packages .package-03 .package-text {
	background: #ffffff url(../images/boxback-yellow.jpg) repeat-x;
}

.packages .package-01 .package-text h2, 
.packages .package-02 .package-text h2, 
.packages .package-03 .package-text h2 {
	font-size:90%;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color:#ffffff;
	background-color:#003366;
	font-weight:bold;
}
.package-creative .package-text h2 {
	font-size:90%;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color:#ffffff;
	background-color:#93CF28;
	font-weight:bold;
}
.packages .package-01 .package-text ul, 
.packages .package-02 .package-text ul, 
.packages .package-03 .package-text ul {
	margin: 5px 0px 10px 20px;
	padding: 0px 3px 0px 0px;
	font-size:70%;
	color:#93CF28;
	font-weight:bold;
	list-style-type:disc;
}

.packages .package-01 .package-text li, 
.packages .package-02 .package-text li, 
.packages .package-03 .package-text li {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	list-style-type:disc;
}

.packages .package-text a,
.package-creative .package-text a {
	text-decoration:underline; font-weight:bold; color:#003366;
}
.packages .package-text a:hover, 
.package-creative .package-text a:hover  {
	text-decoration:none; font-weight:bold; color:#93CF28;
}


/* Search, Quote & Call Us features on Homepage ------------------------------------------ */
/* -------------------------------------------------------------------- */
#bottom {
	position: relative;
	display: block;
	width: 750px;
	margin: 30px 0px 10px 4px;
	padding: 0px 0px 0px 0px; 
}
#bottom p { 
	font-size:70%; 
	line-height:1.7em;
}

#bottom .column-01 {
	float:left; clear:both; 
	position: relative;
	display: block;
	width: 250px;
	margin: 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#ffffff;
}
#bottom .column-01 img {
	margin: 16px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
}
#bottom .column-02 {
	float:left; clear:right; 
	position: relative;
	display: block;
	width: 250px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	background-color:#ffffff; 
}
#bottom .column-02 img {
	margin: 4px 0px 0px 39px;
	padding: 0px 0px 0px 0px;
}
#bottom .column-03 {
	float:left; clear:right;
	position: relative;
	display: block;
	width: 238px;
	margin: 0px;
	padding: 5px 0px 5px 0px; 
	background-color:#ededed;
	border: 1px solid #cccccc;
}

#bottom .column-03 p { 
	font-size:70%; 
	line-height:1.3em;
	color:#000000;
}

#bottom .column-03 form { 
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color:#ededed;
}
#bottom .column-03 form p{ 
	font-weight:bold;
	padding-left:0px; padding-top:0px;
}

#bottom .column-03 form .textfield {
	color:#999999;
	font-size:70%;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 10px;
}

#bottom .column-02 p { 
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	font-size:100%; 
	font-weight:bold;
	font-style:italic;
	text-align:center;
	line-height:1.5em;
}

.textcontent {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:415px;
	float:left; 
}
.quotes {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:150px;
	float:right; clear:right; 
}
.quotes img {
	margin-right:0px; margin-bottom:10px;
}


/* TABLE STYLES ------------------------------------------ */
/* -------------------------------------------------------------------- */

table.supporttab {
	width:545px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;	
}

table.supporttab th {
	background-color:#93CF28;
	border: solid 3px #ffffff;	
}

table.supporttab td {
	background-color:#ededed;
	border: solid 3px #ffffff;	
}



/* FOOTER STYLES ------------------------------------------ */
/* -------------------------------------------------------------------- */
#footer
{
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px; 
	background-color:#93CF28;
}
#footer .text-left
{
	position: relative;
	display: block;
	width: 375px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#003366;
	float:left;
}
#footer .text-right
{
	position: relative;
	display: block;
	width: 375px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#003366;
	float:right; clear:right;
	text-align:right;
}
#footer .text-left p,
#footer .text-right p {
	color:#ffffff;
	font-size:70%;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 6px 10px; 
}

#footer .text-left a,
#footer .text-right a {
	color:#ffffff; text-decoration:none;
}

#footer .text-left a:hover,
#footer .text-right a:hover {
	color:#ffffff; text-decoration:underline;
}