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

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	}
	
h3 {
	color: purple;
	}
	
.header {
	position: absolute;
	top: 10px;
	margin-left: 175px;
	width: 800px;
	}
	
/*Top Menu Navigation Starts Here*/
	
.top_nav {
	position: absolute;
	top: 157px;
	margin-left: 175px;
	width: 800px;
	float: right;
	}
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
	font: bold 13px Arial;
	width: 100%;
	}

.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border: 1px solid #564c66; 
	border-width: 1px 0;
	background: black url(Images/indentbg.gif) center center repeat-x;
	}

.indentmenu ul li{
	display: inline;
	}

.indentmenu ul li a{
	float: left;
	color: white;
	padding: 5px 11px;
	text-decoration: none;
	border-right: 1px solid #564c66;
	}

.indentmenu ul li a:visited{
	color: white;
	}

.indentmenu ul li a:hover, .indentmenu ul li {
	color: white !important;
	padding-top: 6px; 
	padding-bottom: 4px; 
	background: black url(Images/indentbg2.gif) center center repeat-x;
	}	

/*Top Navigation Menu Ends Here*/
	
.content {
	position: absolute;
	top: 186px;
	margin-left: 175px;
	padding: 15px 25px 0px 25px;
	width: 765px;
	background-color: #000000;
	text-align: justify;
	}
	
.about_content {
	padding: 15px 25px 0px 25px;
	width: 765px;
	text-align: justify;
	}

	
#price_content {
	text-align: center;
	}
	
#ind_rates	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	text-align: left;
	}
	
pre {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	}
	
a:link {
	color: #666666;
	background-color: transparent;
	text-decoration: none;
	}
	
a:visited {
	color: #497B9A;
	background-color: transparent;
	text-decoration: none;
	}
	
a:active {
	color: #666666;
	background-color: transparent;
	text-decoration: none;
	}
	
a:hover {
	color: #666666;
	background-color: transparent;
	text-decoration: none;
	}
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed white;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	margin-left: 150px;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}