/* (c) iliadis.eu  */



/* COLOR PALLETE  [dark to light]

*/



/*  =reset.css

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin : 0;

	padding : 0;

	border : 0;

	outline : 0;

	font-style : inherit;

	font-size : inherit;

	font-family : inherit;

	background : transparent;

}

:focus { outline : 0; }

ol, ul { list-style : none; }

table { border-collapse : collapse; border-spacing : 0; }

caption, th, td { text-align : left; font-weight : normal; }





/* =generic

________________________________________________________________ */

body {

	font-family:Arial, Verdana, Helvetica, sans-serif;

	font-size:11px;

	color:#333333;

	background:#000000;

}

h1 {

	font-size:16px;

}

h2, h3 {

	font-size:14px;

	color:#32B7E2;

}

p {

	margin:10px 0px;

}

a:link, a:visited {

	color: #666666;

	text-decoration:underline;

}

a:hover, a:active {

	color: #000000;

	text-decoration:none;

}

.bold {

	font-weight:bold;

}

.gray_10px {

	font-size:10px;

	color:#999999;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0;

}







/* =MAIN_CONTAINER (contains header & content, not the footer)

________________________________________________________________ */

#main_container {

	width:950px;

	margin:0px auto;

	min-height:700px;

}











/* =HEADER

________________________________________________________________ */

#header_container {

	position:relative;

	float:left;

	width:950px;

	margin-bottom:5px;

}

.terrain_logo {

	position:relative;

	float:left;

	clear:both;

	width:200px;

}



/* =TOP MENU

________________________________________________________________ */



#top_menu {

	position:relative;

	float:left;

	width:100%;

	height:20px;

	font-size:11px;

	border-bottom:#000000 1px solid;

}

#top_menu a:link,

#top_menu a:visited {

	display:block;

	float:left;

	padding:0px 5px;

	line-height:20px;

	text-decoration:none;

	color:#cccccc;

	background:#000000;

}

#top_menu a:hover,

#top_menu a:active  {
	color:#000000;
	background:#ffffff;
}
#top_menu a.lang {
	color:#ffffff;
	font-weight:bold;
	background:#cc0000;
}
#top_menu a.lang:hover {
	color:#ffffff;
	background:#990000;
}

#top_menu .top_menu {
	float:right;
}











/* LEFT MENU

________________________________________________________________ */

#main_menu {
	position:relative;
	display:block;
	float:left;
	clear:left;
	width:200px;
	font-size:11px;
	border-bottom:0px;
}

#main_menu a:link,
#main_menu a:visited {
	display:block;
	margin:0px;
	padding:4px 5px;
	text-decoration:none;
}

#main_menu a:hover,
#main_menu a:active {
}


.stretch a:link,
.stretch a:visited {
	color:#333333;
	border-bottom:#000000 1px solid;
	background:#ffffff;
}
.stretch a:hover,
.stretch a:active {
	color:#000000;
	background:#eeeeee;
}


.no_stretch a:link,
.no_stretch a:visited {
	color:#333333;
	border-bottom:#000000 1px solid;
	background:#ffffff;
}

.no_stretch a:hover,
.no_stretch a:active {
	color:#000000;
	background:#eeeeee;
}

.stretcher a:link,
.stretcher a:visited {
	display:block;
	margin:0px;
	padding-left:10px;
	color:#cccccc;
	background:#202020;
	border-bottom:#000000 1px dashed;
}

.stretcher a:hover,
.stretcher a:active {
	color:#ffffff;
	background:#404040;
}

.menu_footer {
	height:5px;
	background:#ffffff;
}

.copy {
	position:relative;
	display:block;
	clear:both;
	padding-top:5px;
	font-size:10px;
	color:#404040;

}



/* =CONTENT

________________________________________________________________ */

#content_container {

	display:block;

	position:relative;

	float:left;

	width:750px;

	margin:0px;

	font-size:11px;

}





/* Picture column */

#picture_col {

	position:relative;

	display:block;

	float:left;

	width:270px;	

	min-height:300px;

	height:auto;

}

#picture_col img {

	float:left;

	margin-left:5px;

}







/* Text content column */

#text_col {

	position:relative;

	display:block;

	float:left;

	width:395px;

	min-height:300px;

	margin-left:5px;

	padding:10px 40px;

	padding-top:20px;

	padding-bottom:30px;

	background:#ffffff;

}



/* Plain content title */

#title_area {

	position:absolute;

	display:block;

	clear:left;

	width:400px;

	top:-25px;

	left:40px;

	vertical-align:bottom;

}

#title_area h1{

	position:relative;

	display:block;

	float:left;

	margin:0px;

	width:400px;

	font-size:16px;

	color:#ffffff;

}

#title_area .icon {

	position:relative;

	display:block;

	float:left;

	margin-left:-40px;

	font-size:16px;

	color:#32B7E2;

}



/* Map related content title */

#map_title_area {

	position:absolute;

	display:block;

	clear:left;

	width:400px;

	top:-50px;

	left:40px;

	vertical-align:bottom;

}

#map_title_area h1{

	position:relative;

	display:block;

	float:left;

	width:400px;

	margin:0px;

	font-size:16px;

	color:#ffffff;

}

#map_title_area .icon {

	position:relative;

	float:left;

	margin-left:-40px;

	font-size:16px;

	color:#32B7E2;

}

#map_title_area .map_details {

	position:relative;

	float:left;

	clear:both;

	line-height:11px;

	font-size:10px;

	color:#666666;

}







/* Map listing content column */

#map_listing_col {

	position:relative;

	display:block;

	float:left;

	width:475px;

	min-height:300px;

	margin-left:5px;

	padding-top:10px;

	padding-bottom:30px;

	background:#ffffff;

}

#map_listing_col a:link,

#map_listing_col a:visited {

	display:block;

	margin:0px;

	padding:0px 40px;

	height:22px;

	line-height:22px;

	text-decoration:none;

}

#map_listing_col a:hover,

#map_listing_col a:active {

}

#map_listing_col .stretch a:link,

#map_listing_col .stretch a:visited {

	font-size: 12px;

	font-weight:bold;

}

#map_listing_col .stretch a:hover,

#map_listing_col .stretch a:active {

	color:#000000;

	background:#eeeeee;

}



#map_listing_col .stretcher a:link,

#map_listing_col .stretcher a:visited {

	display:block;

	margin:0px;

	color:#cccccc;

	background:#202020;

	border-bottom:#000000 1px dashed;

}

#map_listing_col .stretcher a:hover,

#map_listing_col .stretcher a:active {

	color:#ffffff;

	background:#404040;

}



#map_listing_col .icon {

	width:40px;

	color:#32B7E2;

}







/* Skai maps logo */

.skai_maps {

position:absolute;

bottom:0px;

left: -135px;

}





/* Page  maps logo */

#item_menu {

	position:relative;

	display:block;

	float:right;

	width:475px;

	padding:5px 0px;

	color:#333333;

}

#item_menu a:link,

#item_menu a:visited {

	position:relative;

	display:block;

	line-height:16px;

	text-decoration:none;

	color:#666666;

}

#item_menu span a:hover,

#item_menu span a:active {

	color:#ffffff;

}

#item_menu .right_span {

	position:relative;

	display:block;

	clear:both;

	float:left;

}

#item_menu .left_span {

	position:absolute;

	float:left;

	left:-155px;

	width:150px;

	text-align:right;

}











/* form items */

.form_area {

}

.form_area ul {

	display:block;

	margin:10px 0px;

}

.form_area li {

	clear:both;

	list-style:none;

	line-height:30px;

}

.form_area label {

	position:relative;

	float:left;

	width:120px;

	padding:0px 5px;

	line-height:20px;

	font-size:10px;

	color:#333333;

}

.form_area input,

.form_area textarea {

	float:left;

	font-size:11px;

	color:#333333;

	background:#f5f5f5;

	border:#eeeeee 1px solid;

}

.form_area input:focus,

.form_area textarea:focus {

	background:#ffffff;

	border:#cccccc 1px solid;

}







/* Button class */

.button{

	position:relative;

	display:block;

	float:left;

	clear:right;

}

.button a:link,

.button a:visited {

	display:block;

	float:left;

	margin:0px 2px 2px 0px;

	padding:0px 5px;

	line-height:25px;

	text-decoration:none;

	color:#333333;

	border:#eeeeee 1px solid;

}

.button a:hover {

	background: #eeeeee;

	border:#cccccc 1px solid;

}







/* paging menu */

#paging {

	position:relative;

	clear:both;

	width:540px;

	height:50px;

	margin:10px 0px;

	padding-top:2px;

	border-top:#eeeeee 1px solid;

}

#paging span {

	position:relative;

	float:left;

	margin:1px;

	padding:1px 5px;

	font-size:9px;

	font-weight:bold;

	color:#C1BEBA;

	background:#eeeeee;

}

#paging a:link,

#paging a:visited {

	position:relative;

	display:block;

	float:left;

	margin:1px;

	padding:1px 5px;

	font-size:9px;

	font-weight:bold;

	text-decoration:none;

	color:#666666;

	background:#eeeeee;

}

#paging a:hover {

	margin:0;

	color:#333333;

	border:#cccccc 1px solid;

	background:#ffffff;

}







/* =FOOTER

________________________________________________________________ */

#footer_container {

	position:relative;

	display:block;

	clear:both;

	width:950px;

	margin:0px auto;

	font-size:10px;

	text-align:right;

	line-height:30px;

	color:#999999;

}







#footer_container a:link,

#footer_container a:visited {

	padding:0px 3px;

	color: #666666;

	text-decoration:none;

}

#footer_container a:hover {

	color: #ffffff;

}