/*LOGO MENU CONTAINER*/
.logo-sociable-menu {
	width:960px;
	background: url(../img/top-gradient.jpg) no-repeat right;	
}
.sociable {
	width:682px;
	float:right;
	margin:0 0 43px 0;
}
.sociable ul {
	float:right;
	margin:50px 0 0 0;
}
.sociable ul li {
	float:left;
	padding:7px;
}

/*FEATURED-PROJECTS-CONTAINER*/
.featured-projects-container {
	width:942px;
	padding:0 9px 0 9px;
	background:#2e83ad;
}
.featured-projects {
	width:912px;
	padding:18px 15px 15px 15px;
	background: url(../img/featured-bg.jpg) no-repeat;
}
.mainpic-body-buttons {
	width:912px;
}
.mainpic {
	width:434px;
	float:left;
}
/*.mainpic img {
	border:4px solid #217aa6;
}*/
.body {
	width:434px;
	/*float:right;*/
	margin:0 15px 0 0;
	position:relative;
}
.body h2 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 10px 0;
}
.body p {
	font-size:12px;
	margin:0 0 15px 0;
}
.body h3 {
	font-size:14px;
	margin:0 0 15px 0;
}
.body ul {
	margin:0 0 20px 0;
}
.body ul li {
	width:187px;
	float:left;
	background:url(../img/icons/check-icon.png) no-repeat left;
	text-indent:20px;
}
.buttons {
	position:absolute;
	right:-1.5em;
	bottom:-5.7em;
}
.buttons p {
	float:right;
}

/*WHY-CHOOSE-NEWSLETTER*/
.why-choose-newsletter {
	width:960px;
	margin:0 0 15px 0;
}
.why-choose {
	width:522px;
	float:left;
}
.why-choose h2 {
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0 0 15px 0;
}
.why-choose p {
	font-size:14px;
	margin:0 0 15px 0;
}
.newsletter-container {
	width:384px;
	padding:8px;
	float:right;
	border:1px solid #e0e0e0;
}
.newsletter {
	width:354px;
	padding:5px 15px 25px 15px;
	background:url(../img/newsletter-bg.gif) repeat-x;
}
.newsletter img {
	float:right;
	margin:0 0 0 15px;
}
.newsletter span {
	font-size:16px;
}
.newsletter a:link, .newsletter a:visited {
	text-decoration:none;
	font-size:18px;
	color:#336b86;
}
.newsletter a:hover {
	text-decoration:underline;
	font-size:18px;
	color:#336b86;
	cursor:pointer;
}
.newsletter form {
	margin:20px 0 0 0;
}
.newsletter form input.text {
	width:227px;
	border:1px solid #e0e0e0;
	padding:8px 10px 8px 10px;
	font-size:14px;
	margin:0 1px 0 0;
}
.newsletter form input.btn {
	width:90px;
	background:#c1c1c1;
	border:none;
	padding:8px 10px 8px 10px;
	font-size:14px;
	font-weight:bold;
	color:#333;
	cursor:pointer;	
	margin:0 0 0 10px;
}

/*WHAT-WE-DO-CONTAINER*/
.what-we-do-container {
	width:960px;
	background:url(../img/wedo-bottom-curve.gif) no-repeat bottom;
	margin:0 0 40px 0;
}
.what-we-do {
	width:930px;
	padding:15px 15px 4px 15px;
	margin:0 0 11px 0;
	background:#e1e1e1 url(../img/wedo-top-curve.gif) no-repeat top;
}
.lists {
	width:705px;
	float:left;
}
.lists h2 {
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
}
.lists ul li {
	float:left;
	display:block;
	margin:0 13px 0 0;
	width:128px;
	text-align:center;
}
.lists img {
	float:left;
	width:128px;
	height:128px;
	margin:0 0 -10px 0;
}
.lists ul li a:link, .lists ul li a:visited {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
}
.main {
	width:219px;
	float:right;
}
.main ul li.quote a:link, .main ul li.quote a:visited {
	display:block;
	background:url(../img/quote-off.png) no-repeat;
	width:219px;
	height:53px;
	margin:0 0 8px 0;
}
.main ul li.quote a:hover {
	display:block;
	background:url(../img/quote-on.png) no-repeat;
	width:219px;
	height:53px;
	margin:0 0 8px 0;
}

.main ul li.view a:link, .main ul li.view a:visited {
	display:block;
	background:url(../img/view-off.png) no-repeat;
	width:219px;
	height:53px;
	margin:0 0 8px 0;
}
.main ul li.view a:hover {
	display:block;
	background:url(../img/view-on.png) no-repeat;
	width:219px;
	height:53px;
	margin:0 0 8px 0;
}
.main ul li.contact a:link, .main ul li.contact a:visited {
	display:block;
	background:url(../img/contact-off.png) no-repeat;
	width:219px;
	height:53px;
}
.main ul li.contact a:hover {
	display:block;
	background:url(../img/contact-on.png) no-repeat;
	width:219px;
	height:53px;
	margin:0 0 0 0;
}

/*TOP-CONTENT-CONTAINER*/
.bottom-curve {
	width:960px;
	background:url(../img/subpage-curve-bottom.png) no-repeat bottom;
	margin:0 0 30px 0;
}
.top-content-container {
	width:942px;
	padding:0 9px 0 9px;
	background:#2e83ad;
	margin:0 0 8px 0;
}
.top-content {
	background:url(../img/subpage-curve.jpg) no-repeat;
	width:902px;
	padding:28px 20px 22px 20px;
	position:relative;
}
.top-content h2 {
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
}
.top-content p {
	font-size:12px;
	font-style:italic;
}
.top-content p a:link,
.top-content p a:visited {
	text-decoration:underline;
	font-size:12px;
	font-style:normal;
	color:#333;
}
.top-content p a:hover {
	text-decoration:underline;
	font-size:12px;
	font-style:normal;
	color:#fff;
	cursor:pointer;
}
.top-content a.request-quote:link,
.top-content a.request-quote:visited {
	width:217px;
	height:47px;
	background:url(../img/request-qoute-off.png) no-repeat;
	position:absolute;
	top:1.9em;
	right:1.5em;
}
.top-content a.request-quote:hover {
	width:217px;
	height:47px;
	background:url(../img/request-qoute-on.png) no-repeat;
	position:absolute;
	top:1.9em;
	right:1.5em;
	cursor:pointer;
}

/*CONTENTS*/
.contents {
	width:960px;	
}
.contents-work {
	width:960px;	
	/*height:1160px;*/
}

/*LEFT-CONTAINER*/
.left-container {
	width:652px;
	padding-right:23px;
	float:left;
	background:url(../img/sidebar-shadow.gif) no-repeat top right;	
}
.left-container h2 {
	font-size:18px;
	color:#333;
	margin:0 0 15px 0;
}
.company-profile,
.meet-our-staff,
.why-were-different,
.our-services {
	width:652px;
	margin:0 0 20px 0;
}
.company-profile p,
.why-were-different p,
.our-services p {
	font-size:12px;
	margin:0 0 20px 0;
}
.staff1 {
	width:294px;
	float:left;
	background:#e7e7e7;
	line-height:17px;
	border:1px solid #e0e0e0;
	padding:10px;
	margin:10px 0 10px 0;
}
.staff2 {
	width:294px;
	float:right;
	background:#e7e7e7;
	line-height:17px;
	border:1px solid #e0e0e0;
	padding:10px;
	margin:10px 0 10px 0;
}
.staff1 h3,
.staff2 h3 {
	font-size:14px;
	display:block;
	font-weight:bold;
}
.staff1 img,
.staff2 img {
	float:left;
	margin:0 10px 0 0;	
}
.staff1 span,
.staff2 span {
	font-size:12px;
	display:block;
	margin:4px 0 5px 0;
	font-style:italic;
}
.staff1 ul,
.staff2 ul {
	float:right;
	margin:5px 0 0 0;
}
.staff1 ul li,
.staff2 ul li {
	float:left;
	margin:0 -10px 0 10px;
}
.why-were-different ol {
	margin:0 0 20px 0;
}
.why-were-different ol li {
	list-style:inside decimal;
	padding-left:1.5em;
	text-indent:-1.5em;
}

/*OUR-PROJECTS*/
.projects-container {
	width:960px;
}
.our-projects {
	width:960px;
	margin:0 0 30px 0;
	padding:10px 0 10px 0;
	border-bottom:1px solid #e7e7e7;
	border-top:1px solid #e7e7e7;
	position:relative;
}
.our-projects h2 {
	font-size:18px;
	color:#333;
}
.projects-menu {
	position:absolute;
	top:.8em;
	right:0;
}
.projects-menu ul li {
	float:left;
}
.projects-menu ul li a:link,
.projects-menu ul li a:visited {
	text-decoration:none;
	padding:0 10px 0 10px;
	float:left;
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#333;
}
.projects-menu ul li a:hover {
	text-decoration:none;
	padding:0 10px 0 10px;
	float:left;
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#333;
	cursor:pointer;
}
.projects-menu ul li a.active:link,
.projects-menu ul li a.active:visited {
	text-decoration:none;
	padding:0 10px 0 10px;
	float:left;
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#333;
}
.project1 {
	width:221px;
	margin:0 25px 35px 0;
	float:left;
}
.project2 {
	width:221px;
	float:right;
	margin:0 0 35px 0;
}
.project1 img,
.project2 img {
	width:211px;
	padding:5px;
	background:#FFF;
	border:1px solid #e7e7e7;
}
.project1 a:hover img,
.project2 a:hover img {
	width:211px;
	padding:5px;
	background:#FFF;
	border:1px solid #CCC;
}
.project1 h2,
.project2 h2 {
	font-size:14px;
	text-align:center;
	margin:0 0 15px 0;
	text-transform:uppercase;
}
.project1 p,
.project2 p {
	font-size:12px;
	margin:0 0 15px 0;
}
.project1 a:link, .project1 a:visited,
.project2 a:link, .project2 a:visited {
	text-decoration:none;
	font-size:14px;
	text-align:center;
	display:block;
	color:#333;
}
.project1 a:hover,
.project2 a:hover {
	text-decoration:underline;
	font-size:14px;
	text-align:center;
	display:block;
	color:#333;
}

/*SERVICES*/
.services1 {
	width:316px;
	float:left;
	margin:0 0 25px 0;
}
.services2 {
	width:316px;
	float:right;
	margin:0 0 25px 0;
}
.services1 img,
.services2 img {
	float:left;
	background:#FFF;
	margin:0 15px 0 0;
	padding:0 8px 0 10px;
	border:1px solid #e7e7e7;
}
.services1 p,
.services2 p {
	font-size:12px;
	margin:0 0 15px 0;
}
.services1 h2,
.services2 h2 {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
}

/*RIGHT-CONTAINER*/
.right-container {
	width:285px;
	float:right;
}
.right-container h2 {
	margin:0 0 15px 15px;
	font-size:14px;
	text-transform:uppercase;
}
.overview, 
.sidebar-paragraph,
.advertisement,
.map {
	width:285px;
	margin:0 0 30px 0;
}
.overview ul li {
	display:block;
	text-indent:10px;
	border-bottom:1px solid #e7e7e7;
}
.overview ul li a:link,
.overview ul li a:visited {
	text-decoration:none;
	display:block;
	padding:5px;
	font-size:12px;
	font-weight:normal;
	color:#333;
}
.overview ul li a:hover {
	text-decoration:none;
	display:block;
	padding:5px;
	font-size:12px;
	font-weight:normal;
	background:#F1F1F1;
	color:#333;
	cursor:pointer;
}
.overview ul li a.activelink:link,
.overview ul li a.activelink:visited {
	text-decoration:none;
	display:block;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.sidebar-paragraph p,
.sidebar-newsletter p {
	font-size:12px;
	margin:0 0 15px 15px;
}
.advertisement img, 
.map img,
.map iframe {
	margin:0 0 0 15px;
	border:1px solid #e0e0e0;
}
.sidebar-newsletter {
	width:285px;
	margin:0 0 20px 0;
}
.sidebar-newsletter a:link, .sidebar-newsletter a:visited {
	text-decoration:none;
	font-size:14px;
	color:#336b86;
}
.sidebar-newsletter a:hover {
	text-decoration:underline;
	font-size:14px;
	color:#336b86;
	cursor:pointer;
}
.sidebar-newsletter form input.text {
	width:150px;
	border:1px solid #e7e7e7;
	font-size:12px;
	padding:2px 10px 4px 10px;
	margin:0 1px 0 0;
}

.feat {
	min-height:510px;
	height:auto!important;
	height:510px; 
	margin:0 0 20px 0;
}