/** Main **/
html{ background-image:url(../images/bg.jpg); background-color:#e3e2e2; background-repeat:repeat-x; background-attachment:fixed;}
p{ padding: 8px 0px;}
body{ font-size: 12px; color: #333333; line-height:17px;}
a{ text-decoration: none; color: #000; font-weight:bold;}
a:hover { color: #58A0B8; text-decoration: none;}
h1{	background-image:url(../images/logo.png); background-repeat:no-repeat; font-size:22px; height:59px; left:20px; overflow:hidden; position:absolute; text-indent:-350px; top:0; width:278px;}
.content { position:absolute; top:32px; }
a.on { color: #58A0B8; }
h2.on { color: #58A0B8; }
.xitalic{ font-style:italic!important; color:#000!important;}
.xbold{ font-weight:bold!important; color:#000!important;}

/** End Main **/

/** Structure **/
#doc{ font-family: 'Arial', Helvetica, sans-serif; width:1007px; color: #484747; margin-top:38px; position:relative; clear:both; overflow:hidden;}
#hd{ background-image:url(../images/top.png); background-position:0px 61px; background-repeat:no-repeat; height:85px; position: relative;}
#hd span{ position:absolute; top:48px; right:24px; font-size:12px; text-align:right;}
#hd .credits{ position:relative; font-size:12px; text-align:right;}
#hd .credits p{ position:absolute; top:4px; right:252px; font-size:10px; }
#hd .credits b{ position:absolute; top:10px; right:138px; }
#hd .credits span{ position:absolute; top:10px; right:22px; }
#bd{ background-image:url(../images/mid.png); background-repeat:repeat-y; clear:both;}
.yui-g{ padding:2px 24px; min-height:638px; overflow: hidden;}
/** Structure **/


/** Form Search **/
form#SearchForm input[type="text"] { border:1px solid #879095; color:#879095; font-size:11px; padding:2px 5px; vertical-align:middle; width:146px; float:left; height:14px; margin-top:1px;}
input[type="image"] {-moz-appearance:none;-moz-binding:none; background-color:transparent; border:medium none; cursor:pointer; font-family:sans-serif; font-size:small; padding:0; Margin-left:3px; margin-bottom:3px;}
form#SearchForm input[type="image"] { vertical-align:middle; }
/** End Form Search **/

/** Left column **/
#leftcolumn{ width:184px; position:relative;}
#leftcolumn a:hover{ color:#58A0B8;text-decoration: none;	}
#leftcolumn a{ font-weight:normal;	}
#leftcolumn .search{ height:22px; display:block; }
/** End Left column **/

/** Left Navigation **/
#leftcolumn .navigation { clear:both; background-color:#DCE4EB; min-height:606px; margin-top:10px; position:relative;margin-bottom:-999.5em; padding-bottom:1000em; overflow:hidden;}
#leftcolumn h2 { font-size:13px; padding-top:10px; font-weight:bold; }
#leftcolumn ul { margin:0 0 0 15px; padding:0; }
#leftcolumn ul { margin:0 0 0 15px; padding:0; }
#leftcolumn li { background-color:#DCE4EB; }
/** End Left Navigation **/


/** Right column **/
#rightcol {width:763px;	position:relative; display:block; }
#rightcol .MainNav { position:absolute; top:1px; right:1px;}
#rightcol .MainNav  a{ font-weight:normal!important;}
#rightcol .left{ position:absolute; bottom:5px;	left:4px;}
#rightcol b{	color:#58A0B8; font-weight:bold;}
#rightcol .right{ position:absolute; bottom:5px; right:8px;}
#rightcol h2{ padding: 0 10px 0 0;}
#rightcol .contact { font-size:17px; left:42px; position:absolute; top:616px; }
/** END Right column **/

/** main area homepage **/
#mainbottom { display:block; height:212px; left:0; position:absolute; top:386px; width:772px; }
#homepage { background-color:#FFFFFF; filter:alpha(opacity=70); 	-moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; position:absolute; top:0; width:290px; clear:both; height:344px; overflow:hidden; padding:0 25px 0 15px;}
#newpage { background-color:#FFFFFF; position:absolute; top:32px; width:290px; clear:both; height:344px; overflow:hidden; padding:0 25px 0 15px;}
#newpage1{ position:absolute; top:0px; width:290px; clear:both; height:344px; overflow:hidden; padding:0 25px 0 15px;}
#newpage li { list-style-type: disc; color:#000; margin-left:20px; }
#newpage1 li { list-style-type: disc; color:#000; margin-left:20px; }
.extendpage { clear:both; padding:32px 25px 0 15px;}
.extendpage li { list-style-type: disc; color:#000; margin-left:20px; }
.extendpage1 { clear:both; padding:32px 25px 0 15px;}
#otherpage { background-color:#FFFFFF; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; position:absolute; top:32px; width:290px; clear:both; height:344px; overflow:hidden; padding:0 25px 0 15px;}
#rightcol div.background { background-image:url(../images/upload/HomeImage1.jpg); clear:both; display:block; height:344px; position:absolute; right:0; top:32px; width:763px; }
#rightcol div.nobackground { clear:both; display:block; height:344px; padding-top:32px; width:763px; }
#rightcol div h2 { color:#58A0B8!important; font-size:14px; font-weight:normal; margin-top:17px; }
#rightcol p { color:#000000; margin:8px 0 10px 0px; padding:0;}
#mainbottom a:hover .topbox { background-color:#58A0B8; color: #fff; display:block; font-size:15px; height:24px; opacity:0.7; padding:6px 0 0 16px; text-decoration: none;}
#mainbottom a { display:block; height:211px; width:183px;font-size:15px; float:left; padding-right:10px; font-weight:normal; text-decoration: none;}
#mainbottom a:hover {text-decoration: none; color: #F00!important; /* Change this to the colour and style you want the text on hover */}
#mainbottom .topbox { background-color:#000000; color:#FFFFFF; display:block; font-size:15px; height:24px; opacity:0.7; padding:6px 0 0 16px;}
#map_canvas { position:absolute; top:30px; left:327px; }
td { padding:5px 5px 5px 0; }
.contactus { width:230px; border:1px solid #58A0B8;}
textarea { width:230px; border:1px solid #58A0B8; height:158px; }
.contactform { padding-top:32px; padding-left:15px; color:#000000; }
/** End main area homepage **/

/** Photo Content **/
#PhotoContent { background-color:#FFFFFF; left:327px; position:absolute; top:30px; vertical-align:top; }
#ImageContainer { height:344px; left:326px; overflow:hidden; position:absolute; top:30px; width:435px; }
#BrowseNav { height:100%; position:absolute; top:137px; width:100%; z-index:3; }
#PreviousPhoto {cursor:pointer; float:left; position:relative; }
#NextPhoto { cursor:pointer; float:left; margin-left:315px; position:relative; }
/** End Photo Content **/

/** Carousel Gallery **/
#LargeGalleryView { background-color:#B0B2B5; display:block; height:305px; margin-bottom:44px; margin-left:138px; margin-top:14px; overflow:hidden; width:452px; }
.jcarousel-skin-warrencreative .jcarousel-container-horizontal { margin-left:18px; padding:0 48px; width:605px;}
.jcarousel-skin-warrencreative .jcarousel-container {}
.jcarousel-container { position:relative; }
 /** End Carousel Gallery **/

/** Footer **/
#ft{ width:1007px; height:70px; margin:0 auto; background-image:url(../images/bottom.png); background-position:0px 0px; background-repeat:no-repeat; position: relative; z-index:-1px; }
#ft .right{	font-size:11px;	float:right; position:absolute; top:30px; right:20px;}
#ft .smallright{	font-size:9px;	float:right; position:absolute; top:48px; right:20px; color:#333333!important;}
#ft .smallright  a{ color:#999999!important;}
#ft ul { text-align:left; position:absolute; top:30px; left:14px;}
#ft li { display:inline; margin-right:20px;	font-size:11px;}
#ft a {  font-weight:normal; text-decoration: none;}
#ft a:hover { color:#58A0B8; text-decoration: none;}
#ft .backarrow{	background-image:url(../images/buttons/arrow.gif); background-repeat:no-repeat; display:inline-block; background-position:0px 4px; padding-left:16px;}
/** End Footer **/