/*--------------------------
RESET
---------------------------*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video{margin:0; padding:0}
article, aside, details, figcaption, figure, footer, 
header, hgroup, menu, section{display:block}
.benefitsimage {
	padding-right: 15px;
	margin-left: -15px;
	padding-bottom: 5px;
}

table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, dfn, th, var{font-style:normal; font-weight:normal}
caption, th{text-align:left}
h1, h2, h3, h4, h5, {font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0}


/*--------------------------
GLOBAL
---------------------------*/
html { overflow-y:scroll;  }
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	width:auto;
	height:auto;
	color:#5e5d5d;
	line-height:18px;
	text-align: left;
	background-image: url(../images/bg/ricepaper.jpg);
}

.clearfix:after{ content:"";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0}
.clearfix{ display:inline-block }
html[xmlns] .clearfix{ display:block}
* html .clearfix{ height:1%}
.fl{ float:left; }
.fr{ float:right; }
.icon_left{ float:left; margin-right:10px;}

a img {border: 0;}
a, a:link{
	color:#FFC425;
	text-decoration:none;
}
a:hover{
	color:#999999;
	text-decoration:underline;
}
::selection {background: rgb(100,200,164); color:#fafafa;}
::-moz-selection {background: rgb(100,200,164); color:#fafafa;}
img::selection {background: transparent;}
img::-moz-selection	{background: transparent;}

h1, h2, h3, h4, h5, {
	margin:0px 0 20px 0;
	font-weight:normal;
	color:#857670;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -0.03em;
}

h1{
	font-size:26px;
	line-height:20px;
}
h2{ font-size:24px; line-height:28px; }
h3{
	font-size:22px;
	line-height:26px;
	margin-bottom: 8px;
}
h4{
	font-size:19px;
}
h5{ font-size:12px; }
h6{
	font-size:18px;
	color:#177590;
	line-height: 23px;
	font-weight: normal;
	margin-bottom: 12px;
 }

p, ul, ol{
	margin-bottom:20px;
	color: #666666;
}
ul, ol{ margin-left:20px; }

figure, img {
	max-width:100%;
	height:auto;
	margin-bottom:20px;
	border: 2px solid #CEC3B9;
}
img.left {margin:0 20px 0 0; float:left; }
img.right {margin:0 0 0 20px; float:right;}
img.center {  display: block; margin-left: auto; margin-right: auto; }
object, embed, video{max-width:100%; height:auto}


.aligncenter{
	text-align:left;
}
.alignleft{ text-align:left; }
.alignright{ text-align:right; }
blockquote{ font-family: 'Open Sans', sans-serif; font-style:italic; background:url(../images/quote_left.png) no-repeat left .4em; margin-bottom:30px; }
blockquote p{ color:#; padding-left:26px; font-size:1.4em; line-height:1.5em; }
blockquote p cite{ font-style:italic; color:#9e9e9e; }

#services .columns .excerpt{
	float:right;
	width:75%;
	color: #666666;
}
#services .columns .img{ float:left; }
#services .columns .img img{ max-width:100%; }
/*--------------------------
LAYOUT
---------------------------*/
#page{ width:100%; max-width:978px; margin:0 auto; }

div.columns{height: 1%;}
div.one-half{width:48.5%}
div.one-third{
	width:31.3%;
	color: #666666;
}
div.two-third{width:65.64%}
div.one-fourth{width:22.7%;}
div.three-fourth{width:74.23%}
div.one-half, div.one-third, div.two-third, div.three-fourth, div.one-fourth{
	position:relative;
	margin-left:3%;
	float:left;
	margin-bottom:1.55em;
}
div.one-half:first-child, div.one-third:first-child, div.two-third:first-child, div.three-fourth:first-child, div.one-fourth:first-child, .first{
	margin-left:0 !important;
	clear:left;
	color: #666666;
}


/*--------------------------
CONTENT
---------------------------*/
#page #main #home .introsentence {
	font-size: 28px;
	line-height: 34px;
	color: #177590;
	letter-spacing: -0.02em;
}

#main {
	width:756px;
	float:right;
}

#main a{
		color: #177590;
		text-decoration:underline;
}

#main a:hover{
	color: #857670;
	text-decoration:underline;
}
#main .content, #main .last-content{
	min-height:1100px;
	padding-top:20px;
	position:relative;
	clear:both;
	color: #666666;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	background-image: url(../images/bg/diagonal-noise.png);
}
#main .last-content{ min-height:770px!important;  }
#main .content .page_title h2, #main .last-content .page_title h2, .title_underline{
	font-size:36px;
	text-transform:capitalize;
	letter-spacing:-0.03px;
	margin-bottom:30px;
	float:left;
	width:100%;
	color: #177590;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CEC3B9;
	padding-bottom: 12px;
}
#main .content .page_title h2 span{ position:absolute; right:0; }
#main .divider{
	clear:both;
	width:100%;
	margin-bottom:20px;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #CEC3B9;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-right-color: #FDF5ED;
	border-bottom-color: #FDF5ED;
	border-left-color: #FDF5ED;
}
.copyright {
	margin-bottom:20px;
	float:left;
	width:100%;
	padding-top:10px;
	font-size:12px;
	margin-top: 25px;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #CEC3B9;
	color: #C3B7B5;
}

.copyright a:active {
	color: #666;
	text-decoration: underline;
}
.copyright a:hover {
	color: #000;
	text-decoration: underline;
}

.intro{ font-family: 'Open Sans', sans-serif; font-size:2.5em; font-weight:300; line-height:1.4em; text-align:center; margin-bottom:60px; }
.intro a{ background:#65caa6; color:#f9fffd;}
.intro a:hover{ text-decoration:none; background:#1a1a1a; }

#filters{ padding:0; margin:0 0 20px -10px;}
#filters li{ list-style:none; display:inline; padding:0 10px 0 0; color:#999; }
#filters li a{ padding:0 0 0 10px; text-decoration:none; }
#filters li a.selected{ color:#000; text-decoration:none;}
#works-container{ margin-left:-6px; width:106%; float:left; }
#works-container .element {
	float: left;
	overflow: hidden;
	position: relative;
	width:170px;
	height:160px;
	margin-top: 9px;
	margin-right: 9px;
	border: 2px solid #CEC3B9;
}
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}


/*blog*/
#blog .post{ float:left; width:100%; margin-bottom:40px; padding-bottom:40px;}
#blog .post .post-aside{ float:left; width:27.3%;}
#blog .post .post-aside .post-meta{ text-align:right; padding-right:20px; border-right:1px solid #ccd0c8; }
#blog .post .post-aside .post-meta > span,
#blog .post .post-aside .post-meta .share span{ display:block; }
#blog .post .post-aside .post-meta .share{ margin-top:20px; }

#blog .post .hentry{ float:right; width:67%; }
#blog .post .hentry .category a{ text-transform:uppercase; font-size:12px; letter-spacing:2px; color:#5a5d57; }

#blog .post .more-button{ font-style:italic; }



/*--------------------------
HEADER
---------------------------*/
#header {
	margin-top:40px;
	width:206px;
	position:fixed;
	float:left;
	padding-right: 22px;
	padding-left: 6px;
	margin-right: 16px;
}
#header #logo {
	text-indent:-1e+07;
	width:200px;
	height:155px;
}
#header #logo a {
	display:block;
	background:url(../images/logo.png) no-repeat;
	width:200px;
	height:220px;
}
#header #main-nav{
	margin-bottom:40px;
	margin-top: 10px;
	padding-top: 23px;
	text-align:center;
}
#header #main-nav, #header .widget {
	position:relative;
}

#header #main-nav ul li {
	line-height:30px;
	display: block;
	list-style-type: none;
	width: 160px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
}
#header #main-nav ul li a { color:#8d8c8c; font-size:18px; padding:4px 20px 4px 20px; border-radius:10px; }

#header #main-nav ul li a:hover {
	text-decoration:none;
	color:#006583;
}
#header #main-nav ul li.selected a,
#header #main-nav ul li.current a {
	border-radius:6px;
	background-color: #E4D8CC;
	background: #ffc425;
	padding:6px;
	color:#FFFFFF;
	background-position: left;
}
#header #main-nav ul li.selected a:hover,
#header #main-nav ul li.current a:hover {
	color:#FFFFFF;
}


/*viewing*/
#header .view h4{ float:left;  margin-right:10px;}
#header .view .monitor{ background:url(../images/monitor.png) no-repeat bottom left; width:15px; height:15px;}
#header .view .ipad{ background:url(../images/ipad.png) no-repeat top left; width:13px; height:15px;}
#header .view .iphone{ background:url(../images/iphone.png) no-repeat top left; width:9px; height:16px; }
#header .view .monitor,
#header .view .ipad,
#header .view .iphone{ margin-top:13px; margin-right:10px; float:left; }

/*map*/
#map{ height:400px; margin-bottom:20px; clear:both; }
/*form*/
:focus{ outline:none; }
.form > div{ margin-bottom:10px; width:100%; position:relative;  }
.form > div > label{ width:100px; float:left; margin-top:10px; }
.form #name, .form #email, .form #subject, .form #comments, .inputtext, .form select, #commentform textarea {padding:10px; border:1px solid #d9d9d9;  font-family: 'Open Sans', sans-serif; font-size:13px; }
.form #name:focus, .form #email:focus, .form #subject:focus, .form #comments:focus, .inputtext:focus, .form select:focus{border:1px solid #8a8a8a;}

.form #name, .form #email, .form #subject, .form #comments, .inputtext, .form select { width:50%;  -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; background:none; }

.form #comments{ width:70%; max-width:77%; }
#about  {
#about .staff > h4{ margin-bottom:0px; color:#333;
	background-color: #F60;
}
#about .staff > h5{ text-align:center; }
#about .staff img, .slides li img, .gallery img, #works-container img, .post-thumb img{ -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;   }

.form #submit, #commentform #submit{-webkit-border-radius:30px;  -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;background-color: #2fd498; background: -webkit-gradient(linear, left top, right top, from(#2fd498), to(#62c8a4));background: -webkit-linear-gradient(left, #2fd498, #62c8a4);background: -moz-linear-gradient(left, #2fd498, #62c8a4); background: -ms-linear-gradient(left, #2fd498, #62c8a4); background: -o-linear-gradient(left, #2fd498, #62c8a4); padding:10px 20px; color:#dbf8ee; text-shadow:0px -1px 0px #2eaa7e; border:none; cursor:pointer; font-size:16px; }

.gallery{ margin-left:-10px; }
.gallery-item{ float:left; margin:0; padding:0; }
.gallery br{ margin:0; padding:0; border:1px solid red; float:left; }
.gallery-item .gallery-icon { margin:0; padding:0; margin:0 10px 0 10px; }
.gallery-item .gallery-icon img{ float:left; margin:0 0 10px 0; padding:0; }



#contact input[type="submit"][disabled] { background:#888; cursor: default; }

#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; line-height: 22px; background: #FBE3E4 url(../images/error.gif) no-repeat 7px .8em; padding: 7px 10px 7px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; margin-bottom:-2px; }

#contact #success_page h1 { background: url(../images/success.gif) left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

#header #main-nav ul{
	padding-top: 20px;
	text-align: center;
	margin: 0px;
	width: 200px;
}
#header #main-nav select{ display:none; }

body{ background:; padding:0 20px;}	
/*#page{ padding:0 20px;}*/
#header {
	position:relative;
	width:200px;
	float:none;
	margin-top:40px;
	text-align:center;
}
#header #logo {
	text-indent:-1e+07;
	width:123px;
	height:170px;
	margin:0 auto 30px auto;
}
#header #logo a {
	display:block;
	background:url(../images/logo.png) no-repeat;
	width:200px;
	height:200px;
}
#header #main-nav{ margin-bottom:40px;}

#header .widget{ margin-bottom:20px; clear:both; float:left; }
#header .widget h4{ font-size:11px; text-transform:uppercase; font-weight:normal; letter-spacing:2px; margin:10px 0; font-family: 'Arvo', serif;}

#header #main-nav{ position:fixed; top:0; z-index:99999; background:#f1f6ed; padding:10px 0; width:100%; margin-left:-20px; }
#header #main-nav ul{ display:none; }
#header #main-nav select{ display:block; width:200px; margin:0 auto; }


#header #main-nav ul li { list-style:none; line-height:30px; display:inline; }
#header #main-nav ul li a { color:#8d8c8c; font-size:16px; padding:4px 20px }
#header #main-nav ul li.external a { background-image:url(../images/external_link.gif); background-position:80% 50%; background-repeat:no-repeat; }
#header #main-nav ul li a:hover { text-decoration:none; color:#63c8a4; }
#header #main-nav ul li.selected a { background:none; color:#63c8a4; text-shadow:none; padding:4px 20px }
#header #main-nav ul li.selected a:hover {
	color:#F5D428;
}
#header .widget{ margin-bottom:0px; clear:none; float:none; width:100%; margin-left:0; }
#header .social{ margin:0 auto 40px auto; float:none!important; width:100%!important; text-align:center;padding-bottom:0!important; clear:none!important;  }
#header .social li{ position:relative;}
#header .social li a img{ margin-bottom:-8px; }
#header .social li.twitter a,
#header .social li.facebook a,
#header .social li.dribbble a,
#header .social li.flickr a,
#header .social li.skype a{ width:26px; height:26px; display:inline; float:none; margin:0 5px;}

#main{ width:100%; float:none; clear:both; }

/*viewing*/
#header .view{ text-align:center; margin:0 auto;}
#header .view .view_holder{ width:60px; margin:0 auto; }
#header .view h4{ float:none;  margin-right:10px; text-align:center; width:100%; margin-bottom:0; padding-bottom:0; }
#header .view .monitor{ background:url(../images/monitor.png) no-repeat top left; width:15px; height:15px;}
#header .view .ipad{ background:url(../images/ipad.png) no-repeat bottom left; width:13px; height:15px;}
#header .view .iphone{ background:url(../images/iphone.png) no-repeat top left; width:9px; height:16px; }
#header .view .monitor,
#header .view .ipad,
#header .view .iphone{ margin-top:13px; margin-right:10px; display:block; }
#header .view .iphone{ margin-right:0;}

#services .columns .excerpt{ float:right; width:74%; }
#services .columns .img{ float:left; }
#services .columns .img img{ max-width:100%; }
	


	
/*viewing*/
#header .view{ text-align:center; margin:0 auto;}
#header .view .view_holder{ width:60px; margin:0 auto; }
#header .view h4{ float:none;  margin-right:10px; text-align:center; width:100%; margin-bottom:0; padding-bottom:0; }
#header .view .monitor{ background:url(../images/monitor.png) no-repeat top left; width:15px; height:15px;}
#header .view .ipad{ background:url(../images/ipad.png) no-repeat top left; width:13px; height:15px;}
#header .view .iphone{ background:url(../images/iphone.png) no-repeat bottom left; width:9px; height:16px; }
#header .view .monitor,
#header .view .ipad,
#header .view .iphone{ margin-top:13px; margin-right:10px; display:block; }
#header .view .iphone{ margin-right:0;}

#header #main-nav{
	text-align:center;
	position:fixed;
	z-index:99999;
	width: 200px;
}
#header #main-nav ul{ display:none; }
#header #main-nav select{ display:block; }

div.one-half,
div.one-third,
div.two-third,
div.one-fourth,
div.three-fourth{ width:100%; float:none; margin-left:0; }
#services .columns > div{ clear:both; }


#services .columns .excerpt{ float:right; width:75%; }
#services .columns img{ float:left;  }


.intro{ font-size:2em; }


.content2 {
	color: #666666;
}

#page #main .bigimage {
	width: 710px;
	border: 2px solid #B1A89F;
	overflow: hidden;
}
#page p a {
	color: #997670;
	text-decoration: underline;
}

#page p a:link {
	color: #997670;
	text-decoration: underline;
}

#page p a:active {
	color: #997670;
	text-decoration: underline;
}

a{
	color: #C00;
	text-decoration: underline;
}
#page #main #home .columns .one-third p .linky {
	text-decoration: underline;
}
#page #main #services .page_title .introsentence {	
font-size: 21px;
	line-height: 28px;
	color: #177590;
}

#page #main #works .page_title .introsentence {	
font-size: 21px;
	line-height: 28px;
	color: #177590;
}

.introwords {	
font-size: 21px;
	line-height: 28px;
	color: #177590;
}#page #main #works #introthought {
	font-size: 19px;
	line-height: 23px;
	color: #177590;
}
.explanation {
	color: #F00;
}
 .clear {clear:both;}