
.clear{
clear:both;

}
body {
background:url(../images/backgrounds/background.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
		background-color:#84b0ac;
}





/*******  layout containers   ********/
#wrapper {
margin:0;
	padding:0;

}


#header { 
margin:0 auto;
padding:0;
width:950px;
height:125px;
background-image:url(../images/backgrounds/header.jpg);
background-repeat:no-repeat;
background-position:top left;


}

#container {
margin:0 auto;
width:950px;
padding:0;
background-color:#313b39;
background-image:url(../images/backgrounds/bgcenter.jpg);
background-repeat:no-repeat;
}

#leftcol {
width:582px;
float:left;
padding:0px 10px 20px 0px;
margin:0;

}

.lefttopbox {
background-image:url(../images/backgrounds/topleft.jpg);
background-repeat:no-repeat;
height:115px;
width:582px;
margin:0;
padding:0;
}
.leftmiddlebox  {

width:582px;
background-image:url(../images/backgrounds/leftmiddle.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
}


.leftcontainer{
margin:0;
padding:10px 15px 10px 35px;


}

#rightcol {
float:right;
width:320px;
margin:0;
padding:110px 0 0 0;

}

.rightbox {
background-color:#272e2d;
width:320px;
margin:0;
padding:0;
position:relative;
right:25px;
}
.rigthboxbg {
background-color:#242a29;
width:320px;
padding:0;
margin:0 0 2px 0;
position:relative;
top:2px;

}
.rigthbottomboxbg {
width:320px;
height:23px;
background:url(../images/backgrounds/rightbottombox.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
}
.rightboxcontainer {


}


/****** elements*/ 

.galleryboxone {
margin:0;
padding:5px  3px 10px 0;
float:left;
}

.gallerybox {

margin:0;
padding:5px 0 10px 0;
}
.list {
float:left;
margin:0 0 15px 0;
padding:0;
background-color:#2e3736;
width:250px;
}

.list ul {
margin:0;
padding:0;
}
.list ul li.darker {
background-color:#2b3332;
}

.list li {
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
line-height:1.7em;
color:#7cbeb8;
margin:0 0 2px 0;
display:block;
padding:0 0 0 20px;
list-style:none;
letter-spacing:normal;
}

/**** images */ 

#brand {
margin:0;
padding:19px 0 0 20px;
display:inline;
}

img.border{
float:left;
margin:0;
padding:0 20px 10px 0;


}
img.bordertwo{
margin:0;
padding:10px 20px 10px 0;
display:block;
}



/****** footer */
#footerwrapper{
width:100%;
padding:0;
margin:0 auto;
background-image:url(../images/backgrounds/footertile.jpg);
background-repeat:repeat-x;
height:366px;
background-color:#242a29;

}
#footercontain{
margin:0 auto;
padding:0;
width:950px;
height:289px;

}
#footer {
width:950px;
background-image:url(../images/backgrounds/footer.jpg);
background-repeat:no-repeat;
height:366px;
margin:0;
padding:0;
}
.footercontainer {
margin:0;
padding:190px 0 0 30px;
}
#footertext{
margin:0;
padding:15px 0 0 0;
}

#footertext p{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; 
line-height:1.4em;
color:#6d8e8a;
letter-spacing:normal;
}
#linksfooterone{
margin:0;
float:right;
padding:0 30px 0 0;
}

#linksfooterone ul {
margin:0;
padding:0;
}
#linksfooterone li {
display:inline;
margin:0;
padding:0;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; 
line-height:1.4em;
color:#6d8e8a;
letter-spacing:normal;

}

#links {
float:left;
margin:0;
padding:0;
}
#links ul {
margin:0;
padding:0;
}
#links li {
display:inline;
margin:0;
padding:0;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; 
line-height:1.4em;
color:#6d8e8a;
letter-spacing:normal;

}


/****** text styles * *****/ 

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px; 
line-height:1.1em;
color:#fff;
margin:0 0 0 0;
padding:70px 0 0 35px;
font-weight:bold;
}
h1 span {

color:#53a294;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px; 
line-height:1.1em;
color:#53a294;
margin:5px 0 10px 0;
padding:0px 0 10px 0px;
background-color:#333e3d;
background-image:url(../images/icon.jpg);
background-position:top left;
background-repeat:no-repeat;
width:530px;
font-weight:bold;
}
h2 span {
padding:0 0 0 34px;
position:relative;
top:3px;
}
h2 span.white {
color:#fff;
padding:0 0 0 5px;
margin:0;
top:0;


}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:16px; 
line-height:1em;
color:#7ea6a3;
margin:0px 0 0px 0;
padding:5px 0 15px 0;
font-weight:bold;
width:320px;
background-image:url(../images/iconright.jpg);
background-position:10px 0 ;
background-repeat:no-repeat;

}

h4 span {
padding:0 0 0 45px;
position:relative;
top:3px;
}


p.first {

font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
line-height:1.4em;
color:#6d8e8a;
margin:0 0 0 0;
padding:0px 0 15px 0px;
letter-spacing:normal;
}
p.first span{
color:#4a8278;
font-weight:bold;
}

p.second {

font-family:Arial, Helvetica, sans-serif;
font-size:13px; 
line-height:1.4em;
color:#e1e1e1;
margin:0 0 0 0;
padding:5px 15px 15px 15px;
letter-spacing:normal;
}


p.third {

font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
line-height:1.4em;
color:#6d8e8a;
margin:0 0 0 0;
padding:15px 0 15px 0px;
letter-spacing:normal;
}


/***** links ******/

a:link, a:visited, a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
line-height:1.2em;
margin:0 0 0 0;
padding:0;
color:#4a8278;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#f59b3c;
text-decoration:underline;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
line-height:1.2em;
margin:0 0 0 0;
padding:0;
font-weight:bold;

}

/**** gallery links */
h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px; 
line-height:1.1em;
color:#fff;
margin:5px 0 2px 0;
padding:0px 0 10px 0px;
background-color:#3c4a48;
width:252px;
font-weight:bold;
}
h5 span {
padding:0 0 0 10px;
position:relative;
top:3px;
}
.portfolio {
margin:0 5px 0 0;
padding:0;
float:left;
}

.portfolio img {
margin:0;
padding:0;
border:none;
display:block;

}
.portfolio a:link img, .portfolio a:visited img, .portfolio a:active img  {

border:3px  solid #4b5b59;
display:block;
text-decoration:none;
margin:0;
padding:0;
}

.portfolio a:hover img{
border:3px  solid #6e9c98;
margin:0;
padding:0;
text-decoration:none;
display:block;
}
.galleryboxone {
margin:0;
padding:5px  3px 3px 0;
float:left;
}
.galleryboxone img {
margin:0 3px 0 0;
padding:0;
border:none;
display:block;
float:left;

}
.galleryboxone a:link img, .galleryboxone a:visited img, .galleryboxone a:active img  {

border:3px  solid #4b5b59;
display:block;
text-decoration:none;
margin:0;
padding:0;
}

.galleryboxone a:hover img{
border:3px  solid #6e9c98;
margin:0;
padding:0;
text-decoration:none;
display:block;
}


/*  latest work  css */ 
.latestworkbox  {
position:relative;
top:15px;
margin:0 ;
padding:0 x;
left:15px;
height:116px;
width:138px;
overflow:hidden;
}
.latestworkboxcontain{
margin:0 0 15px 0;
padding:0 0 0px 0;
}
.latestworkbox img {
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
}

#front {
margin:0;
padding:0;
}

#back{
margin:0;
padding:0;
}

