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


/*****************
 RESET BROWSER STYLES
 ********************/
 
/* XHTML and CSS by Matt Hoffpauir - Marketectsinc.com */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */





/*****************
 STRUCTURE
 ********************/

body {
	background: #01071d url(images/bg.jpg) top center no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Jamrul,sans-serif;
	color: #c8c8c8;
	text-align: center }
	
	
#container { 
	width: 925px;
	margin: 0 auto;
	text-align: left }
	
#header {
	width: 100%;
	height: 90px}

#animation {
	width:925px;
	height: 300px;
	background: url(images/animation-bg-home.png) no-repeat;
	
	 }
	


#content {
	width: 100%;
	background: url(images/checkers.png) top center no-repeat}
	

#contentleft {width: 460px; float: left; margin: 20px 0px 30px 5px  }

#contentleft a:link {text-decoration: none; color: #ffca08; border-bottom: 1px #ffca08 dotted }

#contentleft a:visited {text-decoration: none; color: #ffca08; border-bottom: 1px #ffca08 dotted }

#contentleft a:hover {text-decoration: none; color: #81b9f2; border-bottom: 1px #81b9f2 dotted}

#contentleft a:active {text-decoration: none; color: #ffca08; border-bottom: 1px #ffca08 dotted }

#contentright {width:425px; float: right; margin: 20px 5px 30px 0px  }

#insidecontentleft {width: 615px; float: left; margin: 20px 0px 30px 5px  }



#insidecontentright {width:250px; float: right; margin: 0px 8px 30px 0px; background: url(images/side-nav-trans.png) top center no-repeat;   }

#insidecontentright table {margin-left: 8px }

#insidecontentleft a:link {text-decoration: none; color: #ffca08; }

#insidecontentleft a:visited {text-decoration: none; color: #ffca08; }

#insidecontentleft a:hover {text-decoration: none; color: #81b9f2;}

#insidecontentleft a:active {text-decoration: none; color: #ffca08; }

#insidecontentleft a img  { border:none; }



#insidecontentright h2 {padding-top: 20px; padding-left: 8px }

#news {
	background: url(images/news-home-back.jpg) no-repeat;
	}
	
	
#news a:link {text-decoration: none; color: #ffca08}

#news a:visited {text-decoration: none; color: #ffca08 }

#news a:hover {text-decoration: none; color: #81b9f2}

#news a:active {text-decoration: none; color: #ffca08 }
	
	
.clearfix {clear: both; height: 35px}
.clearfix2 {clear: both}

#footer { 
	 
	width: 925x;
	border-top: 2px solid #ffca08;
	background: #00071c url(images/footer-back2.jpg) bottom no-repeat }
	
#footer h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	color: #ffca08;
	padding: 10px 5px }

#footerleft {
	width: 300px;
	float: left;
	padding-right: 5px }

#footermid {
	width: 300px;
	float: left;
	padding-right: 5px }

#footerright {
	width: 300px;
	float: left;
	padding-right: 5px }

#credits {
	font-size: 12px;
	padding-top: 5px;
	padding-left: 6px;
	clear: both; 
	font-family: "Trebuchet MS", Helvetica, Verdana, Jamrul,sans-serif;}
	
	#nav {
	padding-top: 42px;
	width: 635;
	float: right }
	
	#flash {
	z-index: 10;
	padding-top: 8px;
	padding-left: 8px}
	
#largemap { padding-bottom: 20px }

#largemap a:link img, a:visited img, a:hover img, a:active img{ border: 0px }

#largemap td a img {border: none}


/*****************
   CONTACT FORMS
 ********************/
 #locations {
 	width: 100%	}
		
 #contactform {
	width: 360;
	float: left;
	background: #08102f;
	border: 1px solid #ffca08  }
	
	#contactform table {
		margin: 6px }
		
	#contactform table td {
		padding: 4px 0px}
		
		
		#careerform {
	width: 315;
	float: left;
	background: #08102f;
	border: 1px solid #ffca08  }
	
	#careerform table {
		margin: 6px }
		
	#careerform table td {
		padding: 4px 0px}
		
		#americas { 
 	width: 280px;
	float: left  }
 
 .clearfix2 {
 	clear: both;
	height: 20px }
	
	.submit {
		background: url(images/send-button.png);
		text-indent: -9999px;
		display: block;
		width: 82px;
		height: 23px;
		border: none;
		text-transform: capitalize;
		font-size: 0;
		float: left}
		
		.clear {
		background: url(images/clear-button.png);
		text-indent: -9999px;
		display: block;
		width: 82px;
		height: 23px;
		border: none;
		text-transform: capitalize;
		font-size: 0;
		float: left}


.tablepad {
	padding-bottom: 8px }

/*****************
    ROLLOVER MAP
 ********************/
 
 #map2 { height: 310px }
 
 #image1 {width: 71px; height: 310px; float: left }
 #image1 a {   

    display: block;   
	background:  url(map/map-large.png);
	background-position: 0px bottom ; 
	width: 71px;   
	height: 310px }
	
 #image1 a:visited {   
	background:  url(map/map-large.png);
	background-position: 0px bottom ; 
	 }

#image1 a:hover {   
	background:   url(map/map-large.png);   
	}
	
#image1 a:active {   
	background:  url(map/map-large.png);
	background-position: 0px bottom ; 
	 }
	
	
	
	
#image2 {width: 98px; height: 310px; float: left}
#image2 a {   

    display: block;   
	background:  url(map/map-large.png);
	background-position: -71px -310px ; 
	width: 98px;   
	height: 310px }

#image2 a:hover {   

  	background:   url(map/map-large.png); 
	background-position: -71px  0px
	}


#image3 {width: 102px; height: 310px; float: left}
#image3 a {   

    display: block;   
	background:  url(map/map-large.png);
	background-position: -169px -310px ; 
	width: 102px;   
	height: 310px }

#image3 a:hover {   

  	background:   url(map/map-large.png); 
	background-position: -169px -310px;   
	}
	
	
	
	
 #image4 {width: 53px; height: 310px; float: left }
 #image4 a {   

    display: block;   
	background:  url(map/map-large.png);
	background-position: -271px bottom ; 
	width: 53px;   
	height: 310px }
	
 #image4 a:visited {   
	background:  url(map/map-large.png);
	background-position: -271px bottom
	 }

#image4 a:hover {   
	background:   url(map/map-large.png);  
	background-position: -271px  0px
	}
	
#image4 a:active {   
	background:  url(map/map-large.png);
	background-position: -271px bottom
	 }
	 
	 
	 
	 
 #image5 {width: 84px; height: 310px; float: left }
 #image5 a {   

    display: block;   
	background:  url(map/map-large.png);
	background-position: -324px bottom ; 
	width: 84px;   
	height: 310px }
	
 #image5 a:visited {   
	background:  url(map/map-large.png);
	background-position: -324px bottom 
	 }

#image5 a:hover {   
	background:   url(map/map-large.png);  
	background-position: -324px  0px
	}
	
#image5 a:active {   
	background:  url(map/map-large.png);
	background-position: -324px bottom 
	 }
	 
	 
	 
	 
	  #image6 {width: 198px; height: 310px; float: left }
 #image6 a {   

    display: block;   
	background:  url(map/map-large.png);
	background-position: -404px -310px; 
	width: 198px;   
	height: 310px }
	
 #image6 a:visited {   
	background:  url(map/map-large.png);
	background-position: -404px -310px
	 }

#image6 a:hover {   
	background:   url(map/map-large.png);  
	background-position: -404px  0px
	}
	
#image6 a:active {   
	background:  url(map/map-large.png);
	background-position: -404px -310px
	 }



/*****************
 TYPOGRAPHY
 ********************/
 
 p {
 	letter-spacing: 1.5px;
 	line-height: 23px;
	margin: 10px 0px;
	font-size: 15px;
	font-family: "Trebuchet MS", Helvetica, Verdana, Jamrul,sans-serif; }
	
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	
	font-size: 20px;
	margin: 20px 27px;
	color: #ffca08;
	line-height: 26px }
 
h1 { font-size: 10px }

h1.esignpost {
	font-size: 20px;
 	color: #ffca08;
	margin: 4px 0px 10px 0px;
	letter-spacing: 2px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #ffca08  }
 
 h1 a {  
   display: block;  
   text-indent:-9999px;  
   background: url(images/logo-272-90.png);
   background-repeat: no-repeat;
   width:272px;  
   height:90px;  
   position: absolute;
   margin: 0px  }  
   
#content h2 {
 	font-size: 20px;
 	color: #ffca08;
	margin: 4px 0px 10px 0px;
	letter-spacing: 2px }
	
#content h2.underline {
 	width: 100%;
	display: block;
	border-bottom: 1px solid #ffca08  }
	
	#content h2.underlineshort {
 	width: 242px;
	display: block;
	border-bottom: 1px solid #ffca08  }
	
	

	

ul.footer { padding-left: 6px; font-family: "Trebuchet MS", Helvetica, Verdana, Jamrul,sans-serif; line-height: 17px}

#footer a:link { 
	font-size: 13px;
	color: #c8c8c8;
	text-decoration: none }
	  

#footer a:visited { 
	font-size: 13px;
	color: #c8c8c8;
	text-decoration: none  }

#footer a:hover {
	font-size: 13px;
	color: #ffca08;
	text-decoration: none   }

#footer a:active {
   font-size: 13px;
	color: #c8c8c8;
	text-decoration: none   }
	
#news h3 {
	margin-left: 20px;
	padding: 20px 20px 10px 20px;
	background: url(images/news-icon.png) no-repeat left center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #c8c8c8;
	font-style: italic;
	font-size: 14px }
	
#news h3 a:link {
	text-decoration: none; 
	color: #c8c8c8;
	font-style: italic;
	border: none;
	font-size: 14px }
	
	#news h3 a:visited {
	text-decoration: none; 
	color: #c8c8c8;
	font-style: italic;
	border: none;
	font-size: 14px }
	
#news h3 a:hover{
	text-decoration: none; 
	color: #ffca08;
	font-style: italic;
	border: none;
	font-size: 14px }
	
	#news h3 a:active {
	text-decoration: none; 
	color: #c8c8c8;
	font-style: italic;
	border: none;
	font-size: 14px }
	
	
	
#news p { 
	margin: 0px 20px;
	font-size: 13px }
	
	#sidenav {
		font-family: "Trebuchet MS", Helvetica, Verdana, Jamrul,sans-serif;
		font-size: 15px;
		}
		
		#sidenav ul li{
		padding: 8px 0px 8px 8px;
		border-bottom: 1px #666 dotted;
		}
		
		#sidenav ul li a:link
   {
	color: #c8c8c8;
	text-decoration: none;
	
}

#sidenav ul li a:visited   {
	color: #c8c8c8;
	text-decoration: none; }

#sidenav ul li a:hover
   {
	color: #ffca08;
	text-decoration: none }
	

	
#sidenav ul li a:active   {
	color: #c8c8c8;
	text-decoration: none; }



.imgtoppadding {padding-top: 40px }

#insidecontentleft ol {
	margin: 12px 12px 12px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #c8c8c8;
	font-style: italic }
	
	#insidecontentleft ol li {
	padding: 4px 2px;
	list-style: decimal }

#insidecontentleft ul {
	margin: 12px 12px 12px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #c8c8c8;
	list-style: disc;
	font-style: italic }
	
#insidecontentleft ul li {
	list-style: disc;
	padding: 4px 0px }
	
	hr {border: none 0;
border-top: 1px dashed #666;/*the border*/

height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

#rentals {background-color: #fff; width: 400px }

#rentallink a:link { text-decoration: none; color: #ffca08; border-bottom: none; line-height: 20px; font-size: 14px  }

#rentallink a:visited { text-decoration: none; color: #ffca08; border-bottom: none;line-height: 20px; font-size: 14px   }

#rentallink a:hover { text-decoration: none; color: #81b9f2; background: none; border-bottom: none;line-height: 20px; font-size: 14px   }

#rentallink a:active { text-decoration: none; color: #ffca08; border-bottom: none;line-height: 20px; font-size: 14px   }

#rentals h3 {
	color: #091a59;
	padding: 13px 0px;
	font-size: 16px;
	font-weight: bold }
	
	#rentals ul {padding: 3px 18px; text-align: left }

#rentals ul li{
	color: #091a59;
	list-style: disc;
	padding: 0px 8px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;  line-height: 18px }
	
.newsdate {font-weight: bold; color: #81b9f2 }

.imageborder {
	margin: 0px 10px 5px 0px }
	
.noitalics {
	font-style: normal }
	
	
	
	/*****************
HOME PAGE PHOTO GALLERY EFFECTS
 ********************/
	
	
/* Easy Slider */



	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */