body {
margin:0;
padding:0;
border:0;
height:100%;
background: #fff url("images/layout/background.jpg") repeat-x top left;
}

html {
margin:0;
padding:0;
border:0;
}

img, p, a, h1, h2, h3, h4, ul, ol, li, br,
form, table {
margin:0;
padding:0;
border:0;
}



a img, img {
border:0;
}



a {
text-decoration:none;
}

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

h2 {
font:normal 26px "Trebuchet MS", Arial, Verdana;
color:#4f4f4f;
margin:0px 0px 15px 0px;
}

h3 {
font:normal 20px "Trebuchet MS", Arial, Verdana;
color:#4f4f4f;
margin:0px 0px 15px 0px;
}

h4 {
font:normal 16px "Trebuchet MS", Arial, Verdana;
color:#4f4f4f;
margin:0px 0px 15px 0px;
}

h5 {
font:normal 14px "Trebuchet MS", Arial, Verdana;
color:#4f4f4f;
margin:0px 0px 15px 0px;
}


.wrapper {
position:relative;
margin: 25px auto 0 auto;
padding:0;
width:960px;
height:auto;
}


.top-head {
width:960px;
height:75px;
}

.top-head .logo {
display:inline;
float:left;
margin:0;
padding:0;
width:228px;
height:63px;
}

#slider {
position:relative;
overflow:hidden;
margin:0;
width:938px;
height:258px;
background: url("images/layout/background-header.jpg") repeat-x top left;
border:1px solid #2898bf;
}

/* Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
		
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:298px;
		overflow:hidden;
		padding:10px 0px 0px 0px;
		
		}
		
  	span#prevBtn {
  	position:absolute;
  	top:200px;
  	left:-35px;
  	}
  	span#nextBtn{
  	position:absolute;
  	top:200px;
  	right:-35px;
  	}					
		
span.picturecontainer {
display:block;
float:left;
margin:0px 0px 0px 10px;
padding:0;
width:578px;
height:278px;
border:1px solid #97ddf7;
}


span.picturedescription {
display:block;
float:left;
width:310px;
height:240px;
background: url("images/layout/background-projectname.jpg") repeat-x top left;
border:1px solid #2aabd6;
margin:0px 0px 0px 10px;
padding:20px;
}


span.title {
font:normal 26px "Trebuchet MS", Arial, Verdana;
color:#909090;
}

span.description {
float:left;
clear:left;
width:auto;
height:auto;
font:normal 12px Arial;
line-height:18px;
color:#909090;
margin:10px 0px 10px 0px;
}


.menu {
display:inline;
float:left;
margin:5px 0px 0px 0px;
padding:0;
width:960px;
height:58px;
border:1px solid #d1d1d1;
background: url("images/layout/background-menu.jpg") repeat-x top left;
}

.menu ul {
display:inline;
float:left;
margin:19px 0px 0px 30px;
padding:0;
width:auto;
height:auto;
} 


.menu li {
display:inline;
float:left;
margin:0px 40px 0px 0px;
padding:0;
width:auto;
height:auto;
}



.menu li a {
display:block;
float:left;
margin:0;
padding:0;
font:normal 15px Arial;
color:#898888;
width:auto;
height:auto;
}


.menu li a:hover {
color:#2d2d2d;
}


.main {
display:inline;
float:left;
margin:25px 0px 25px 0px;
padding:0;
width:960px;
height:auto;
min-height:300px;
}

.main h2 {
font:normal 26px "Trebuchet MS", Arial, Verdana;
color:#4f4f4f;
margin:0px 0px 15px 0px;
}

.main h2 span.highlight {
color:#1e9bc6;
}

* html .main {
height:0;
}

.left_content {
display:inline;
float:left;
margin:0;
padding:0;
width:650px;
height:auto;
min-height:0;
}

.main p {
font:normal 12px Arial;
color:#151412;
line-height:18px;
margin:0px 0px 20px 0px;
}

.main a {
font:normal 12px Arial;
color:#151412;
text-decoration:underline;
}

.left_content .newsbox {
display:inline;
float:left;
margin:0px 0px 20px 0px;
padding:0;
width:648px;
height:183px;
background: url("images/layout/background-news.jpg") repeat-x top left;
border:1px solid #dedede;
}


.left_content .newsbox .left {
display:inline;
float:left;
margin:20px 0px 0px 30px;
padding:0;
width:260px;
height:auto;
}

.left_content .newsbox .right {
display:inline;
float:right;
margin:20px 30px 0px 0px;
padding:0;
width:260px;
height:auto;
}

.left_content .newsbox h3 {
font:bold 12px Arial;
color:#151412;
margin:0px 0px 10px 0px;
}

.left_content .newsbox p {
font:normal 11px Arial;
color:#151412;
line-height:16px;
margin:0px 0px 10px 0px;
}

.left_content .newsbox a {
font:normal 11px Arial;
color:#151412;
text-decoration:underline;
margin:2px 0px 0px 0px;
padding:0;
}

.left_content .projectcontain {
float:left;
width:650px;
height:auto;
margin:0px 0px 20px 0px;
position:relative;
}


.left_content .projectcontain a {
text-decoration:none;
display:block;
}


.left_content .projectcontain a {
	height:150px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	width:310px;
}

.left_content .projectcontain a { background:url(images/content/firstproject2.jpg) top left no-repeat;}
.left_content .projectcontain a:hover {background-position:left bottom;}
.left_content .projectcontain a.open {background-position:left bottom !important;}


.linkFader {
}

.left_content .servicecontain {
display:inline;
float:left;
width:650px;
height:auto;
margin:0px 0px 20px 0px;
}

.left_content .servicecontain h3 {
font:bold 16px Arial;
color:#4f4f4f;
margin:0px 0px 10px 0px;
}


.left_content .service1 {
display:inline;
float:left;
width:260px;
height:133px;
border:1px solid #dedede;
background: #fff url("images/layout/background-news.jpg") repeat-x top left;
}

.left_content .service2 {
display:inline;
float:right;
width:260px;
height:133px;
border:1px solid #dedede;
background: #fff url("images/layout/background-news.jpg") repeat-x top left;
}

.left_content .service1, .left_content .service2 {
padding:20px;
}

* html .left_content {
height:0;
}

.sendit {
background: #49bbe5 url("images/layout/background-send.jpg") repeat-x top left;
border:1px solid #279ec6;
width:200px;
height:31px;
padding:0px 20px 0px 20px;
margin:0;
font:normal 12px Arial;
color:#fff;
cursor:pointer;
}

.sendit:hover {
background: #49bbe5 url("images/layout/background-send-hover.jpg") repeat-x top left;
}

form p {
margin:0px 0px 10px 0px;
}

form label {
color:#1e9bc6;
}

form input {
background: #fff url("images/layout/background-input.jpg") repeat-x top left;
border:1px solid #c5e9f5;
width:405px;
height:22px;
padding:6px 0px 0px 5px;
font:normal 12px Arial;
color:#616161;
}


form textarea {
background: #fff url("images/layout/background-input.jpg") repeat-x top left;
border:1px solid #c5e9f5;
width:405px;
height:300px;
padding:6px 0px 0px 5px;
font:normal 12px Arial;
color:#616161;
}





.right_content {
display:inline;
float:right;
margin:0;
padding:0;
width:230px;
height:auto;
}

* html .right_content{
height:0;
}

.team {
border:1px solid #2aabd6;
}



.bottom {
float:left;
margin:0;
padding:0;
width:958px;
height:10px;
background: url("images/layout/background-footer.jpg") repeat-x top left;
border:1px solid #d1d1d1;
}

.copyright {
float:left;
margin:5px 0px 5px 0px;
padding:0;
width:960px;
height:auto;
text-align:center;
}

.copyright p {
margin:0;
padding:0;
font:normal 11px Arial;
color:#2eaed9;
}

* html .bottom {
height:0;
}