@charset "utf-8";
/* CSS Document */

/*Universal style rule*/
*{
	/*border:dashed 1px #f00;*/
	margin:0;
	padding:0;
	}
	
body{
	background:#fff url(images/background.jpg) repeat-x center;
}	

#wrapper{
	width:850px;
	margin:155px auto 0;
	/*Required for absolutely-positioned layout only*/
	position:relative;
}

#branding{
	width:148px;
	position:absolute;
	top:-150px;
	right:00px;
}

#nav{
	/*padding:.3em .5em 0 .5em;*/
	background-color:#1E76BB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:26px;
	font-size:1.25em;
	font-weight:bold;
	vertical-align:middle;
	color:#fff;
	position:absolute;
	top:-30px;
	left:0;
}

#nav ul{
	list-style-type:none;
}

#nav li{
	float:left;
	position:relative;
}

#nav a, #nav a:link, #nav a:visited{
	text-decoration:none;
	font-family:Verdana, Geneva, Arial, Sans-Serif;
	font-weight:bold;
  	font-size:80%;
  	color:#fff;
  	background:#1e76BB;
	display:block;
  	height:2em;
  	width:90px;
	border-right:solid 1px #fff;
	text-align:center;
	line-height:2em;
	outline-style:none;
}

#nav a:hover,#nav a:active{
	background:#59B7DE;
  	color:#fff;
}

#nav li.selected a{
	border-right:none;
}

/* Start of Drop down styles */
#nav li ul{
	position:absolute;
	z-index:100;
	visibility:hidden;
}

#nav li:hover ul, #nav li a:hover ul/*IE6 hack*/{
	visibility:visible;
	top:1.6em;
	left:0;
	border:none;
}

#nav li:hover ul li a, #nav li a:hover ul li a/*IE6 hack*/{
	background:#59b7de;
	color:#fff;
	text-align:center;
	display:block;
	width:8em;
	/*padding:0 0 0 1em;*/
	height:auto;
	border-bottom:thin #fff solid;
}

#nav li:hover ul li a:hover, #nav li a:hover ul li a:hover/*IE6 hack*/{
	background:#1e76bb;
	color:#fff;
	border-bottom:thin #fff solid;
}

/* IE6 hack applies to its table drop-down */
#nav table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:8px;
  left:0;
  z-index:100;
}

/* End drop down styles*/

#content{
	float:left;
	padding:16px ;
	background-color:#fff;
	border:solid 10px #59B7DE;
	width:850px;
	height:660px;
}

p strong a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1e76bb;
	text-decoration:none;
}


#abouttext{
	position:absolute;
	top:30px;
	left:510px;
	width:42%;
	height:600px;
	overflow:auto;
	padding:16px 0 32px 16px;
}

#pricetext{
	position:absolute;
	top:30px;
	left:450px;
	width:48%;
	height:600px;
	overflow:auto;
	padding:16px 0 32px 16px;
}

.text h1{
	font-style:italic;
	font-weight:bold;
	font-size:28px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#1E76BB;
}

.text h2{
	font-weight:bold;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#1E76BB;
	line-height:32px;
}

.text p{
	padding-left:16px;
	font-weight:normal;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
}

.text p b{
	font-weight:bold;
	font-style:italic;
	color:#1e76bb;
}

.border{
	padding:0 0 15px 0;
	border-bottom:dotted #1E76BB;
}

#footer{
	padding-top:.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-align:center;
	line-height:1.5em;
}

#footer p.links a, #footer p.links a:link, #footer p.links a:visited, #footer p.links a:hover, #footer p.links a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000;
	text-decoration:none;
}

#footer p a, #footer p a:link, #footer p a:visited, #footer p a:hover, #footer p a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:none;
}

/*Index Image Rotating Styles */
#slide {
	margin-top:50px;
    width: 840px; /* important to be same as image width */
    height: 560px; /* important to be same as image height */
	overflow: hidden; /* important */
}

.clear {
	clear: both;
}

ul { list-style-type: none;}
/*END Index Image Rotating Styles */


#pricephoto img{
	height:634px;
	float:left;
	padding-top:0.8125em;
}

/*Pricing Image Rotating Styles */
#pricingslider {
	margin-top: 13px;
    height: 634px; /* important to be same as image width */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#pricingsliderContent {
    width: 300px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.pricingsliderImage {
    float: left;
    position: relative;
	display: none;
}

.pricingclear {
	clear: both;
}

.pricingtop {
	top: 0;
	left: 0;
}
.pricingbottom {
	bottom: 0;
    left: 0;
}
/*END Pricing Image Rotating Styles */

/*START Gallery Styles*/

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#gallerywrapper {width:840px; margin:0px auto; display:none}
#gallerywrapper * {margin:0; padding:0}
#fullsize {position:relative; width:840px; height:560px; padding:2px; border:1px solid #fff; background:#1e76bb}
#image {width:840px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:550px; cursor:pointer; z-index:51}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:49; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width: 790px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/*END Gallery Styles*/