body {
	font: 62.5% verdana bold;
	color: #FFF;
	background: #001232;
	
	text-align:center;
	/*scrollbar-face-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-track-color:#000000;
    scrollbar-arrow-color:#C2A2DA*/
}
		
a { 
	text-decoration:none;
	color:#FFF; 
} 

a:hover { 
	text-decoration:none;
	color:green;
} 

p {
	line-height:1.9em;
	letter-spacing:0.1em;
	font-family: SFNewRepublic;
	text-align:justify;
	
}
hr
{
	color:#6d8a3c;
}


div.logo 
{
	float:left;
	text-indent: -5000px;
	width:318px;
	height:121px;
	background:url(../Graphics/logo.png) no-repeat;	
	overflow:hidden;
	position:absolute;
	margin-top:80px;
	
}

h1 a
{
	float:left;
	display:block;
	text-indent: -5000px;
	width:318px;
	height:121px;
	background:url(../Graphics/logo.png) no-repeat;
	overflow:hidden;
	position:absolute;
	margin-top:6px;}
	
<!--[if IE]>
<style>
h1 a
{
 background-image: none;
 filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(Graphics/logo.png,
sizingMethod='scale');
}
</style>
<![endif]-->


h2 {
	font-size:0.9em;
	text-indent: -5000px;
	overflow:hidden;
}




/* ---------------------------------------------
CONTENT AREAS
-----------------------------------------------*/

#wrapper
{
	width:756px;
	padding:0px 97px 225px 97px;
	
	margin:0 auto;
	text-align:left;
	font-size: 0.75em;
	background: #001232 url(../Graphics/background.jpg) 50% 0 no-repeat;
	

}

#header 
{
	position:relative;
	width:756px;
	height:138px;
	vertical-align: bottom;
	top: 0px;
	left: 0px;
}


#photos {
	position:relative;
	width:756px;
	height:504px;
	overflow:hidden;
	
}

#slider {
	width:756px;
	height:504px;  /*495*/
	overflow:hidden;
}

/* ---------------------------------------------
 BACKGROUND IMAGES
-----------------------------------------------*/

.section {

	float:left;
	width:756px;
	height:504px;
}

#section_home {
	background:url(../Graphics/Backgrounds/home.jpg);
}

#section_about {
	background:url(../Graphics/Backgrounds/about.jpg);
}

#section_services {
	background:url(../Graphics/Backgrounds/services.jpg);
}

#section_gallery {
	background:url(../Graphics/Backgrounds/home.jpg);
}

#section_news {
	background:url(../Graphics/Backgrounds/news.jpg);
}

#section_contact {
	background:url(../Graphics/Backgrounds/contact.jpg);
}

/* ---------------------------------------------
 PAGE TITLES
-----------------------------------------------*/

h2 {
	width:145px;
	height:27px;
	text-indent: -5000px;
}

#overlay_home h2 {
	width:145px;
	height:27px;
	background:url(../Graphics/Titles/home.png) no-repeat;
}


#overlay_about h2 {
	width:145px;
	height:27px;
	
	background:url(../Graphics/Titles/about.png) no-repeat;
}

#overlay_services h2 {
	width:145px;
	height:27px;
	
	background:url(../Graphics/Titles/services.png) no-repeat;
}


#overlay_gallery h2 {
	width:145px;
	height:27px;
	
	background:url(../Graphics/Titles/clients.png) no-repeat;
}
#overlay_news h2 {
	width:145px;
	height:27px;
	
	background:url(../Graphics/Titles/news.png) no-repeat;
}

#overlay_contact h2 {
	width:145px;
	height:27px;
	
	background:url(../Graphics/Titles/contact.png) no-repeat;
}

/* ---------------------------------------------
 TEXT OVERLAYS
-----------------------------------------------*/
#overlay
  {
  width:756px;
  height:160px;
  background-color:#000000;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  top:293px;
  position:absolute;
  overflow:hidden;
  padding-left: 10px;
  padding-top:10px;
  padding-bottom:20px;
  font-weight: bold;
  /*border-bottom:solid 15px #6d8a3c;
  border-top:solid 5px #6d8a3c;*/
  border-bottom:solid 15px #ffffff;
  border-top:solid 5px #ffffff;
}
  
#overlay hr
{
	color:#ffffff;
}

#overlay_home, #overlay_about, #overlay_services, #overlay_gallery, #overlay_news, #overlay_contact {
	width:726px;
	height:200px;
	
}



#overlay_services li {
    margin:15px 0 0 0;
    padding:0 10px 0 0;
    line-height:5px;
}

#overlay_gallery li {
    margin:15px 0 0 0;
    padding:0 10px 0 0;
    line-height:5px;
}

.licol {
    float: left;
    width: 200px;
}



#overlay_contact {
	position:relative;
}

/* ---------------------------------------------
 NEWS
-----------------------------------------------*/

/*#overlay_news {
	position:relative;
}

#overlay_news h3 {
	
	font-weight:bold;
	
}

#overlay_news h3 a {
	padding-left:10px;
	background:url(../images/template/bullet.gif) 0 4px no-repeat;
}

#overlay_news h3 a.news_active {
	color:#ffffff;
}



.news_text p {
	
	color:#ffffff;
}

.news_text h4 {
	font-size:1.4em;
	
	font-weight:bold;
}
*/

/* ---------------------------------------------
 GALLERY
-----------------------------------------------*/
/*
#gallery {
	float:right;
	width:726px;
	height:504px;
	position:absolute;
	top:0;
	
}
*/
/* ---------------------------------------------
	CONTACT FORM
-----------------------------------------------*/

#contact_info {
	position:absolute;
	left:546px;
	top:0;
	padding:15px;
	width:150px;
	background:#000;
}

address a {
	padding-left:10px;
	background:url(../images/template/bullet.gif) 0 4px no-repeat;
}

address strong {
	color:#FFF;
	padding-bottom:4px;
}

address {
	font-style:normal;
}

#overlay_contact input.hidden {
	display:none;
}


#overlay_contact label.hide {
	display:none;
}

#overlay_contact input {
	border:1px solid #333;
	background:url(../Graphics/textbox.png) top left repeat-X;
	padding:5px;
	color:#848484;
}


#overlay_contact textarea {
	border:1px solid #333;
	width:234px;
	background:url(../Graphics/textbox.png) top left repeat-X;
	padding:5px;
	color:#848484;
	font:11px Arial, Helvetica, sans-serif;
}

#overlay_contact input.clearme {
	width:234px;
}

input#contact_mailinglist {
	border:none;
}



/* ---------------------------------------------
MAIL LIST
-----------------------------------------------*/

form.maillist {
	float:left;
	width:600px;
	padding-top:15px;
}


form.maillist label, .hide {
	display:none;
}

form.maillist input {
	float:left;
	width:181px;
	height:19px;
	background:#390117 url(../images/template/input_back.gif);
	border:none;
	padding:5px 5px 0 5px;
	color:#7e3351;
	margin-right:10px;
}

form.maillist label.form_title {
	float:left;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:67px;
	height:24px;
	background:url(../images/template/sign_up.gif);
	margin:0 10px 0 16px;
}

form.maillist input.send {
	float:left;
	width:18px;
	height:25px;
	background:url(../images/template/go.gif);
	border:none;
	cursor:pointer;
}


/* ---------------------------------------------
 NAVIGATION
-----------------------------------------------*/

ul.social 
{	
	margin-top:100px;
	float: left;
	padding-left:130px;	
}

ul.social ul
{
list-style-type:none;
	z-index:5;
	margin:0;
	padding:0;
	float:right;
}
ul.social li
{
	position:relative;
	display:inline;	
	float:left;
	padding:5px;
	padding-top:9px;
}

ul.social li a{
	display:block;
	color:White;	
	text-decoration: none;
}

ul.navigation 
{
	font-family:Verdana;
	font-size:11px;
	margin-top:100px;
	float: right;
	margin-right:10px;
}

ul.navigation ul
{
	list-style-type:none;
	z-index:5;
	margin:0;
	padding:0;
	float:right;
}
ul.navigation li
{
	position:relative;
	display:inline;	
	float:left;
	padding:5px; 
	padding-top:9px;
	text-transform:uppercase;
}

ul.navigation li a{
	display:block;
	color:white;	
	text-decoration: none;
}

ul.navigation li a:hover{
	
	color:#7da253;	
	
}

ul.navigation li .current
{
	color:#7da253;	
}



/* ---------------------------------------------
 FOOTER
-----------------------------------------------*/

ul.footer{
	width:756px;
	float:right;
	padding-top:15px;
	
	color:#7da253;
	text-align:right;
}

ul.footer a
{
	color:#7da253;
}

ul.footer li.login
{
	margin-right:10px;
}



