/*\	+-----------------------------------------------+


		styling >> neptuneland.co.uk
		version >> 11/05/2007		
		author >> Kostis Sakkas					
		
	+-----------------------------------------------+	\*/






















/*	THE HTML
____________________________________________________________*/
html 	{ margin:0; padding:0;}
body 	{ margin:0; padding:0;  font:normal 11px/130% Verdana, Arial, Helvetica, sans-serif;color:#666;}

h1, h2	{ margin:0; padding:0; font-family: "Palatino", "Georgia", "Times New Roman", serif;}
h3, h4, h5	{ margin:0; padding:0; font-family: "Verdana", "Arial", "Helvetica", sans-serif;}
p 		{ margin:0; padding:0; font:normal 1em/130% "Verdana", "Arial", "Helvetica", sans-serif; color:#6D6E72;}
em		{ color:#88350B; text-decoration:underline; font-style:normal;}
img, 
img a 	{ border : none;}
hr 		{ /*good for IE*/ color: #969696; /*the rest try to fool opera and firefox */height: 1px; background-color: #969696; border: 0px solid #969696; }
form, 
fieldset{ margin:0;padding:0; border:0}
code	{ margin:5px; padding:5px; font:normal 1.2em/130% Courier; color:#c00; border:1px dotted #ccc; display:block}
.clearthis	{ clear: both; line-height: 1px; height: 0;}
#skip{display:none}


/*	THE LINKS
____________________________________________________________*/
a			{color:#39A2E5; font:normal 1em/100% "Verdana";text-decoration:underline;}
a:hover 	{color:#5289B7; text-decoration:none}
a.external		{padding:0 20px 2px 0;}
a.external:hover {padding:0 20px 2px 0;}

/*	THE POSITIONING
____________________________________________________________*/
#header, #header-wrapper,  #sidebar{display:none}


/*	THE CONTENT
____________________________________________________________*/
#green #content a, #green #content a:hover{color:#00693c}
.green, .green a, .green a:hover{color:#00693c}
.green img{border:2px solid #00693c}

#orange #content a, #orange #content  a:hover{color:#c75b12}
.orange, .orange a, .orange a:hover{color:#c75b12}
.orange img{border:2px solid #c75b12}

#wine #content a, #wine #content a:hover{color:#882345}
.wine, .wine a, .wine a:hover{color:#882345}
.wine img{border:2px solid #882345}

/*	THE MAIN
____________________________________________________________*/
#main{margin:0; padding:10px; width:600px;}
#main p{margin:0; padding:0 0 10px;}

img.pageimg{margin:5px 0; padding:0; border:2px solid #00693c; text-align:center}

	#main h2{margin:0; padding:0 0 15px; font:normal 2em/110% 'Arial'; color:#00bbCE}
	#main h4{margin:0; padding:0 0 10px; font:normal 1.5em/110% 'Arial'; color:#00bbCE}
	#green #main h2{color:#00693c}
	#green #main h4{color:#00693c}
	#orange #main h2{color:#c75b12}
	#orange #main h4{color:#c75b12}
	#wine #main h2{color:#882345}
	#wine #main h4{color:#882345}
	
	#latest-cont{margin:10px 0 0; padding:0; float:left; width:460px;}
	#latest-cont h2{margin:0; padding:0 0 5px; font:normal 2em/110% 'Arial'; color:#00bbCE}
	.latest{margin:10px 0 0; padding:0; float:left; width:460px;}
	.latest h4{margin:0; padding:0 0 2px; font:normal 1.5em/110% 'Arial';}
		#latest-cont .green h4{color:#00693c}
		#latest-cont .orange h4{color:#c75b12}
		#latest-cont .wine h4{color:#882345}

	.latest img{margin:5px 0; padding:0; width:450px;}
		.green img{border:2px solid #00693c}
		.orange img{border:2px solid #c75b12}
		.wine img{border:2px solid #882345}

	
	.latest small{margin:0; padding:0 0 10px; font:normal 1em/110% 'Verdana'; color:#333}
	.latest p{margin:0; padding:5px 0;}



/*	THE CONTACT
____________________________________________________________*/
.contact ul{margin:0; padding:0; list-style-type:none;}
.contact ul li{margin:0; padding:0 0 2px;}

.contact img{margin:15px 0; padding:0; border:2px solid #272761; }

/*	THE SITEMAP
____________________________________________________________*/
ul#sitemap{margin:0; padding:0; list-style-type:none;}
ul#sitemap ul{margin:0; padding:5px 0 5px 20px; list-style-type:square;}
ul#sitemap li{margin:0; padding:0 0 5px; color:#272761; font:normal 1.1em/130% 'verdana'}
ul#sitemap li ul li{margin:0; padding:0 0 2px; color:#272761;}
ul#sitemap li a, ul#sitemap li a:hover{color:#272761}


/*	THE PROJECTS
____________________________________________________________*/
#project{margin:10px 0; padding:0 10px 0 0; float:left; width:440px;}
#project{background-color:#CCEEF3; border:1px solid #CCEEF3;}
#green #project{background-color:#00693c; border:1px solid #00693c;}
#orange #project{background-color:#c75b12; border:1px solid #c75b12;}
#wine #project{background-color:#882345; border:1px solid #882345;}

	#project img{margin:0; padding:0; width:330px; float:left;}
	#project p{padding:10px; float:left; width:90px;}
	#green #project p{color:#fff;}
	#orange #project p{color:#fff;}
	#wine #project p{color:#fff}


ul#slideshow{margin:0; padding:0 10px 0 0; float:left; width:440px; list-style-type:none;}
ul#slideshow li{padding:0 5px 0 0; float:left;}


/*	THE TEAM
____________________________________________________________*/
.team{margin:5px 0; padding:0 10px 0 0; background-color:#CCEEF3; border:1px solid #CCEEF3; float:left; width:440px;}
.team img{margin:0; padding:0 10px 0 0; width:70px; height:85px; float:left;}
.team h3{margin:0; padding:45px 0 0; font:normal 1.3em/100% 'arial'; color:#272761; width:360px;  float:left}
.team p{margin:0; padding:0;float:left; width:180px;}
.team p.more{margin:0; padding:0;color:#00ABC1; float:left; text-align:right}
.team p.more a{margin:0; padding:0;color:#00ABC1; text-decoration:underline}
.team p.more a:hover{color:#00ABC1; text-decoration:none}
.alt{ background-color:#E5F7F9;border:1px solid #E5F7F9;}

#person{ margin:0; padding:0 10px 0 0; background-color:#CCEEF3; border:1px solid #CCEEF3; float:left; width:440px;}
#person img{margin:0; padding:0 10px 0 0; width:140px; float:left;}
#person h3{margin:0; padding:10px 0 0; font:normal 1.4em/100% 'arial'; color:#272761}
#person h4{margin:0; padding:5px 0 10px; font:normal 1.1em/100% 'Verdana'; color:#656263}
#person p{margin:0; padding:5px 0 10px; font:bold 1.1em/120% 'Verdana'; color:#656263}

#cv{margin:10px 0; padding:0; float:left; width:450px;}
#cv p{margin:10px 0 0;}
	

/*	THE FOOTER
____________________________________________________________*/
#footer{margin:10px 0 0; padding:0; width:460px;}
#footer p{color:#333}

	
/* THE FORM ELEMENTS
____________________________________________________________*/
form		{ margin:0; padding:0;}
fieldset	{ margin:0; padding:0;border:0;}
fieldset dl { margin:15px 0 0 0;padding:0;}
fieldset dl dt	{	margin:0;padding:0;}
fieldset dl dd 	{ margin:3px 0px; padding:0px; }
label		{cursor:pointer}
input, select		{margin:0; padding:0;}
input.submit-btn	{padding:2px 5px;float:left;}
input.small 		{width:20px;}
.cbox input.small	{ width:20px;}
input.radio		{margin:3px 0 0  0; width:25px;}
textarea {padding:2px;width:200px;}
textarea.txt {padding:2px;width:200px; height:200px;}

.cbox input.contact-btn{margin:5px 0 0;padding:2px 3px;color:#45452C; border-width:0 2px 2px 0; border-style:solid; border-color:#AD9A42; background-color:#F3DF80;}

#frm label.cssFormValidatorError{}
#frm input.cssFormValidatorError{background-color:#FFFFCA;}

dl.error{margin:0 0 10px ; padding:10px 5px;  background-color:#FFFFCC; float:left; width:220px;}
dl.error dt{margin:0; padding:0; background:none }
dl.error dd{margin:0; padding:0; background:none }



/* THE LIGHTBOX
____________________________________________________________*/
#lightbox{ padding: 10px; background-color:#fff; border-bottom: 2px solid #ccc;border-right: 2px solid #ccc;}
#lightboxDetails{ font-size: 1em;	padding-top: 0.4em; color:#00619E;}	
#lightboxCaption{ float: left; }
#closeButton{ top: 10px; right: 10px; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none;clear: both; } 
#overlay img{ border: none; }