@charset "utf-8";
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
color: #ccc;
	background: #1E1E1E url(images/jpegs/bg.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
.oneColFixCtrHdr #container {
	width: 947px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #000; 
	padding: 30px 10px 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 130px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	clear: both;
}
.oneColFixCtrHdr #footer {
	padding: 5px;
	background:#272727;
	height: 175px;
	margin-top: 20px;
	clear: both;
	border-top: 1px solid #444444;
}

.footertext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ccc;
}

.footertext a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ccc;
}

.footertext a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ccc;
}

.footertext a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ccc;
text-decoration: none;
}

.footertext a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ccc;
}

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
color: #ccc;}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
color: #ccc;}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
color: #FE6601;}

a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
color: #ccc;}

.tagline {
float: right;
text-align:right;
}

.taglineorange {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
line-height: 26px;
color: #FE6601;
font-weight: bold;
}



.logo {
float: left;}

#navcontainer
{
float:right;
padding: 0;
height: 25px;

}


#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #1A1A1A;
width: 110px;
height: 21px;
border-right: 1px solid #333333;
padding: 0;
padding-bottom: 4px;
margin: 0 0 10px 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navcontainer ul li a:hover
{
color: #1A1A1A;
background: #fff;
}

#navcontainer a:active
{
background: #1A1A1A;
color: #fff;
}

#navcontainer li#active a
{
background: #fff;
color: #1A1A1A;
}

#flash {
padding: 12px;
text-align:center;}

#image1 {
width: 923px;
height: 448px;
}


#subnavcontainer {
background-color: #fff;
clear:both;
text-align: center;
height: 20px;
}


#subnavlist li {
display: inline;
list-style-type: none;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #1A1A1A;
}

#subnavlist li a:link{
display: inline;
list-style-type: none;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #1A1A1A;
text-decoration: none;
}

#subnavlist li a:visited{
display: inline;
list-style-type: none;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #1A1A1A;
text-decoration: none;
}

#subnavlist li a:hover{
display: inline;
list-style-type: none;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #FE6601;
text-decoration: none;
}

#subnavlist li a:active{
display: inline;
list-style-type: none;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #1A1A1A;
text-decoration: none;
}

#features {
clear: both;
padding: 20px 0 20px 0;
}


#feature1 {
float: left;
width: 300px;
height:340px;
padding-bottom: 20px;
}

#feature2 {
margin: 0 23px 0 23px;
float: left;
width: 300px;
height:340px;
}

#feature3 {
float: left;
width: 300px;
height:340px;
}

.featurebutton {
border: 2px solid #333;}

.featurebutton a:link{
border: 2px solid #333;}

.featurebutton a:visited{
border: 2px solid #333;}

.featurebutton a:hover{
border: 2px solid #333;}

.featurebutton a:active{
border: 2px solid #333;}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: #ccc;
text-decoration:underline;
font-weight: normal;
margin-bottom: -10px;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color: #ccc;
text-decoration:underline;
font-weight: normal;
padding-bottom: -10px;
margin-top: 5px;
}

h2 a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: #ccc;
text-decoration:underline;
font-weight: normal;}

h2 a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: #ccc;
text-decoration:underline;
font-weight: normal;}

h2 a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: #FF6600;
text-decoration:underline;
font-weight: normal;}

h2 a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: #ccc;
text-decoration:underline;
font-weight: normal;}


#footerfeature1 {
float: left;
width: 297px;
}

#footerfeature2 {
margin: 0 23px 0 23px;
float: left;
width: 297px;
}

#footerfeature3 {
float: left;
width: 297px;
}

#map {
color: #000;}

#twitter_update_list {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#twitter_update_list {
margin: 0;
padding: 0;
list-style-type: none;
}

#twitter_div a:link {
font-size: 11px;}

#twitter_div a:visited {
font-size: 11px;}

#twitter_div a:hover {
font-size: 11px;}

#twitter_div a:active {
font-size: 11px;}

.fltlt {
float: left;
padding: 5px 5px 5px 0;
}

.fltrt {
float: right;
padding: 5px 0 5px 5px;
}

input.txt {
background-color: #CCCCCC;
height: 25px;
width: 200px;
padding: 3px;
border: 1px solid #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
}

.txtarea {
background-color: #CCCCCC;
border: 1px solid #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
}

input.btn {
border: 1px solid #666;
}

form p {
clear: left;
margin: 0;
padding: 0;
padding-top: 6px;
}

form p label {
float: left;
width: 30%;
}

legend {
color: #FF6600;}

#package {
padding: 10px;
background: #000 url(images/jpegs/packagebg.jpg) repeat-x;
border: 1px dashed #FF6600;}

.calltoaction a:link{
background: #ff6600 url(images/jpegs/calltoactionbg.jpg) repeat-x;
padding: 5px;
border: 1px solid #fff;
color: #000;
}

.calltoaction a:visited{
background: #ff6600 url(images/jpegs/calltoactionbg.jpg) repeat-x;
padding: 5px;
border: 1px solid #fff;
color: #000;
}

.calltoaction a:hover{
background: #000 url(images/jpegs/calltoactionbg2.jpg) repeat-x;
padding: 5px;
border: 1px solid #ff6600;
color: #ff6600;
}

.calltoaction a:active{
background: #ff6600 url(images/jpegs/calltoactionbg.jpg) repeat-x;
padding: 5px;
border: 1px solid #fff;
color: #000;
}

.linksimage {
float: right;
border: 4px solid #333;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/gifs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/gifs/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



.pricing th{
background-color: #272727;
color: #D65A08;
padding: 5px;
border: 1px solid #464646;}

.pricing td{
background-color: #272727;
padding: 5px;
border: 1px solid #464646;}



.sitetext_large {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
line-height: 32px;
}

.sitetext_bold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
font-weight: bold;
}

.sitetext_small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
}