/*
CSS for Spaces Design site
AUTHOR: Beth Parratt Design 
http://www.bethparrattdesign.com
*/



body {
  font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  }
  
  

h1, h2, h3, h4, h5, h6 {
  font-family: 'Architects Daughter',Century Gothic, Apple Gothic, Arial, sans-serif;
  color: #4D5858;
}

h1 {
  font-size: 20px;
  font-weight: normal;
  color: #4D5858;
   padding-top: 15px;
   margin-top: 3em;
   margin-left: 20px;
   margin-right: 20px;
  text-align: center;
  font-size:24px\9; /* IE8 and below */
*font-size:24px; /* IE7 and below */
_font-size:24px; /* IE6 */
}

h2 {
   color: #4D5858;
   font-size: 14px;
   font-weight: normal;
   padding-top: 15px;
   margin-top: 3em;
   margin-left: 20px;
   margin-right: 20px;
   text-align: center;
   font-size:18px\9; /* IE8 and below */
*font-size:18px; /* IE7 and below */
_font-size:18px; /* IE6 */
}

h3 {
font-weight: normal;
color: #41BEE8;
font-size: 12px;
padding-top: 15px;
   margin-top: 3em;
   margin-left: 20px;
   margin-right: 20px;
   text-align: left;
   font-size:16px\9; /* IE8 and below */
*font-size:16px; /* IE7 and below */
_font-size:16px; /* IE6 */
}


#wrapper {
		width: 1200px;
		margin:0px auto;
		padding-left:0;
		padding-right: 0;
	}

	
	

/****************HEADER************/		

header img{
  width: 1200px;
  height: auto;
  position: relative;
  border-bottom: 1px solid #808080;
 }
 
 
 

/****************NAVIGATION************/	

nav {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline;
    height: 26px;
    margin-left: 0;
    opacity: 1;
    overflow: hidden;
    position: relative;
    width: 1084px;
}
nav ul {
    bottom: 1px;
    border-bottom: 1px solid #808080;
    color: #808080;
    height: 26px;
    line-height: 5%;
    margin-bottom: 1px;
    margin-left: 0;
    margin-top: -5px;
    #margin-top:-27px; /* Internet Explorer Browsers */
    margin-top: -24px\9; /* IE8 and below */
	*margin-top: -24px;/* IE7 and below */
	_margin-top: -22px; /* IE6 */
    width: auto;
    z-index: 6;
	 text-decoration: none\9; /* IE8 and below */
	*text-decoration: none;/* IE7 and below */
	_text-decoration: none; /* IE6 */
}
nav li {
    bottom: 1px;
    display: inline;
    font-size: large;
    height: 26px;
    line-height: 5%;
    list-style-type: none;
    margin-bottom: 1px;
    margin-left: 10px;
    margin-top: 0.5px;
    max-width: 100%;
    overflow: hidden;
    padding: 12px;
    width: 1084px;
    z-index: 6;
}


nav img a{
	color: #808080;
	width: 1084px;
	text-align: center;
	padding-bottom: 1px;
	z-index: 6;
	border: 0;

	}

nav a {
  font-weight: normal;
  text-decoration: none;
  color: #808080;
  margin-top: 4px;
  margin-bottom: 4px;
  z-index: 3;
  }
  

nav a:link {
  color: #808080;
  z-index: 3;
}

nav a:visited {
  color: #808080;
  z-index: 3;
}

nav a:hover {
  text-decoration: none;
  color: #41BEE8;
  background-color: none;
  z-index: 999;
  overflow: hidden;
}

nav a:active {
	color: #92CD98;
	background-color: #ffffff;
	z-index: 3;
}

nav a:active,a:focus {
outline: none;
}



/****************BODY CONTENT************/

#bodycontent {
 margin: 6px;
 z-index: 1;
}

#bodycontent img{
	width: 1074px;
	height: auto;
	margin-top: 25px;
	padding-left: 5%;
	z-index: 1;
	border:none\9; /* IE8 and below */
*border:none; /* IE7 and below */
_border:none; /* IE6 */
}


#bodycontent .leftblock img {
	width: 500px;
	height: auto;
	z-index: 1;
	padding-left: 0;

} 

#bodycontent .additionalblocks img {
	width: 500px;
	height: auto;
	z-index: 1;
	padding-left: 0;

} 

	.image_feature h1 { 
   position: absolute; 
   top: 41px; 
   margin-left: 460px; 
   width: 470px; 
   height: auto;
   text-align: left;
   font-size: 12px;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */
   color: #4d5858;
    top:40px\9; /* IE8 and below */
	*top:25px; /* IE7 and below */
	_top:25px; /* IE6 */
}
	.image_feature h2 { 
   position: absolute; 
   top: 60px; 
   margin-left: 460px; 
   width: 470px; 
   height: auto;
   text-align: left;
   line-height: 1.7;
   font-size: 63%;
   font-weight:450;
   text-transform: uppercase; /* force text to uppercase */
   color: #4d5858;
   #top:54px; /* Internet Explorer Browsers */
top:54px\9; /* IE8 and below */
*top:47px; /* IE7 and below */
_top:47px; /* IE6 */
#font-size:74%; /* Internet Explorer Browsers */
font-size:74%\9; /* IE8 and below */
*font-size:56%; /* IE7 and below */
_font-size:56%; /* IE6 */
#line-height: 1.3; /* Internet Explorer Browsers */
line-height:1.3\9; /* IE8 and below */
*line-height:1.4; /* IE7 and below */
_line-height:1.4; /* IE6 */
}



.leftblock {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 0;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: none;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}

.leftblock h2{
color: #41BEE8;
font-size: 18px;
margin-top: 0;
}

.leftblock h3{
font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
color: #4d5858;
font-size: 14px;
line-height: 1.5;
margin-top: 0;
}


.leftblock a {
	text-decoration: none;
	color: #999999;
}
.leftblock  .style1  img   {
	margin-left: 25px;
}


.additionalblocks {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
}

.additionalblocks h2{
color: #41BEE8;
font-size: 18px;
margin-top: 0;
}

.additionalblocks h3{
font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
color: #4d5858;
font-size: 14px;
line-height: 1.5;
margin-top: 0;
}

/****************FOOTER************/	

footer {
	width: auto;
	text-align: center;
	font-family: "Century Gothic", Apple Gothic, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	clear: both;
	margin-bottom: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	text-decoration: none;
	color: #4d5858;
}

footer .style1 {
  font-size: large;
  color: #4d5858;
}

footer .style2 {
font-size: small;
color: #4d5858;
}



/****************LINKS************/	
a {
  font-weight: normal;
}

a:link {
  color: #4d5858;
  text-decoration: none;
}

a:visited {
  color: #4d5858;
}

a:hover {
  text-decoration: none;
  color: #41BEE8;
  background-color: none;
}

a:active {
  color: #92CD98;
  background-color: none;
}

a img {
outline: none;
border:none\9; /* IE8 and below */
*border:none; /* IE7 and below */
_border:none; /* IE6 */
}

/*************ABOUT*******************/


.image_feature { 
   position: relative; 
   width: 1280px;
   display: block;
}


.philosophy_leftblock h1 { 
   position: absolute; 
   top: 312px; 
   margin-left: 112px; 
   width: 460px; 
   height: auto;
   text-align: left;
   margin-bottom: 15px;
   font-size: 17px;
   text-transform: uppercase; /* force text to uppercase */
   top:325px\9; /* IE8 and below */
*top:325px; /* IE7 and below */
_top:325px; /* IE6 */
}

.philosophy_leftblock h2 { 
   position: absolute; 
   top: 345px; 
   margin-left: 112px; 
   width: 460px;
   height: auto;
   text-align: left;
   font-size: 11px;
   text-transform: uppercase; /* force text to uppercase */
      	font-size:12px\9; /* IE8 and below */
*font-size:12px; /* IE7 and below */
_font-size:12px; /* IE6 */
top:385px\9; /* IE8 and below */
*top:385px; /* IE7 and below */
_top:385px; /* IE6 */
}

.designer_additionalblocks h1 { 
   position: absolute; 
   top: 312px; 
   margin-left: 650px;  
   width: 460px;
   height: auto;
   text-align: left;
   margin-bottom: 15px;
   font-size: 17px;
   text-transform: uppercase; /* force text to uppercase */
   top:325px\9; /* IE8 and below */
*top:325px; /* IE7 and below */
_top:325px; /* IE6 */
}

.designer_additionalblocks h2 { 
   position: absolute; 
   top: 345px; 
   margin-left: 650px;  
   width: 460px;
   height: auto;
   text-align: left;
   font-size: 11px;
   text-transform: uppercase; /* force text to uppercase */
      	font-size:12px\9; /* IE8 and below */
*font-size:12px; /* IE7 and below */
_font-size:12px; /* IE6 */
top:385px\9; /* IE8 and below */
*top:385px; /* IE7 and below */
_top:385px; /* IE6 */
}


/**********CLIENTS*********************/

#bodycontent .client_leftblock img {
	width: 500px;
	height: 475px;
	z-index: 1;
	border: 0;
	padding-left: 0;

} 

#bodycontent .client_rightblocks img {
	width: 500px;
	height: 475px;
	z-index: 1;
	border: 0;

} 

.client_leftblock {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
.client_leftblock a {
	text-decoration: none;
	color: #999999;
}
.client_leftblock  .style1  img   {
	margin-left: 25px;
}

.client_rightblocks {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 2px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
}


.client_rightblocks h3 {
border-bottom: 1px solid #92CD98;
padding-bottom: 10%;
color: #4d5858;
}



/**********PRAISE*********************/

#bodycontent .praise_leftblock img {
	width: 500px;
	height: 475px;
	z-index: 1;
	border: 0;

} 

#bodycontent .praise_rightblocks img {
	width: 500px;
	height: 475px;
	z-index: 1;
	border: 0;

} 

.praise_leftblock {
	float: right;
	width: 45%;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #4d5858;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}


.praise_rightblocks {
	float: right;
	width: 45%;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 120px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
	text-align: left;
}


.praise_rightblocks h2 {
margin-top: 0;
text-align: left;
font-style: italic;
line-height: 1.5;
}

.praise_rightblocks h3 {
border-bottom: 1px solid #92CD98;
text-align: left;
margin-top: 0;
font-size: 14px;
font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
}

.praise_leftblock h2 {
margin-top: 0;
text-align: left;
font-style: italic;
line-height: 1.5;
}

.praise_leftblock h3 {
border-bottom: 1px solid #92CD98;
text-align: left;
margin-top: 0;
font-size: 14px;
font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;

}

.praise_leftblock h1 {
text-align: left;
margin-bottom: 0;
margin-top: 0;
color: #41BEE8;
text-transform: uppercase; /* force text to uppercase */
}



/****************CONTACT************/

.image_feature2 { 
   position: relative; 
   width: 1074px;
   display: block;
   margin-top: 80px;
}

.image_feature2 img{
display: block;
height: auto;
padding-left: 5%;
position: relative;
width: 1074px;
}

.image_feature2 h1 { 
   position: absolute; 
   top: 178px; 
   margin-left: 535px; 
   width: 300px; 
   height: auto;
   text-align: left;
   font-size: 70%;
   line-height:0.7;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-12deg);/* Safari */
-moz-transform: rotate(-12deg);/* Firefox */
-ms-transform: rotate(-12deg);/* IE */
-o-transform: rotate(-12deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #4d5858;
    top:178px\9; /* IE8 and below */
	*top:195px; /* IE7 and below */
	_top:195px; /* IE6 */
	#font-size:74%; /* Internet Explorer Browsers */
font-size:79%\9; /* IE8 and below */
*font-size:79%; /* IE7 and below */
_font-size:79%; /* IE6 */
	#line-height: 0.5; /* Internet Explorer Browsers */
line-height:0.5\9; /* IE8 and below */
*line-height:1; /* IE7 and below */
_line-height:1; /* IE6 */
   letter-spacing:1px;
   text-shadow: 0 0 0.2px #4d5858;
   text-shadow: none\9; /* IE8 and below */
*text-shadow: none; /* IE7 and below */
_text-shadow: none; /* IE6 */
-webkit-backface-visibility: hidden;
}

.image_feature2 h2 { 
   position: absolute; 
   top: 235px; 
   margin-left: 545px; 
   width: 265px; 
   height: auto;
   text-align: left;
   font-size: 70%;
   line-height:0.6;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-13deg);/* Safari */
-moz-transform: rotate(-13deg);/* Firefox */
-ms-transform: rotate(-13deg);/* IE */
-o-transform: rotate(-13deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #4d5858;
    top:235px\9; /* IE8 and below */
	*top:235px; /* IE7 and below */
	_top:235px; /* IE6 */
#line-height: 0.5; /* Internet Explorer Browsers */
line-height:0.5\9; /* IE8 and below */
*line-height:0.8; /* IE7 and below */
_line-height:0.8; /* IE6 */
font-size:79%\9; /* IE8 and below */
	*font-size:79%; /* IE7 and below */
	_font-size:79%; /* IE6 */
	   letter-spacing:1.5px;
	   text-shadow: 0 0 0.2px #4d5858;
   text-shadow: none\9; /* IE8 and below */
*text-shadow: none; /* IE7 and below */
_text-shadow: none; /* IE6 */
-webkit-backface-visibility: hidden;
}

.image_feature2 h3 a:link { 
   position: absolute; 
   top: 320px; 
   margin-left: 535px; 
   width: 260px; 
   height: auto;
   text-align: left;
   font-size: 98%;
   line-height:0.9;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-13deg);/* Safari */
-moz-transform: rotate(-13deg);/* Firefox */
-ms-transform: rotate(-13deg);/* IE */
-o-transform: rotate(-13deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #41BEE8;
    top:320px\9; /* IE8 and below */
	*top:315px; /* IE7 and below */
	_top:315px; /* IE6 */
font-size:80%\9; /* IE8 and below */
	*font-size:80%; /* IE7 and below */
	_font-size:80%; /* IE6 */
#line-height: 1; /* Internet Explorer Browsers */
line-height:1\9; /* IE8 and below */
*line-height:1; /* IE7 and below */
_line-height:1; /* IE6 */
  letter-spacing:1.5px;
  text-shadow: 0 0 0.2px #41BEE8;
   text-shadow: none\9; /* IE8 and below */
*text-shadow: none; /* IE7 and below */
_text-shadow: none; /* IE6 */
-webkit-backface-visibility: hidden;
*font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif; /* IE7 and below */
_font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif; /* IE7 and below */
}


/**********COMMERCIAL AND RESIDENTIAL SERVICES*********/



#services-col
{
/* Prevent vertical gaps */
   line-height: 0;
   width: 360px;
    margin-left: 60px;
   -webkit-column-count: 4;
   -webkit-column-gap:   0;
   -moz-column-count:    4;
   -moz-column-gap:      0;
   column-count:         4;
   column-gap:           0;  
   position: fixed;
   margin-top: 50px;
*width: 160px; /* IE7 and below */
_width: 160px; /* IE6 */
} 

#bodycontent #services-col img{
/* Just in case there are inline attributes */
  width: 90% !important;
  height: auto !important;
  margin-top: 20px;
  padding-top: 1%;
  padding-left: 0;
  	border:none\9; /* IE8 and below */
*border:none; /* IE7 and below */
_border:none; /* IE6 */
*width: 40% !important; /* IE7 and below */
_width: 40% !important; /* IE6 */
*margin-top: 10px; /* IE7 and below */
_margin-top: 10px; /* IE6 */
  }


.services {
float: right;
	width: 59.4%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	    font-size: 16px\9; /* IE8 and below */
	*font-size: 16px;/* IE7 and below */
	_font-size: 16px; /* IE6 */
	margin-top: 4em;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #4d5858;
	border-left-width: thin;
	border-left-style: none;
	border-left-color: #4d5858;
	
}

.services h1 {
font-size: 14px;
text-decoration: underline;
text-align: left;
margin-bottom: 10px;
font-size:16px\9; /* IE8 and below */
*font-size:16px; /* IE7 and below */
_font-size:16px; /* IE6 */
-moz-font-size: 16px;
}


.services h2 {
   color: #41BEE8;
   font-size: 14px;
   font-weight: normal;
   padding-top: 15px;
   margin-top: 2em;
   margin-left: 20px;
   margin-right: 20px;
   text-align: left;
   border-top: 1px solid #92CD98;
   font-size:18px\9; /* IE8 and below */
*font-size:18px; /* IE7 and below */
_font-size:18px; /* IE6 */
}


.services h3 {font-weight: normal;
color: #4d5858;
font-size: 14px;
line-height: 1.5;
padding-top: 10px;
   margin-top: 0;
   margin-left: 20px;
   margin-right: 20px;
   text-align: left;
   font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
      	font-size:16px\9; /* IE8 and below */
*font-size:16px; /* IE7 and below */
_font-size:16px; /* IE6 */
}

.services h4 {
  font-size: 20px;
  font-weight: normal;
  color: #41BEE8;
   margin-left: 20px;
   margin-right: 10px;
   padding-top: 15px;
  text-align: center;
  border-top: 1px solid #92CD98;
 font-size:24px\9; /* IE8 and below */
*font-size:24px; /* IE7 and below */
_font-size:24px; /* IE6 */
  }

.services h5 {
   color: #41BEE8;
   font-size: 14px;
   font-weight: normal;
   padding-top: 15px;
   margin-top: 1em;
   margin-left: 20px;
   margin-right: 20px;
   text-align: left;
   font-size:16px\9; /* IE8 and below */
*font-size:16px; /* IE7 and below */
_font-size:16px; /* IE6 */
}

.services h6 {
  font-size: 20px;
  font-weight: normal;
  color: #41BEE8;
   padding-top: 15px;
   margin-top: 1em;
   margin-left: 20px;
   margin-right: 20px;
  text-align: center;
   font-size:24px\9; /* IE8 and below */
*font-size:24px; /* IE7 and below */
_font-size:24px; /* IE6 */
}

.services ul{
color: #4d5858;
font-size: 14px;
line-height: 1.5;
padding-top: 10px;
   margin-top: 0;
   margin-left: 20px;
   margin-right: 20px;
   text-align: left;
   font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
      	font-size:16px\9; /* IE8 and below */
*font-size:16px; /* IE7 and below */
_font-size:16px; /* IE6 */

}


/********SERVICES MENU - UNUSED**********/

#bodycontent .menu_leftblock img{
width: auto;
height: auto;
}

.menu_leftblock {
	-moz-column-count:4; /* Firefox */
	-webkit-column-count:1; /* Safari and Chrome */
    color: #4d5858;
    display: block;
    float: right;
    font-family: 'Architects Daughter',Century Gothic,Apple Gothic,Arial,sans-serif;
    font-size: 5px;
    height: 125px;
    margin-bottom: 0.2em;
    margin-left: 0;
    margin-top: 1.8em;
    padding-bottom: 100px;
    padding-right: 0;
    padding-left: 3%;
    position: fixed;
    text-decoration: none;
    top: 280px;
    width: 400px;
}


.menu_leftblock ul, menu, dir {
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 15px;
}

.menu_leftblock li{
list-style-type: none;
}



.menu_leftblock a {
	text-decoration: none;
	color: #4d5858;
}



.menulist1 {
    float: left;
    margin: 0;
    padding-left: 20px;
}


.menulist2 {
    float: left;
    margin: 0;
    padding-left: 10px;
}

.menulist3 {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    -webkit-padding-left: -5px;/* Safari and Chrome */
    -webkit-padding-right: -5px;/* Safari and Chrome */

}

.menulist4 {
    margin: 0 0 0 -10px;
    padding-left: 0;
}

/************OUR TEAM***********/


#team-col
{
/* Prevent vertical gaps */
   line-height: 0;
   width: 90% !important;
    margin-left: 25px;
   -webkit-column-count: 4;
   -webkit-column-gap:   3px;
   -moz-column-count:    4;
   -moz-column-gap:      3px;
   column-count:         4;
   column-gap:           3px;
*width: 1074px; /* IE7 and below */
_width: 1074px; /* IE6 */
} 

#bodycontent #team-col img{
/* Just in case there are inline attributes */
  width: 85% !important;
  height: auto !important;
  margin-top: 50px;
  padding-top: 5%;
  	border:none\9; /* IE8 and below */
*border:none; /* IE7 and below */
_border:none; /* IE6 */
z-index:1000\9; /* IE8 and below */
*z-index:1000; /* IE7 and below */
_z-index:1000; /* IE6 */
*width:15% !important; /* IE7 and below */
_width:15% !important; /* IE6 */
  }

#teamleader1 #teamleader2 #teamleader3 #teamleader4 {
    background:none;
    position:relative;
    line-height:27px;
    display:block;
    margin:15px 0 0 10px;
    text-align:center;    
*width:15% !important; /* IE7 and below */
_width:15% !important; /* IE6 */
}

#team-col ul {
list-style-type: none;
}

#team-col h2 { 
   text-align: left;
   font-size: 16px;
   text-transform: uppercase; /* force text to uppercase */
   color: #41BEE8;
   margin-top: 2px;
      line-height: 1.1;\9; /* IE8 and below */
*line-height: 1.1; /* IE7 and below */
_line-height: 1.1; /* IE6 */
}

#team-col h3 { 
	font-family: 'Century Gothic', Apple Gothic, Sans-serif;
	text-align: left;
   font-size: 14px;
   line-height:1.4;
   color: #4d5858;
   line-height: 1.1\9; /* IE8 and below */
*line-height: 1.1; /* IE7 and below */
_line-height: 1.1; /* IE6 */
}

#SusanBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 450px;
    top:350px\9; /* IE8 and below */
    *top:350px; /* IE7 and below */
_top:350px; /* IE6 */ 
left:1%\9; /* IE8 and below */
*left:1%; /* IE7 and below */
_left:1%; /* IE6 */
line-height: 13px;\9; /* IE8 and below */
*line-height: 13px;; /* IE7 and below */
_line-height: 13px;; /* IE6 */
}

#teamleader1:hover > #SusanBrown {
    display:block;
    left:33%;
    height:74%;
    width: 800px;
    overflow: auto;
    z-index:2000;
    width:700px\9; /* IE8 and below */
*width:700px; /* IE7 and below */
_width:700px; /* IE6 */
z-index:3500\9; /* IE8 and below */
*z-index:3000; /* IE7 and below */
_z-index:3000; /* IE6 */
height:auto\9; /* IE8 and below */
*height:auto; /* IE7 and below */
_height:auto; /* IE6 */
left:25%\9; /* IE8 and below */
*left:25%; /* IE7 and below */
_left:25%; /* IE6 */
}

#ScottBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 450px;
    top:350px\9; /* IE8 and below */
*top:auto; /* IE7 and below */
_top:auto; /* IE6 */ 
left:5%\9; /* IE8 and below */
*left:5%; /* IE7 and below */
_left:5%; /* IE6 */
*width: 100%; /* IE7 and below */
_width: 100%; /* IE6 */ 

}

#teamleader2:hover > #ScottBrown {
    display:block;
    left:45%;
    height:60%;
    width: 500px;
    z-index:2000;
    width:500px\9; /* IE8 and below */
*width:500px; /* IE7 and below */
_width:500px; /* IE6 */
z-index:3500\9; /* IE8 and below */
*z-index:3000; /* IE7 and below */
_z-index:3000; /* IE6 */
height:auto\9; /* IE8 and below */
*height:auto; /* IE7 and below */
_height:auto; /* IE6 */
left:45%\9; /* IE8 and below */
*left:30%; /* IE7 and below */
_left:30%; /* IE6 */
}

#LaurenWillis {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    right: 0;
    line-height: 20px;
    position: absolute;
    top: 450px;
top:350px\9; /* IE8 and below */
*top:auto; /* IE7 and below */
_top:auto; /* IE6 */ 
right:5%\9; /* IE8 and below */
*left:30%; /* IE7 and below */
_left:30%; /* IE6 */
}
#teamleader3:hover > #LaurenWillis {
    display:block;
    right:49%;
    height:60%;
    width: 500px;
    z-index:2000;
    width:500px\9; /* IE8 and below */
*width:500px; /* IE7 and below */
_width:500px; /* IE6 */
z-index:3500\9; /* IE8 and below */
*z-index:3000; /* IE7 and below */
_z-index:3000; /* IE6 */
height:auto\9; /* IE8 and below */
*height:auto; /* IE7 and below */
_height:auto; /* IE6 */
right:52%\9; /* IE8 and below */
}

#BethParratt {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    right: 0;
    line-height: 20px;
    position: absolute;
    top: 450px;
    top:350px\9; /* IE8 and below */
*top:auto; /* IE7 and below */
_top:auto; /* IE6 */ 
right:5%\9; /* IE8 and below */
*left:30%; /* IE7 and below */
_left:30%; /* IE6 */


}
#teamleader4:hover > #BethParratt {
    display:block;
    right:35%;
    height:60%;
    width: 450px;
    z-index:2000;
    width:500px\9; /* IE8 and below */
*width:500px; /* IE7 and below */
_width:500px; /* IE6 */
z-index:3500\9; /* IE8 and below */
*z-index:3000; /* IE7 and below */
_z-index:3000; /* IE6 */
height:auto\9; /* IE8 and below */
*height:auto; /* IE7 and below */
_height:auto; /* IE6 */
right:30%\9; /* IE8 and below */
}

/************PHOTO GALLERY***********/  
  
 


/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 60%;
	max-height: auto;
	margin-top: 2%;
	z-index: 9999;
}

#bodycontent .lightbox img{
width: auto;
}


.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

.slider {
    width: 1200px; height: 400px;
    overflow: hidden;
    }
    
.slider > ul {
    /* styled by JS to match the added width and height of all <li>’s */
    position: relative;
    -webkit-transition: 0.5s left;
    -moz-transition: 0.5s left;
    -ms-transition: 0.5s left;
    -o-transition: 0.5s left;
     
    list-style: none;
    margin: 0; padding: 0;
    }
    
    .slider > ul > li {
    float: left;
    width: 400px; height: 300px;
    }
    
    
    
    #bodycontent .slider img{
    width: 99%;
    padding-left: 0;
    margin-top: 50px;
    }
    
    .slidernav ul {
    list-style: none;
    margin-top: -90px;
    
    }
    

.slidernav li a {
    background: url("images/prev_next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 28px;
    margin: 0;
    outline: medium none;
    text-indent: -9999px;
    width: 28px;
    z-index: 999;
    margin-top: 15px;
}

.slidernav ul .nav-prev {
    background-position: 0 center;
    left: 585px;
    position: absolute;
}

.slidernav ul .nav-next {
    background-position: -30px center;
    left: 625px;
    position: absolute;
}




/************IE SPECIFIC***********/

header img{
  border-bottom: 1px solid #4d5858\9; /* IE8 and below */
*border-bottom: 1px solid #4d5858; /* IE7 and below */
_border-bottom: 1px solid #4d5858; /* IE6 */
 }

 
 
 
 /***********************************MEDIA DEVICES*************************************/
 @media only screen and (max-device-width: 1080px) {
 
#team-col
{
/* Prevent vertical gaps */
   line-height: 0;
   width: 90% !important;
    margin-left: 25px;
   -webkit-column-count: 4;
   -webkit-column-gap:   3px;
   -moz-column-count:    4;
   -moz-column-gap:      3px;
   column-count:         4;
   column-gap:           3px;
*width: 1074px; /* IE7 and below */
_width: 1074px; /* IE6 */
} 

#bodycontent #team-col img{
/* Just in case there are inline attributes */
  width: 85% !important;
  height: auto !important;
  margin-top: 50px;
  padding-top: 5%;
  	border:none\9; /* IE8 and below */
*border:none; /* IE7 and below */
_border:none; /* IE6 */
z-index:1000\9; /* IE8 and below */
*z-index:1000; /* IE7 and below */
_z-index:1000; /* IE6 */
*width:15% !important; /* IE7 and below */
_width:15% !important; /* IE6 */
  }

#teamleader1 #teamleader2 #teamleader3 #teamleader4 {
    background:none;
    position:relative;
    line-height:27px;
    display:block;
    margin:15px 0 0 10px;
    text-align:center;    
*width:15% !important; /* IE7 and below */
_width:15% !important; /* IE6 */
}

#team-col ul {
list-style-type: none;
}

#team-col h2 { 
   text-align: left;
   font-size: 16px;
   text-transform: uppercase; /* force text to uppercase */
   color: #41BEE8;
   margin-top: 2px;
      line-height: 1.1;\9; /* IE8 and below */
*line-height: 1.1; /* IE7 and below */
_line-height: 1.1; /* IE6 */
}

#team-col h3 { 
	font-family: 'Century Gothic', Apple Gothic, Sans-serif;
	text-align: left;
   font-size: 14px;
   line-height:1.4;
   color: #4d5858;
   line-height: 1.1\9; /* IE8 and below */
*line-height: 1.1; /* IE7 and below */
_line-height: 1.1; /* IE6 */
}

#SusanBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 450px;
    top:350px\9; /* IE8 and below */
    *top:350px; /* IE7 and below */
_top:350px; /* IE6 */ 
left:1%\9; /* IE8 and below */
*left:1%; /* IE7 and below */
_left:1%; /* IE6 */
line-height: 13px;\9; /* IE8 and below */
*line-height: 13px;; /* IE7 and below */
_line-height: 13px;; /* IE6 */
}

#teamleader1:hover > #SusanBrown {
    display:block;
    left:325px;
    height:80%;
    width: 800px;
    overflow: auto;
    z-index:2000;
    width:700px\9; /* IE8 and below */
*width:700px; /* IE7 and below */
_width:700px; /* IE6 */
z-index:3500\9; /* IE8 and below */
*z-index:3000; /* IE7 and below */
_z-index:3000; /* IE6 */
height:auto\9; /* IE8 and below */
*height:auto; /* IE7 and below */
_height:auto; /* IE6 */
left:25%\9; /* IE8 and below */
*left:25%; /* IE7 and below */
_left:25%; /* IE6 */
}

#ScottBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 450px;
    top:350px\9; /* IE8 and below */
*top:auto; /* IE7 and below */
_top:auto; /* IE6 */ 
left:5%\9; /* IE8 and below */
*left:5%; /* IE7 and below */
_left:5%; /* IE6 */
*width: 100%; /* IE7 and below */
_width: 100%; /* IE6 */ 

}

#teamleader2:hover > #ScottBrown {
    display:block;
    left:550px;
    height:80%;
    width: 500px;
    z-index:2000;
    width:500px\9; /* IE8 and below */
*width:500px; /* IE7 and below */
_width:500px; /* IE6 */
z-index:3500\9; /* IE8 and below */
*z-index:3000; /* IE7 and below */
_z-index:3000; /* IE6 */
height:auto\9; /* IE8 and below */
*height:auto; /* IE7 and below */
_height:auto; /* IE6 */
left:45%\9; /* IE8 and below */
*left:30%; /* IE7 and below */
_left:30%; /* IE6 */
}

#LaurenWillis {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    right: 0;
    line-height: 20px;
    position: absolute;
    top: 450px;
top:350px\9; /* IE8 and below */
*top:auto; /* IE7 and below */
_top:auto; /* IE6 */ 
right:5%\9; /* IE8 and below */
*left:30%; /* IE7 and below */
_left:30%; /* IE6 */
}
#teamleader3:hover > #LaurenWillis {
    display:block;
    right:645px;
    height:80%;
    width: 500px;
    z-index:2000;
    width:500px\9; /* IE8 and below */
*width:500px; /* IE7 and below */
_width:500px; /* IE6 */
z-index:3500\9; /* IE8 and below */
*z-index:3000; /* IE7 and below */
_z-index:3000; /* IE6 */
height:auto\9; /* IE8 and below */
*height:auto; /* IE7 and below */
_height:auto; /* IE6 */
right:52%\9; /* IE8 and below */
}

#BethParratt {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    right: 0;
    line-height: 20px;
    position: absolute;
    top: 450px;
    top:350px\9; /* IE8 and below */
*top:auto; /* IE7 and below */
_top:auto; /* IE6 */ 
right:5%\9; /* IE8 and below */
*left:30%; /* IE7 and below */
_left:30%; /* IE6 */


}
#teamleader4:hover > #BethParratt {
    display:block;
    right:355px;
    height:80%;
    width: 450px;
    z-index:2000;
    width:500px\9; /* IE8 and below */
*width:500px; /* IE7 and below */
_width:500px; /* IE6 */
z-index:3500\9; /* IE8 and below */
*z-index:3000; /* IE7 and below */
_z-index:3000; /* IE6 */
height:auto\9; /* IE8 and below */
*height:auto; /* IE7 and below */
_height:auto; /* IE6 */
right:30%\9; /* IE8 and below */
}
}
 
 
 
 
 @media only screen and (max-device-width: 480px) and (orientation:portrait) {
 #wrapper {
		width: 100%;
		margin:0px auto;
		padding-left:0;
		padding-right: 0;
	}
	#bodycontent img{
	width: 90%;
	height: auto;
	margin-top: 25px;
	padding-left: 0;
	z-index: 1;
}

.feature{
	margin-left: 5%;
	position: relative;
	display:block;
	width: 90%;
	height: auto;
	margin-top: 25px;
	z-index: 1;
}
header img{
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #4d5858;
 }
 
 nav {
   
    margin-left: 0;
    opacity: 1;
    overflow: hidden;
    position: static;
    width: 90%;
    
}

nav ul {
    bottom: 1px;
    border-bottom: 1px solid #4d5858;
    color: #4d5858;
    height: 26px;
    line-height: 3%;
    margin-bottom: 1px;
    margin-left: 0;
    margin-top: -5px;
    width: auto;
    z-index: 6;
}

nav li {
    bottom: 1px;
    display: inline;
    font-size: large;
    height: auto;
    line-height: 3%;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: -1%;
    margin-top: 0;
    overflow: hidden;
    padding: 1%;
    width: 90%;
    z-index: 6;
}

nav img a{
	color: #4d5858;
	width: 30%;
	text-align: center;
	padding-bottom: 0;
	z-index: 6;
	border: 0;

	}

 
 .image_feature { 
   position: relative; 
   width: 90%;
   display: block;
   padding-left: 10%;
}

.image_feature h1 {
position: absolute; 
   top: 35px; 
   margin-left: 10%;
   left: 30%;
   width: 34%; 
   height: auto;
   text-align: left;
   line-height: 1;
   font-size: 36%;
   text-transform: uppercase; /* force text to uppercase */
   color: #4d5858;
   }
 
 	.image_feature h2 { 
   position: absolute; 
   top: 45px; 
   margin-left: 10%;
   left: 30%;
   width: 34%; 
   height: auto;
   text-align: left;
   line-height: 1.2;
   font-size: 33%;
   text-transform: uppercase; /* force text to uppercase */
   color: #4d5858;
}


.image_feature2 {
padding-left: -3%;
}

.image_feature2 img{
display: block;
height: auto;
position: relative;
width: 90%!important;
padding-left: 1%;
margin-top: 85px;
}

.image_feature2 h1 { 
   position: absolute; 
   margin-top: 10px; 
   left: 9%; 
   height: auto;
   text-align: left;
   font-size: 10px;
   line-height:0.5;
   font-weight:600;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-12deg);/* Safari */
-moz-transform: rotate(-12deg);/* Firefox */
-ms-transform: rotate(-12deg);/* IE */
-o-transform: rotate(-12deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #4d5858;
}

.image_feature2 h2 { 
   position: absolute; 
   margin-top: 20px; 
   left: 9%; 
   height: auto;
   text-align: left;
   font-size: 12.2px;
   line-height:0.5;
   font-weight:600;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-13deg);/* Safari */
-moz-transform: rotate(-13deg);/* Firefox */
-ms-transform: rotate(-13deg);/* IE */
-o-transform: rotate(-13deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #4d5858;
}

.image_feature2 h3 a:link { 
   position: absolute; 
   margin-top: -8px; 
   left: 11%; 
   height: auto;
   text-align: left;
   font-size: 90%;
   line-height:0.9;
   font-weight:600;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-13deg);/* Safari */
-moz-transform: rotate(-13deg);/* Firefox */
-ms-transform: rotate(-13deg);/* IE */
-o-transform: rotate(-13deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #41BEE8;
}

.philosophy_leftblock{
width: 45%;
}

.philosophy_leftblock h1 { 
   position: absolute; 
   top: 285px; 
   margin-left: 15%; 
   left: 0;
   width: 14%; 
   height: auto;
   text-align: left;
   margin-bottom: 15px;
   font-size: 43%;
   text-transform: uppercase; /* force text to uppercase */
}

.philosophy_leftblock h2 { 
   position: absolute; 
   top: 305px; 
   margin-left: 14%; 
   left: 0;
   width: 34%;
   height: auto;
   text-align: left;
   font-size: 37%;
   text-transform: uppercase; /* force text to uppercase */
}

.designer_additionalblocks{
width: 45%;
}
.designer_additionalblocks h1 { 
   position: absolute; 
   top: 285px; 
   margin-left: 53%;  
   width: 20%;
   height: auto;
   text-align: left;
   margin-bottom: 15px;
   font-size: 43%;
   text-transform: uppercase; /* force text to uppercase */
}

.designer_additionalblocks h2 { 
   position: absolute; 
   top: 305px; 
   margin-left: 53%;  
   width: 35%;
   height: auto;
   text-align: left;
   font-size: 37%;
   text-transform: uppercase; /* force text to uppercase */

}

.praise_leftblock {
	width: 25%;
	padding-top: -500%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #4d5858;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 500%;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	float: left;
}


.praise_rightblocks {
	width: 45%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #4d5858;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: -400%;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	float: none;
}


#team-col
{
/* Prevent vertical gaps */
   line-height: 0;
   width: 90% !important;
    margin-left: 25px;
   -webkit-column-count: 4;
   -webkit-column-gap:   3px;
   -moz-column-count:    4;
   -moz-column-gap:      3px;
   column-count:         4;
   column-gap:           3px;
*width: 1074px; /* IE7 and below */
_width: 1074px; /* IE6 */
} 

#bodycontent #team-col img{
/* Just in case there are inline attributes */
  width: 85% !important;
  height: auto !important;
  margin-top: 50px;
  padding-top: 5%;
margin-bottom: 120%;
  }

#teamleader1 #teamleader2 #teamleader3 #teamleader4 {
    background:none;
    position:relative;
    line-height:27px;
    display:block;
    margin:15px 0 0 10px;
    text-align:center;    
}

#team-col ul {
list-style-type: none;
}

#team-col h2 { 
   text-align: left;
   font-size: 16px;
   text-transform: uppercase; /* force text to uppercase */
   color: #41BEE8;
   margin-top: 2px;
}

#team-col h3 { 
	font-family: 'Century Gothic', Apple Gothic, Sans-serif;
	text-align: left;
   font-size: 14px;
   line-height:1.4;
   color: #4d5858;
}

#SusanBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: auto;
    overflow:hidden;
    left: 0;
    line-height: 20px;
    position: absolute;

}

#teamleader1:hover > #SusanBrown {
    display:block;
    left:15%;
    height:100%;
    width: 100%;
    z-index:2000;
    top: 33%;
}

#ScottBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 20px;
    position: absolute;
    

}

#teamleader2:hover > #ScottBrown {
    display:block;
    left:45%;
    height:50%;
    width: 50%;
    z-index:2000;
    top: 30%;
}

#LaurenWillis {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:auto;
    right: 0;
    line-height: 20px;
    position: absolute;
    
}
#teamleader3:hover > #LaurenWillis {
    display:block;
    right:495px;
    height:auto;
    width: 90%;
    overflow: auto;
    z-index:2000;
    top: 33%;
}

#BethParratt {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    right: 0;
    line-height: 20px;
    position: absolute;

}
#teamleader4:hover > #BethParratt {
    display:block;
    right:10%;
    height:40%;
    width: 450px;
    z-index:2000;
    top: 33%;
}



#services-col
{
/* Prevent vertical gaps */
   line-height: 2;
   width: 20%;
    margin-left: 5px;
   -webkit-column-count: 1;
   -webkit-column-gap:   0;
   -moz-column-count:    1;
   -moz-column-gap:      0;
   column-count:         1;
   column-gap:           0;  
   position: absolute;
   margin-top: 10%;
} 

#bodycontent #services-col img{
/* Just in case there are inline attributes */
  width: 70% !important;
  height: auto !important;
  margin-top: 20px;
  padding-top: 1%;
  padding-left: 1%;
  }
  
  .services {
float: right;
	width: 80%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	margin-top: 4em;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #4d5858;
	border-left-width: thin;
	border-left-style: none;
	border-left-color: #4d5858;
	
}

#bodycontent .client_leftblock img {
	width: 105%;
	height: auto;
	z-index: 1;
	border: 0;
	padding-left: 0;

} 

#bodycontent .client_rightblocks img {
	width: 45%;
	height: auto;
	z-index: 1;
	border: 0;

} 

.client_leftblock {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
.client_leftblock a {
	text-decoration: none;
	color: #999999;
}
.client_leftblock  .style1  img   {
	margin-left: 25px;
}

.client_rightblocks {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 2px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
}


.client_rightblocks h3 {
border-bottom: 1px solid #92CD98;
padding-bottom: 10%;
color: #4d5858;
}


.slider {
    width: 97%; 
    height: 400px;
    overflow: hidden;
    }
.slidernav li a {
    background: url("images/prev_next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 28px;
    margin: 0;
    outline: medium none;
    text-indent: -9999px;
    width: 28px;
    z-index: 999;
    margin-top: 35px;
}

.slidernav ul .nav-prev {
    background-position: 0 center;
    left: 46%;
    position: absolute;
}

.slidernav ul .nav-next {
    background-position: -30px center;
    left: 51%;
    position: absolute;
}

footer {
	width: auto;
	text-align: center;
	font-family: "Century Gothic", Apple Gothic, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	clear: both;
	margin-bottom: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	text-decoration: none;
	color: #4d5858;
}

footer .style1 {
  font-size: small;
  color: #4d5858;
}

footer .style2 {
font-size: small;
color: #4d5858;
}


	}
	
	
	
 
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
 #wrapper {
		width: 100%;
		margin:0px auto;
		padding-left:0;
		padding-right: 0;
	}
	#bodycontent img{
	width: 90%;
	height: auto;
	margin-top: 25px;
	padding-left: 0;
	z-index: 1;
}


header img{
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #4d5858;
 }
 
 nav {
   
    margin-left: 0;
    opacity: 1;
    overflow: hidden;
    position: static;
    width: 90%;
    
}

nav ul {
    bottom: 1px;
    border-bottom: 1px solid #4d5858;
    color: #4d5858;
    height: 26px;
    line-height: 3%;
    margin-bottom: 1px;
    margin-left: 0;
    margin-top: -5px;
    width: auto;
    z-index: 6;
}

nav li {
    bottom: 1px;
    display: inline;
    font-size: large;
    height: auto;
    line-height: 3%;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: -1%;
    margin-top: 0;
    overflow: hidden;
    padding: 1%;
    width: 90%;
    z-index: 6;
}

nav img a{
	color: #4d5858;
	width: 30%;
	text-align: center;
	padding-bottom: 0;
	z-index: 6;
	border: 0;

	}

 
 .image_feature { 
   position: relative; 
   width: 90%;
   display: block;
   padding-left: 10%;
}

.image_feature h1 {
position: absolute; 
   top: 35px; 
   margin-left: 10%;
   left: 30%;
   width: 43%; 
   height: auto;
   text-align: left;
   line-height: 1;
   font-size: 40%;
   text-transform: uppercase; /* force text to uppercase */
   color: #4d5858;
   }
 
 	.image_feature h2 { 
   position: absolute; 
   top: 40px; 
   margin-left: 10%;
   left: 30%;
   width: 34%; 
   height: auto;
   text-align: left;
   line-height: 1.3;
   font-size: 34%;
   text-transform: uppercase; /* force text to uppercase */
   color: #4d5858;
}



.image_feature2 {
padding-left: -3%;
}

.image_feature2 img{
display: block;
height: auto;
position: relative;
width: 90%!important;
padding-left: 1%;
margin-top: 85px;
}




.image_feature2 h1 { 
   position: absolute; 
   margin-top: 19px; 
   left: 7%; 
   height: auto;
   text-align: left;
   font-size: 10px;
   line-height:0.5;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-12deg);/* Safari */
-moz-transform: rotate(-12deg);/* Firefox */
-ms-transform: rotate(-12deg);/* IE */
-o-transform: rotate(-12deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #4d5858;
}

.image_feature2 h2 { 
   position: absolute; 
   margin-top: 21px; 
   left: 9%; 
   height: auto;
   text-align: left;
   font-size: 12.2px;
   line-height:0.5;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-13deg);/* Safari */
-moz-transform: rotate(-13deg);/* Firefox */
-ms-transform: rotate(-13deg);/* IE */
-o-transform: rotate(-13deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #4d5858;
}

.image_feature2 h3 a:link { 
   position: absolute; 
   margin-top: -10px; 
   left: 11%; 
   height: auto;
   text-align: left;
   font-size: 90%;
   line-height:0.9;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-13deg);/* Safari */
-moz-transform: rotate(-13deg);/* Firefox */
-ms-transform: rotate(-13deg);/* IE */
-o-transform: rotate(-13deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #41BEE8;
}

.philosophy_leftblock{
width: 45%;
}

.philosophy_leftblock h1 { 
   position: absolute; 
   top: 285px; 
   margin-left: 14%; 
   left: 0;
   width: 15%; 
   height: auto;
   text-align: left;
   margin-bottom: 15px;
   font-size: 43%;
   text-transform: uppercase; /* force text to uppercase */
}

.philosophy_leftblock h2 { 
   position: absolute; 
   top: 305px; 
   margin-left: 14%; 
   left: 0;
   width: 34%;
   height: auto;
   text-align: left;
   font-size: 37%;
   text-transform: uppercase; /* force text to uppercase */
}

.designer_additionalblocks{
width: 45%;
}
.designer_additionalblocks h1 { 
   position: absolute; 
   top: 285px; 
   margin-left: 53%;  
   width: 20%;
   height: auto;
   text-align: left;
   margin-bottom: 15px;
   font-size: 43%;
   text-transform: uppercase; /* force text to uppercase */
}

.designer_additionalblocks h2 { 
   position: absolute; 
   top: 305px; 
   margin-left: 53%;  
   width: 35%;
   height: auto;
   text-align: left;
   font-size: 37%;
   text-transform: uppercase; /* force text to uppercase */

}

#team-col h2 { 
   text-align: left;
   font-size: 12px;
   text-transform: uppercase; /* force text to uppercase */
   color: #41BEE8;
   margin-top: 2px;
}

#team-col h3 { 
	font-family: 'Century Gothic', Apple Gothic, Sans-serif;
	text-align: left;
   font-size: 10px;
   line-height:1.4;
   color: #4d5858;
}


#SusanBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 3%;
    position: absolute;
}

#teamleader1:hover > #SusanBrown {
    display:block;
    left:23%;
    height:100%;
    width: 73%;
    overflow: auto;
    z-index:2000;
        top: 95%;
}

#ScottBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 20px;
    position: absolute;


}

#teamleader2:hover > #ScottBrown {
    display:block;
    left:47%;
    height:90%;
    width: 500px;
    overflow: auto;
    z-index:2000;
        top: 95%;
}

#LaurenWillis {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    right: 0;
    line-height: 20px;
    position: absolute;
}

#teamleader3:hover > #LaurenWillis {
    display:block;
    right:495px;
    height:95%;
    width: 495px;
    overflow: auto;
    z-index:2000;
        top: 95%;
}


#BethParratt {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 100%;
    right: 0;
    line-height: 20px;
    position: absolute;

}
#teamleader4:hover > #BethParratt {
    display:block;
    right:355px;
    height:110%;
    width: 450px;
    z-index:2000;
    top: 95%;
}


#bodycontent .client_leftblock img {
	width: 105%;
	height: auto;
	z-index: 1;
	border: 0;
	padding-left: 0;

} 

#bodycontent .client_rightblocks img {
	width: 45%;
	height: auto;
	z-index: 1;
	border: 0;

} 

.client_leftblock {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
.client_leftblock a {
	text-decoration: none;
	color: #999999;
}
.client_leftblock  .style1  img   {
	margin-left: 25px;
}

.client_rightblocks {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 2px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
}


.client_rightblocks h3 {
border-bottom: 1px solid #92CD98;
padding-bottom: 10%;
color: #4d5858;
}

#services-col
{
/* Prevent vertical gaps */
   position: absolute;
   margin-top: 10%;
} 


  
  .services {
float: right;
	width: 50%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	margin-top: 4em;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #4d5858;
	border-left-width: thin;
	border-left-style: none;
	border-left-color: #4d5858;
	
}
.slider {
    width: 97%; 
    height: 400px;
    overflow: hidden;
    }
.slidernav li a {
    background: url("images/prev_next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 48px;
    margin: 0;
    outline: medium none;
    text-indent: -9999px;
    width: 28px;
    z-index: 999;
    margin-top: 50px;
}

.slidernav ul .nav-prev {
    background-position: 0 center;
    left: 46%;
    position: absolute;
}

.slidernav ul .nav-next {
    background-position: -30px center;
    left: 51%;
    position: absolute;
}

footer {
	width: auto;
	text-align: center;
	font-family: "Century Gothic", Apple Gothic, Arial, sans-serif;
	font-size: 8px;
	font-weight: normal;
	clear: both;
	margin-bottom: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	text-decoration: none;
	color: #4d5858;
}

footer .style1 {
  font-size: small;
  color: #4d5858;
}

footer .style2 {
font-size: small;
color: #4d5858;
}
.praise_leftblock {
	width: 45%;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #4d5858;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: -140%;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}


.praise_rightblocks {
	float: right;
	width: 45%;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 17%;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
	text-align: left;
}

 
	}
	
@media only screen and (max-device-width: 768px) and (orientation:portrait) {
	 #wrapper {
		width: 100%;
		margin:0px auto;
		padding-left:0;
		padding-right: 0;
	}
	#bodycontent img{
	width: 90%;
	height: auto;
	margin-top: 25px;
	padding-left: 0;
	z-index: 1;
}
header img{
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #4d5858;
 }
 
 nav {
   
    margin-left: 0;
    opacity: 1;
    overflow: hidden;
    position: static;
    width: 90%;
    
}

nav ul {
    bottom: 1px;
    border-bottom: 1px solid #4d5858;
    color: #4d5858;
    height: 26px;
    line-height: 3%;
    margin-bottom: 1px;
    margin-left: 0;
    margin-top: -5px;
    width: auto;
    z-index: 6;
}

nav li {
    bottom: 1px;
    display: inline;
    font-size: large;
    height: auto;
    line-height: 3%;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: -1%;
    margin-top: 0;
    overflow: hidden;
    padding: 1%;
    width: 90%;
    z-index: 6;
}

nav img a{
	color: #4d5858;
	width: 30%;
	text-align: center;
	padding-bottom: 0;
	z-index: 6;
	border: 0;

	}

#bodycontent .leftblock img {
	width: 100%;
	height: auto;
	z-index: 1;
	padding-left: 0;

} 

#bodycontent .additionalblocks img {
	width: 100%;
	height: auto;
	z-index: 1;
	padding-left: 0;

} 
 
 .image_feature { 
   position: relative; 
   width: 90%;
   display: block;
   padding-left: 10%;
}

.image_feature h1 {
position: absolute; 
   top: 35px; 
   margin-left: 10%;
   left: 30%;
   width: 43%; 
   height: auto;
   text-align: left;
   line-height: 1;
   font-size: 40%;
   text-transform: uppercase; /* force text to uppercase */
   color: #4d5858;
   }
 
 	.image_feature h2 { 
   position: absolute; 
   top: 40px; 
   margin-left: 10%;
   left: 30%;
   width: 34%; 
   height: auto;
   text-align: left;
   line-height: 1.3;
   font-size: 34%;
   text-transform: uppercase; /* force text to uppercase */
   color: #4d5858;
}


.image_feature2 {
padding-left: -3%;
}

.image_feature2 img{
display: block;
height: auto;
position: relative;
width: 90%!important;
padding-left: 1%;
margin-top: 85px;
}




.image_feature2 {
position: relative;
	padding-left: 8%;
	display:block;
	width: 92%!important;
	height: auto;
	margin-top: 55px;
	z-index: 1;
}

.image_feature2 h1 { 
   position: absolute; 
   top: 122px; 
   margin-left: 38%; 
   height: auto;
   text-align: left;
   font-size: 10px;
   line-height:0.5;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-12deg);/* Safari */
-moz-transform: rotate(-12deg);/* Firefox */
-ms-transform: rotate(-12deg);/* IE */
-o-transform: rotate(-12deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #4d5858;
}

.image_feature2 h2 { 
   position: absolute; 
   top: 154px; 
   margin-left: 39%; 
   height: auto;
   text-align: left;
   font-size: 12.2px;
   line-height:0.5;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-13deg);/* Safari */
-moz-transform: rotate(-13deg);/* Firefox */
-ms-transform: rotate(-13deg);/* IE */
-o-transform: rotate(-13deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #4d5858;
}

.image_feature2 h3 a:link { 
   position: absolute; 
   top: 233px; 
   margin-left: 37%; 
   height: auto;
   text-align: left;
   font-size: 90%;
   line-height:0.9;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
-webkit-transform: rotate(-13deg);/* Safari */
-moz-transform: rotate(-13deg);/* Firefox */
-ms-transform: rotate(-13deg);/* IE */
-o-transform: rotate(-13deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   color: #41BEE8;
}


.philosophy_leftblock{
width: 45%;
}

.philosophy_leftblock h1 { 
   position: absolute; 
   top: 285px; 
   margin-left: 14%; 
   left: 0;
   width: 15%; 
   height: auto;
   text-align: left;
   margin-bottom: 15px;
   font-size: 43%;
   text-transform: uppercase; /* force text to uppercase */
}

.philosophy_leftblock h2 { 
   position: absolute; 
   top: 305px; 
   margin-left: 14%; 
   left: 0;
   width: 34%;
   height: auto;
   text-align: left;
   font-size: 37%;
   text-transform: uppercase; /* force text to uppercase */
}

.designer_additionalblocks{
width: 45%;
}
.designer_additionalblocks h1 { 
   position: absolute; 
   top: 285px; 
   margin-left: 53%;  
   width: 20%;
   height: auto;
   text-align: left;
   margin-bottom: 15px;
   font-size: 43%;
   text-transform: uppercase; /* force text to uppercase */
}

.designer_additionalblocks h2 { 
   position: absolute; 
   top: 305px; 
   margin-left: 53%;  
   width: 35%;
   height: auto;
   text-align: left;
   font-size: 37%;
   text-transform: uppercase; /* force text to uppercase */
	}
	
	#team-col h2 { 
   text-align: left;
   font-size: 14px;
   text-transform: uppercase; /* force text to uppercase */
   color: #41BEE8;
   margin-top: 2px;
}

#team-col h3 { 
	font-family: 'Century Gothic', Apple Gothic, Sans-serif;
	text-align: left;
   font-size: 12px;
   line-height:1.4;
   color: #4d5858;
}


#SusanBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 3%;
    position: absolute;
    top: 37%;
}

#teamleader1:hover > #SusanBrown {
    display:block;
    left:12%;
    height:45%;
    width: 68%;
    overflow: auto;
    z-index:2000;
}

#ScottBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 35%;

}

#teamleader2:hover > #ScottBrown {
    display:block;
    left:31%;
    height:40%;
    width: 40%;
    overflow: auto;
    z-index:2000;
}

#LaurenWillis {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    right: 0;
    line-height: 20px;
    position: absolute;
    top: 38%;
}

#teamleader3:hover > #LaurenWillis {
    display:block;
    right:10%;
    height:60%;
    width: 40%;
    overflow: auto;
    z-index:2000;
}


#BethParratt {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    right: 0;
    line-height: 25px;
    position: absolute;
    top: 40%;
}
#teamleader4:hover > #BethParratt {
    display:block;
    right:0;
    height:25%;
    width: 35%;
    overflow: auto;
    z-index:2000;
}
#bodycontent .client_leftblock img {
	width: 105%;
	height: auto;
	z-index: 1;
	border: 0;
	padding-left: 0;

} 

#bodycontent .client_rightblocks img {
	width: 45%;
	height: auto;
	z-index: 1;
	border: 0;

} 

.client_leftblock {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
.client_leftblock a {
	text-decoration: none;
	color: #999999;
}
.client_leftblock  .style1  img   {
	margin-left: 25px;
}

.client_rightblocks {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 2px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
}


.client_rightblocks h3 {
border-bottom: 1px solid #92CD98;
padding-bottom: 10%;
color: #4d5858;
}

.slider {
    width: 97%; 
    height: 400px;
    overflow: hidden;
    }
.slidernav li a {
    background: url("images/prev_next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 28px;
    margin: 0;
    outline: medium none;
    text-indent: -9999px;
    width: 28px;
    z-index: 999;
    margin-top: 35px;
}

.slidernav ul .nav-prev {
    background-position: 0 center;
    left: 46%;
    position: absolute;
}

.slidernav ul .nav-next {
    background-position: -30px center;
    left: 51%;
    position: absolute;
}
.praise_leftblock {
	width: 45%;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #4d5858;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: -140%;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}


.praise_rightblocks {
	float: right;
	width: 45%;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 17%;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
	text-align: left;
}


	}
	
@media only screen and (max-device-width: 768px) and (orientation:landscape) {
	 #wrapper {
		width: 100%;
		margin:0px auto;
		padding-left:0;
		padding-right: 0;
	}
	#bodycontent img{
	width: 90%;
	height: auto;
	margin-top: 25px;
	padding-left: 0;
	z-index: 1;
}
header img{
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #4d5858;
 }
 
 nav {
   
    margin-left: 0;
    opacity: 1;
    overflow: hidden;
    position: static;
    width: 90%;
    
}

nav ul {
    bottom: 1px;
    border-bottom: 1px solid #4d5858;
    color: #4d5858;
    height: 26px;
    line-height: 3%;
    margin-bottom: 1px;
    margin-left: 0;
    margin-top: -5px;
    width: auto;
    z-index: 6;
}

nav li {
    bottom: 1px;
    display: inline;
    font-size: large;
    height: auto;
    line-height: 3%;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: -1%;
    margin-top: 0;
    overflow: hidden;
    padding: 1%;
    width: 90%;
    z-index: 6;
}

nav img a{
	color: #4d5858;
	width: 30%;
	text-align: center;
	padding-bottom: 0;
	z-index: 6;
	border: 0;

	}
	
	#bodycontent .leftblock img {
	width: 100%;
	height: auto;
	z-index: 1;
	padding-left: 0;

} 

#bodycontent .additionalblocks img {
	width: 100%;
	height: auto;
	z-index: 1;
	padding-left: 0;

} 

 
 .image_feature { 
   position: relative; 
   width: 90%;
   display: block;
   padding-left: 10%;
}

.image_feature h1 {
position: absolute; 
   top: 35px; 
   margin-left: 10%;
   left: 30%;
   width: 43%; 
   height: auto;
   text-align: left;
   line-height: 1;
   font-size: 40%;
   text-transform: uppercase; /* force text to uppercase */
   color: #4d5858;
   }
 
 	.image_feature h2 { 
   position: absolute; 
   top: 40px; 
   margin-left: 10%;
   left: 30%;
   width: 34%; 
   height: auto;
   text-align: left;
   line-height: 1.3;
   font-size: 34%;
   text-transform: uppercase; /* force text to uppercase */
   color: #4d5858;
}

.image_feature2 img{
display: block;
height: auto;
position: relative;
width: 90%!important;
padding-left: 1%;
margin-top: 85px;
}

.image_feature2 {
position: relative;
	padding-left: 8%;
	display:block;
	width: 92%!important;
	height: auto;
	margin-top: 55px;
	z-index: 1;
}


.image_feature2 h1 { 
   position: absolute; 
   top: 123px; 
   margin-left: 37.5%; 
   height: auto;
   text-align: left;
   font-size: 11px;
   line-height:0.5;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
   color: #4d5858;
-webkit-transform: rotate(-12deg);/* Safari */
-moz-transform: rotate(-12deg);/* Firefox */
-ms-transform: rotate(-12deg);/* IE */
-o-transform: rotate(-12deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   
}

.image_feature2 h2 { 
   position: absolute; 
   top: 156px; 
   margin-left: 38.5%; 
   height: auto;
   text-align: left;
   font-size: 12.2px;
   line-height:0.5;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */ 
   color: #4d5858;
-webkit-transform: rotate(-13deg);/* Safari */
-moz-transform: rotate(-13deg);/* Firefox */
-ms-transform: rotate(-13deg);/* IE */
-o-transform: rotate(-13deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */ 
}

.image_feature2 h3 a:link { 
   position: absolute; 
   top: 237px; 
   margin-left: 37%; 
   height: auto;
   text-align: left;
   font-size: 90%;
   line-height:0.9;
   font-weight:400;
   text-transform: uppercase; /* force text to uppercase */
   color: #41BEE8;
-webkit-transform: rotate(-13deg);/* Safari */
-moz-transform: rotate(-13deg);/* Firefox */
-ms-transform: rotate(-13deg);/* IE */
-o-transform: rotate(-13deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);/* Internet Explorer */
   
}

.philosophy_leftblock{
width: 45%;
}

.philosophy_leftblock h1 { 
   position: absolute; 
   top: 285px; 
   margin-left: 14%; 
   left: 0;
   width: 15%; 
   height: auto;
   text-align: left;
   margin-bottom: 15px;
   font-size: 43%;
   text-transform: uppercase; /* force text to uppercase */
}

.philosophy_leftblock h2 { 
   position: absolute; 
   top: 305px; 
   margin-left: 14%; 
   left: 0;
   width: 34%;
   height: auto;
   text-align: left;
   font-size: 37%;
   text-transform: uppercase; /* force text to uppercase */
}

.designer_additionalblocks{
width: 45%;
}
.designer_additionalblocks h1 { 
   position: absolute; 
   top: 285px; 
   margin-left: 53%;  
   width: 20%;
   height: auto;
   text-align: left;
   margin-bottom: 15px;
   font-size: 43%;
   text-transform: uppercase; /* force text to uppercase */
}

.designer_additionalblocks h2 { 
   position: absolute; 
   top: 305px; 
   margin-left: 53%;  
   width: 35%;
   height: auto;
   text-align: left;
   font-size: 37%;
   text-transform: uppercase; /* force text to uppercase */
	}
	

.praise_leftblock {
	width: 45%;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #4d5858;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: -140%;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}


.praise_rightblocks {
	float: right;
	width: 45%;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 17%;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
	text-align: left;
}



	#team-col h2 { 
   text-align: left;
   font-size: 12px;
   text-transform: uppercase; /* force text to uppercase */
   color: #41BEE8;
   margin-top: 2px;
}

#team-col h3 { 
	font-family: 'Century Gothic', Apple Gothic, Sans-serif;
	text-align: left;
   font-size: 10px;
   line-height:1.4;
   color: #4d5858;
}


#SusanBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 3%;
    position: absolute;
    top: 65%;
}

#teamleader1:hover > #SusanBrown {
    display:block;
    left:16%;
    height:80%;
    width: 58%;
    overflow: auto;
    z-index:2000;
}

#ScottBrown {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 65%;

}

#teamleader2:hover > #ScottBrown {
    display:block;
    left:33%;
    height:60%;
    width: 40%;
    overflow: auto;
    z-index:2000;
}

#LaurenWillis {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    right: 0;
    line-height: 20px;
    position: absolute;
    top: 65%;
}

#teamleader3:hover > #LaurenWillis {
    display:block;
    right:10%;
    height:60%;
    width: 40%;
    overflow: auto;
    z-index:2000;
}


#BethParratt {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #ffffff;
    font-color: #4d5858;
    width:auto;
    height: 0;
    overflow:hidden;
    right: 0;
    line-height: 20px;
    position: absolute;
    top: 65%;
}
#teamleader4:hover > #BethParratt {
    display:block;
    margin-top:4%;
    right:3%;
    height:60%;
    width: 40%;
    overflow: auto;
    z-index:2000;
}

#bodycontent .client_leftblock img {
	width: 105%;
	height: auto;
	z-index: 1;
	border: 0;
	padding-left: 0;

} 

#bodycontent .client_rightblocks img {
	width: 45%;
	height: auto;
	z-index: 1;
	border: 0;

} 

.client_leftblock {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
.client_leftblock a {
	text-decoration: none;
	color: #999999;
}
.client_leftblock  .style1  img   {
	margin-left: 25px;
}

.client_rightblocks {
	float: right;
	width: 45%;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 2px;
	font-family: 'Century Gothic', Apple Gothic, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
}


.client_rightblocks h3 {
border-bottom: 1px solid #92CD98;
padding-bottom: 10%;
color: #4d5858;
}

.slider {
    width: 97%; 
    height: 400px;
    overflow: hidden;
    }
.slidernav li a {
    background: url("images/prev_next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 28px;
    margin: 0;
    outline: medium none;
    text-indent: -9999px;
    width: 28px;
    z-index: 999;
    margin-top: 35px;
}

.slidernav ul .nav-prev {
    background-position: 0 center;
    left: 47%;
    position: absolute;
}

.slidernav ul .nav-next {
    background-position: -30px center;
    left: 51%;
    position: absolute;
}



	}