body {
	font-family: "trebuchet ms",arial,sans-serif;
	font-size:12px;	
	margin:0px;
	padding:0px;
	width:100%;
	background: -moz-linear-gradient(top, #AEC2F9, #fff);
background:-webkit-gradient(linear, left top, left bottom, from(#AEC2F9), to(#fff));
}
.layout
{
width:950px;
height:auto;
display:inline-block;
background:url(../images/back.png) no-repeat top center;
width:100%;
}
.topouter
{
width:950px;
height:110px;

}
.top
{
width:950px;
height:110px;
z-index:5;
position:relative;
}
.logo
{
width:257px;
height:136px;
background:url(../images/logo.png) no-repeat center;
float:left;

margin:0px 0 0 10px;
}

.topright
{
width:800px;
height:120px;
float:right;
}
.toptitle
{
width:800px;
height:80px;
text-align:center;
}
.menu
{
width:950px;
height:35px;
margin:-9px 0 0 0;
border-radius:5px 5px 0 0;
background: -moz-linear-gradient(top, #3737FF, #1515FF);
background:-webkit-gradient(linear, left top, left bottom, from(#3737FF), to(#1515FF));
z-index:0;
position:relative;
}
.menulinks
{
width:630px;
height:35px;
float:right;

}
.oracon
{
font-size:40px;
font-weight:bold;
text-align:center;
color:#000033;
padding:15px 0 0px 0;
float:left;
}
.eng
{
font-size:14px;
font-weight:bold;
color:#000033;
text-align:center;
margin:40px 0 0 10px;
float:left;
}
.slider
{
width:950px;
height:400px;
background:#CCCC00;
z-index:0;
position:relative;
}
.content
{
width:940px;
height:auto;
padding:20px 0 0 0;
padding:5px;
display:inline-block;
background:#FFFDFD;
}
.maincontent
{
width:700px;
height:auto;
display:inline-block;
float:right;
text-align:left;
line-height:20px;

}
.left
{
width:220px;
height:auto;
display:inline-block;
float:left;
}
.hearttoheart
{
font-size:22px;
font-weight:bold;
padding-bottom:5px;
color:#000000;
line-height:20px;
margin:15px 0 15px 0;
}
.projects
{
width:220px;
height:auto;
display:inline-block;
}
.projecttitle
{
width:220px;
height:30px;
font-size:15px;
background:#000033;
color:#FFFFFF;
border-radius:5px 5px 0 0;
}
.theproject
{
width:220px;
height:200px;
}
.projectcontent
{
width:220px;
height:50px;
background:#0099CC;
}
.bottom
{
width:950px;
height:50px;
border-radius:0 0 5px 5px;
border-top:1px solid #0099CC;
}
.services
{
width:210px;
height:auto;
display:inline-block;
float:left;
}
.ourservicestit
{
background: -moz-linear-gradient(top, #0683FF, #0066CC);
background:-webkit-gradient(linear, left top, left bottom, from(#0683FF), to(#0066CC));
width:100%;
height:25px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
margin-top:5px;
border-radius:5px 5px 0px 0px;
}
.list{
	padding-left:0px;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:15px;
	vertical-align:middle;
	width:190px;
	height:auto;
	display:inline_block;
	background-image:url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom:1px #787878 dotted;
	font-size:11px; 
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.list a{ color:#000033;margin-left:0px; text-decoration:none; font-weight:bold;text-transform:uppercase;}
.list a:hover{color:#E0BE34; text-decoration:none;}
.list a:active{color:#000033; text-decoration:none;}
.drainageman
{
width:210px;
height:139px;
background:url(../images/guarantee.png) no-repeat bottom;
}
.maprojectitle
{
width:200px; height:24px; border-radius:8px; padding:3px 0 3px 0; text-align:center; font-size:13px; color:#FFFFFF; background: -moz-linear-gradient(top, #3737FF, #1515FF);
background:-webkit-gradient(linear, left top, left bottom, from(#3737FF), to(#1515FF));
}
.maprojectitle a
{
color:#FFFFFF;
text-decoration:none;
}
.maprojectitle a:hover
{
color:#FFFFFF;
text-decoration:underline;
}
.maprojectitle a:active,visited
{
color:#FFFFFF;
text-decoration:none;
}
#gallery {
		
		width: 100%;
		
	}
	#gallery ul { list-style: none; float:left; padding:10px; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #AACDF0;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #396AAF;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
.nivoSlider {
	z-index:0;
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../img/preloader.gif) no-repeat 50% 50%;
	left: 0;
	top: 0;
	z-index:0;
	position:relative;
}
.nivoSlider img {position:absolute; top:0px; left:0px; display: none;}

/* Nivo Slider small*/

.nivoSlider-small {position:relative; width: 460px; height: 300px; overflow: hidden;
			 	   background: url(../img/preloader.gif) no-repeat 50% 50%;}
.nivoSlider-small img {position:absolute; top:0px; left:0px; display: none;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink, .nivoSlider-small a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:950px;
	height:400px;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {display:block; position:absolute; z-index:5; height:100%;}
.nivo-box {display:block; position:absolute; z-index:5; }
/* Caption styles */
.nivo-caption {
	position:absolute;
	width:auto;
	left:10px;
	bottom:30px;
	background:#222;
	color:#eee;
	opacity:0.8; /* Overridden by captionOpacity setting */
	max-width:95%;
	z-index:8;
	text-align:left;
}
.nivo-caption p {padding:10px; margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */

.nivo-prevNav, .nivo-nextNav, .nivo-controlNav a, .nivo-controlNav a.active {background: url(../img/slider-controls-sprite.png) no-repeat;}

.nivo-directionNav a {position:absolute; top:45%; z-index:9; cursor:pointer;}
.nivo-prevNav {left: 10px; background-position: -73px 0; width: 40px; height: 40px;}
.nivo-prevNav:hover {left: 10px; background-position: -73px -40px; width: 40px; height: 40px;}
.nivo-nextNav {right: 10px;background-position: -163px 0; width: 40px; height: 40px;}
.nivo-nextNav:hover {right: 10px;background-position: -163px -40px; width: 40px; height: 40px;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {position: absolute; left: 10px; bottom: 10px;}
.nivo-controlNav a {
	background-position: -13px 0;
	width:10px;
	height:10px;
	display:block;
	text-indent:-9999px;
	margin-right:5px;
	float:left;
	position:relative;
	z-index:99;
	cursor:pointer;}
.nivo-controlNav a.active {background-position: 0 0;}
#form {
	font: 12px verdana,arial,sans-serif;
	border:0px #b7ddf2 solid;
	font-weight:normal;
	padding:5px;
	margin-left:0px;
	
}

#form label { 
	display: block;
	float: left; 
	width: 200px; 
	padding: 0 0 0 0; 
	margin: 9px 0 0;
	text-align: right; 
}

#form input {
	width: 280px;
	margin: 0px 0 4px 0px;
	border: 1px solid #CACACA;
	border-radius:0px;
	padding: 2px;
	float:left;
	
}
#form radio {
	width: auto;
	margin: 5px 0 0 10px;
	border: 1px solid #FFCD5A;
	padding: 4px;
	float:left;
	
	
}
#form select {
	width:250px;
	margin: 5px 0 0 10px;
	border: 1px solid #C15C20;
	padding: 4px;
	float:left;
}

#form textarea, form select {
	width: 282px;
	margin: 0px 0 0px 0px;
	border: 1px solid #CACACA;
	border-radius:5px;
	padding: 0px;
	float:left;
}
#form input input:required, #form input textarea:required {
	background: #fff url(../images/red_asterisk.png) no-repeat 58% center;
}
#form input input:required:valid, #form input textarea:required:valid {
	background: #fff url(../images/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-radius:5px;
	border-color: #28921f;
}
#form input input:focus:invalid, #form input textarea:focus:invalid {
	background: #fff url(../images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #9A35FF;
}
#form input[type=submit]{cursor:pointer; background:#DBDBDB; color:#333333; width:90px;border-radius:5px; margin-top:10px;}
#form input[type=submit]:hover {
	cursor: pointer;
	background:#DBDBDB;
	color:#006633;
	text-decoration:underline;
}
#form input[type=reset]{cursor:pointer; background:#DBDBDB; color:#006633; width:90px;}
#form input[type=reset]:hover {
	cursor: pointer;
	background: #9854C5;
}


#form br {clear: left;}
.registrations
{
width:auto; height:auto; float:left;
}
.registrations img {
  width:auto;
  height:auto;
  max-height : 75px;
  max-width :75px;
  display:inline-block;
  padding:5px;
  color:#FFFFFF;
}