/* ----- BASIC ELEMENTS AND FONTS ----- */



html, body {

	color: #fff;

	font-size: 11px;

	font-family: Tahoma, arial, sans-serif;

	background: #5a5a5a url(./images/sanddunesmon_bannergray2.jpg) no-repeat;

	margin:0;

	padding:0;

	height:100%;

}



.clear {

	clear: both;

	height:30px;

}



p {

	margin: 10px 30px 10px 30px;

}



.login_box p {

	margin:0px 10px 20px 25px;

	font-size:9px;

	color:#fff;

	text-transform: uppercase;

}

.content_box p {

	margin: 10px 0px 10px 0px;

	color:#282c62;

	font-size:11px;

	text-align:justify;

}

.content_box_large p {

	margin: 10px 0px 10px 0px;

	font-size:12px;

	text-align:justify;

	color: #282c62;

}



.content_box_photo h3 {

	margin: 0px 0px 10px 45px;

}



.red {

	color:red;

}



.yellow {

	color:#ffd502;

	font-weight:bold;

}



.blue {

	color:#282c62;

	font-weight:bold;

}



h1 {

	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;

	font-size:30px;

	text-transform:uppercase;

	font-weight:normal;

	margin: 0px 0px 0px 0px !important;

	margin: 10px 0px 0px 0px;

	color:#fff;

}



h2 {

	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;

	font-size:20px;

	margin: 0px 50px 10px 0px !important;

	margin: 0px 30px 10px 0px;

	font-size:12px;

	text-transform:uppercase;

	color:#072450;

	font-weight:normal;

}



h3 {

	margin: 0px 0px 10px 0px;

	text-transform:uppercase;

	font-size:12px;

	color:#282c62;

}



h4 {

	position: absolute;

	top: 310px;

	left: 195px;

	font-size:12px;

	color:#282c62;

}



a {

	text-decoration: none;

	color:#c40000;

}



/*----- MENU ----- */



#nav_list {

	margin: 0;

	padding: 0;

	width: 170px;

	list-style: none;

	overflow: hidden;

}



#nav_list li {

	width: 170px;

	overflow: hidden;

	text-transform: uppercase;

	font-size:9px;

	font-weight:bold;

}



#nav_list a {

	color:#fff;

}



.li_nav_body b  {

	display: block;

	width: 170px;

	height: 20px;

	background: url(./images/nav_body.png) no-repeat;

	padding-left: 25px;

	line-height:20px;

}



.li_nav_body a  {

	display: block;

	width: 170px;

	height: 20px;

	background: url(./images/nav_body.png) no-repeat;

	padding-left: 25px;

	line-height:20px;

}



.li_nav_footer a  {

	display: block;

	width: 170px;

	height: 21px;

	background: url(./images/nav_body.png) no-repeat;

	background-position:  0 0px;

	padding-left: 25px;

	line-height:21px;

}



.li_nav_body a:hover {

	background-position:  0 -20px;

	color:#016001;

}



.li_nav_footer a:hover {

	background-position:  0 -20px;

	color:#016001;

}



/*----- LAYOUT ----- */



#container {

	width:100%;

	background:url(./images/sidebar_body.png) 0px 0px repeat-y !important;

	min-height:100%;

	height:100%;

}



#menu_header {

	width:170px;

	height:320px;

	text-align:left;

	float:left;

	margin:0 0 0 0px;

}



#menu_left {

	width: 170px;

	min-height: 100%;

	margin:0 0 0 0px;

	float: left;

        background: url(./images/sidebar_body.png) repeat-y;

}



.login_box {

	width: 170px;

	float:left;

	margin:0 0 0 0px;

}



#head {

    	width: 970px !important;

	height: 320px;

	float:left;

	text-align: right;

	padding-right: 30px;

/*	border-right: solid #5a5a5a 50px;*/

}



#content {

	width: 1000px;

	text-align: justify;

	float: left;

	margin:0 0 0 0px;

	background: rgb(185, 185, 185) url(./images/sidebar_body.png) 0px 0px repeat-y !important;

/*	border-right: solid #5a5a5a 50px;*/

}



.content_box {

	width: 170px;

	margin:0px 0px 0px 30px;

	float: left;

}



.content_box_large {

	width: 400px;

	margin:0px 0px 0px 30px;

	float: left;

}



.content_box_photo {

	width: 200px;

	margin:0px 0px 0px -10px;

	float: left;

}



.content_box_about {

	width: 370px;

	margin:0px 0px 0px 30px;

	float: left;

}



/* GALLERY THUMBNAIL BOX */



#thumbnail-box {

    width:800px;

    float:left;

    margin:20px 0px 0px 10px;

    font-family: arial, sans-serif;

}

#thumbnails {

    list-style-type: none;

    margin:0;

    padding:0;

    float:left;

}

#thumbnails li {

    margin:0;

    padding:0;

    float:left;

}

div.small-image-box {

    background-color:rgb(128, 128, 128);

    width:180px;

    height:210px;

    margin-top:10px;

    margin-bottom:10px;

    margin-left:14px;

    text-align:center;

    padding-bottom:5px;

    padding-top:5px;

    border: solid #000000 1px;

}

div.small-image-box img {

    margin-bottom:5px;

    margin-top:35px;

    display:block;

    margin-left:auto;

    margin-right:auto;

    border: double #f0f0f0 3px;

}

div.small-image-box p {

    height:15px;

    width:150px;

    background-color:rgb(240, 240, 240);

    color:#282c62;

    display:block;

    font-size:11px;

    margin-top:37px;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

    border: solid #000000 1px;

    font-weight:bold;

}

div.small-image-box-vert {

    background-color:rgb(128, 128, 128);

    width:180px;

    height:210px;

    margin-top:10px;

    margin-bottom:10px;

    margin-left:15px;

    text-align:center;

    padding-bottom:5px;

    padding-top:5px;

    border: solid #000000 1px;

}

div.small-image-box-vert img {

    margin-bottom:5px;

    margin-top:15px;

    display:block;

    margin-left:auto;

    margin-right:auto;

    border: double #f0f0f0 3px;

}

div.small-image-box-vert p {

    height:15px;

    width:150px;

    background-color:rgb(240, 240, 240);

    color:#282c62;

    display:block;

    font-size:11px;

    margin-top:8px;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

    border: solid #000000 1px;

    font-weight:bold;

}



/* LIGHTBOX CODE */



#lightbox{

/*	background-color:#eee;*/

	background-color:#000000;

	padding: 10px;

/*	border-bottom: 2px solid #666;*/

/*	border-right: 2px solid #666;*/

	border: 2px solid #c0c0c0;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{

		float: left;

		color:#c0c0c0;

		font-size:10pt;}



#keyboardMsg{ float: right;

		color:#c0c0c0;

		font-size:10pt;}



#closeButton{ top: 5px; right: 5px; }



#lightbox img{ border: none; clear: both;} 



#overlay img{ border: none; }



#overlay{ background-image: url(./images/overlay.png); }



* html #overlay{

	background-color: #333;

	back\ground-color: transparent;

	background-image: url(./images/blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/overlay.png", sizingMethod="scale");

	}



/*----- IMAGES ----- */



/*a img{

	border: none;

}



img.left,img.center,img.right {

	padding: 4px;

	border: 1px solid #a0a0a0;

}



img.left {

	float: left;

	margin: 0px 12px 5px 0px;

	background:#fff;

}



img.right {

	float: right;

	margin: 0px 30px 5px 0px;

}

*/



/*----- Hoverbox Code - get code found at http://host.sonspring.com/hoverbox/ ------*/



.hoverbox

{

/*	cursor: default;*/

	list-style: none;

}



.hoverbox a

{

	cursor: default;

}



.hoverbox img

{

/*	background: #fff;*/

	vertical-align: top;

/*	width: 100px;

	height: 75px;*/

	margin: 0px 0px 5px 0px; 

	padding: 0px;

	border-color: #000000;

	border-style: double;

	border-width: 3px;

}



.hoverbox li

{

	display: inline;

	float: left;

	position: relative;

}