/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: #e7e7e7;
	font: 1.0em/150% Arial, Helvetica, sans-serif;
	color: #6e6e6e;
}
a {
	color: #90bd24;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0;
	font-size:15px;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#headerwrap{
	width:100%;
	height:80px;
	float:left;
	background: #4c3d55;
	background: -webkit-gradient(linear, top, bottom, from(#604e6c), to(#4c3d55));
	background: -moz-linear-gradient(top,  #604e6c,  #4c3d55);
	background: linear-gradient(180deg, #604e6c, #4c3d55);
	border-bottom:2px solid #403448;
}
#pagewrap_header{
	width: 960px;
	height:80px;
	margin: 0 auto;
}
#sliderwrap{
	width:100%;
	float:left;
	background: #3e3e3e url(images/slideBG2.jpg) repeat;
}
#pagewrap_slider{
	width: 960px;
	height:375px;
	margin: 0 auto;
}
#pagewrap{
	width: 960px;
	margin: 0 auto;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	position: relative;
	height: 160px;
}

/* site logo */
#site-logo {
	float:left;
	width:45%;
	color:#ffffff;
	margin-top:12px;
}
/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
	float:left;
	width: 55%;
	background: none;
	margin: 0;
	padding: 0;
	left: 0;
	bottom: 0;
	z-index: 100;
}
#main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width:20%;
}
#main-nav li:first-child {
	margin-left: 0px;
}
#main-nav a {
	line-height: 100%;
	font-weight: normal;
	text-align:center;
	color: #ffffff;
	display: block;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 33.5% 0% 29% 0%;
	text-decoration: none;
}
#main-nav a:hover {
	background: #655372;
	background: -webkit-gradient(linear, top, bottom, from(#604e6c), to(#655372));
	background: -moz-linear-gradient(top,  #604e6c,  #655372);
	background: linear-gradient(180deg, #604e6c, #655372);
}

/************************************************************************************
SLIDER
*************************************************************************************/
/*slider*/
#slidewrapper {
  position:relative;
  float: left;
  height:400px;
  }
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 55%;
  left: 0;
  opacity: 0.3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("images/themes.gif") no-repeat left top;
  margin-top: -50px;
  }
.centered-btns_nav:hover {
  opacity: 0.6;
  }

.centered-btns_nav:active {
  opacity: 0.8;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 9px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 10px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #d3d3d3;
  display: inline-block;
  _display: block;
  *display: block;
  width: 15px;
  height: 15px;
  border:2px solid #ffffff;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
	background: #5f4c6a;
	background: -webkit-gradient(linear, top, bottom, from(#725c7f), to(#5f4c6a));
	background: -moz-linear-gradient(top,  #725c7f,  #5f4c6a);
	background: linear-gradient(180deg, #725c7f, #5f4c6a);
  }

/************************************************************************************
CONTENT
*************************************************************************************/
#content {
	background: none;
	margin:5px 0 30px 0;
	padding: 0 0;
	width: 630px;
	float: left;
}

/* post image */
.post-image {
	float:left;
	margin: 0 0 0 0;
}

.post-title {
	font-size:32px;
	color:#2c2a29;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.sub-title {
	font-size:20px;
	color:#4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:3px;
	border-bottom:1px solid #2c2a29;
}
#profilehome{
	float:left;
}
/*recent projects on homepage*/
#recentprojects{
	float:left;
	width:65%;
	padding-right:3%;
	margin-top: 0px;
	margin-bottom: 0px;
}
#recentprojectimage{
	float:left;
	width:47.5%;
	margin-right:5%;
	margin-bottom:10px;
}
#recentprojectimagelast{
	float:left;
	width:47.5%;
	margin-bottom:10px;
}
.whiteborder{
	background:#ffffff;
	padding:5px;
	margin:0;
}
#partnerside{
	float:left;
	width:32%;
}
#clickbutton{
	float:left;
	padding:8px 14px;
	margin-top:0px;
	color:#ffffff;
	background: #5f4c6a;
	background: -webkit-gradient(linear, top, bottom, from(#725c7f), to(#5f4c6a));
	background: -moz-linear-gradient(top,  #725c7f,  #5f4c6a);
	background: linear-gradient(180deg, #725c7f, #5f4c6a);
	border:1px solid #5f4c6a;
}
#clickbutton:hover{
	background: #6f597c;
	background: -webkit-gradient(linear, top, bottom, from(#846b93), to(#6f597c));
	background: -moz-linear-gradient(top,  #846b93, #6f597c);
	background: linear-gradient(180deg, #846b93, #6f597c);
	cursor:pointer;
}

#aboutme{
	float:left;
	width:48%;
	margin-right:4%;
}
#aboutbusiness{
	float:left;
	width:48%;
}

#portfolioimage{
	float:left;
	width:29%;
	margin:2% 2%;
}
.large-image {
	float:left;
	width:99.5%;
	margin:0 0 0 0;
	border:2px solid #d9d9d9;
}
.large-image1-1 {
	float:left;
	width:100%;
	margin:0 0 0 0;
}
.large-image1 {
	float:left;
	width:66.4%;
	margin:0 0 0 0;
}
.extra-image1-1 {
	float:left;
	width:49%;
	margin:12px 0 0 0;
}
.extra-image {
	float:left;
	width:31.2%;
	margin:0 0 0 2.4%;
}
.extra-imagewide {
	float:left;
	width:100%;
	margin:12px 0 0 0;
}
.portfoliotab1{
	float:left;
	padding:2%;
	width:96%;
	background:#ffffff;
	text-align:left;
	display: none;
}
.portfoliotab{
	float:left;
	width:100%;
	text-align:left;
	display: none;
}
.newboxes2 {
    display: none;
}
#inspirationrow{
	float:left;
	margin-bottom:1.5%;
}
#inspirationbox{
	float:left;
	padding:1.5% 1.5%;
	width:20%;
	height:305px;
	background:#ffffff;
	border:1px solid #dddddd;
	margin-right:1%;
	margin-bottom:1%;
}
.inspirationtitle{
	float:left;
	font-size:13px;
	color:#4a4a4a;
	margin-top:8px;
	width:100%;
	border-bottom:1px solid #dddddd;
	padding-bottom:8px;
	margin-bottom:8px;
	font-weight:bold;
	line-height:120%;
}
#formbox{
	float:left;
	width:65%;
	margin-right:2.4%;
	padding-right:2.4%;
	border-right:1px dotted #c1c1c1;
}
#extracontact{
	float:left;
	width:47%;
	padding-right:3%;
	text-align:left;
}
@media screen and (max-width: 767px) {
#extracontact{
	float:left;
	width:100%;
	margin-top:20px;
	text-align:left;
}
}

#pinterest960{
	display:block;
}
#pinterest650{
	display:none;
}
#pinterest480{
	display:block;
}
label {
    display:block;
    margin-top:0px;
    letter-spacing:2px;
}
input, textarea {
	width:62%;
	height:27px;
	background:#fafafa;
	border:1px solid #dddddd;
	padding:8px;
	margin-top:3px;
	font-size:1em;
	color:#4a4a4a;
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	margin-bottom:10px;
}
textarea {
	width:85%;
	height:200px;
	font-size:1em;
	background:#fafafa;
}
input:focus, textarea:focus {
    border:1px solid #c1c1c1;
	background:#ffffff;
}
#submit {
	display:block;
    width:110px;
    height:45px;
    background: #4c3d55;
	background: -webkit-gradient(linear, top, bottom, from(#604e6c), to(#4c3d55));
	background: -moz-linear-gradient(top,  #604e6c,  #4c3d55);
	background: linear-gradient(180deg, #604e6c, #4c3d55);
    border:none;
	color:#ffffff;
    margin-top:10px;
    cursor:pointer;
}
#submit:hover {
	opacity:0.9;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	width: 300px;
	float: right;
	margin: 5px 0;
}
.widget {
	background: none;
	margin: 0;
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;	
}
.services li, .partners li, .credentails li {
	margin: 0;
	padding: 4px 0;
	list-style: url(images/leaf_icon.png);
	clear: both;
}
#serviceicon{
	float:left;
	margin-right:15px;
}
.servicetitle{
	float:left;
	color:#4a4a4a;
	font-size:18px;
	font-weight: normal;
	margin-top:0px;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
	width:100%;
	height:100%;
	float:left;
	background: #4c3d55;
	background: -webkit-gradient(linear, top, bottom, from(#604e6c), to(#4c3d55));
	background: -moz-linear-gradient(top,  #604e6c,  #4c3d55);
	background: linear-gradient(180deg, #604e6c, #4c3d55);
	border-top:1px solid #504459;
	margin-top:30px;
}
#pagewrap_footer{
	width:960px;
	height:130px;
	font-size:12px;
	color:#d7d7d7;
	margin: 20px auto;
}
#footerbox{
	float:left;
	width:31%;
	line-height:130%;
	margin-right: 3.5%;
}
#footerlogo{
	max-width:210px;
}
#footerboxlast{
	float:left;
	width: 31%;
	line-height:130%;
}
#footerbox p, #footerboxlast p{
	font-size:13px;
	color:#d7d7d7;
}
#footerbox li{
	border-bottom:1px dotted #d7d7d7;
	padding-bottom:6px;
	font-size:13px;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }