@charset "utf-8";
/* "Clean White" Template by Dieter Schneider | www.csstemplateheaven.com */

* {margin: 0; padding: 0}

img {border: none}

body {font-family: arial, helvetica, sans-serif; margin-right: auto font-size: 100%; color:#4a7387; background: #d5e3ea url(images/Ocean.jpg) repeat-x}

#container {width: 800px; height:470px; margin: 0px auto; font-size: .875em }

#logo {width: 195px; height:123px; float: left; margin-bottom: 22px}

#header {margin-bottom: 10px; height: 291px; padding:40px; background:url(images/header.png); clear: both; color: #FFF}

#page {clear: both; padding-top: 20px}

#left {width: 250px; float: left}

#right {width: 250px; float: right}

#middle {margin-left: 275px; margin-right: 275px}

#left, #right, #middle {margin-bottom: 40px; font-size: .9em}

#footer {background: url(images/seperator.png) repeat-x top; clear:both; padding: 20px; text-align: center; font-size: .8em}

/* typography/images */

h2 {padding-left:50px; color: #333; height: 35px; padding-top:5px; font-size: 2em; font-weight: normal; letter-spacing: .15em}

h2#services {background:url(images/services.png) no-repeat; margin-bottom: 15px}
h2#portfolio {background:url(images/portfolio.png) no-repeat; margin-bottom: 15px}
h2#about {background:url(images/about.png) no-repeat;}

a {color: #06a7f7}

p {padding: 15px 0; text-align: justify}

#left p {padding: 5px 0}

.more {float: right; margin-right: 5px; font-style: italic}

#header img {float: left; margin-right: 20px}

#header h1 {font-weight: normal; letter-spacing: .1em}

#page_title {background: url(images/seperator.png) repeat-x bottom; margin-bottom: 30px; padding-bottom: 5px; font-weight: normal}

.float_left {float: left; margin-right: 20px; padding:8px; background: #fff; border: 1px solid #999}

.portfolio_images {border: 5px solid white; float:left; margin:2px}

/* navigation */

#navcontainer ul
{
color: White;
float: right;
width: 580px;
padding-top: 50px
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0px 1em;
color: #fff;
text-decoration: none;
float: right;
letter-spacing: .15em
}

#navcontainer ul li a:hover
{
color: #FFC;
}

/*-----------------------------------------------*/
/*---------------      Slider     --------------*/
/*---------------------------------------------*/

	#slideshow{
	background-color: #383838;
	width: 700px;
	height: 229px; 
	float: left;
	}
	
	#slideshow-threed{
	width: 700px;
	height: 229px; 
	margin: 15px 0px 0px 0px;
	float: left;
	}
	
	#box-nav-slider{
	width:725px;
	height:17px;
	float:left;
	}
	
	#slideshow-navigation a{
	background: url(images/slide.png) no-repeat scroll 50% 50%;
	display: block;
	float: left;
	font-size: 0px;
	width: 9px;
	height: 9px;
	margin: 10px 0 0;
	outline-style: none;
	outline-width: medium;
	padding: 2px;
	}
	
	#slideshow-navigation{float:right;}
	#slideshow-navigation .activeSlide {background: url(images/slide.png) no-repeat scroll 0% 50%;}
	.slidehalf { margin-top:0px; margin-right:20px; float:left;} /* Editable Slider Image Position */
	.slidehalf2 { margin-top:0px; margin-right:0px; float:left;} /* Editable Slider Image Position */
	.slide-text h1{color:#FFF; padding:0px 20px 0px 0px}
	.slide-text p{font-size:12px; color:#b5b5b5; line-height:22px; padding-right:20px; text-align: justify}
	.flash-img {text-align:center; display:block; margin:100px auto 0 auto;}
	
	a.read_more{font-size:12px; float: right; margin-right: 20px}