body{background:url(/images/bot.jpg) bottom center no-repeat #EEFFFE; /* font-family:"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif; */ font-size:20px; color:#678491; position:relative; -webkit-font-smoothing:antialiased;}
body.interior{background:#EEFFFE;}

/* fonts */
#logo{
	font-family: "Caveat", cursive;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
h1, h2, h3, #main-nav, .btn, body{ 
 font-family: "Alice", serif;
 font-weight: 400;
 font-style: normal;
}

/* colors */
.main{color:#678491;}
.shade{color:#E2F6F5;}
.dark{color:#1F404E;}

/* ********* STRUCTURE ********* */

body, html{position:relative; height:100%; margin:0; padding:0;}
.container-fluid{max-width:1280px; overflow:visible; margin:0 auto;}

/* header  */
#header-wrapper{position:relative; z-index:999; overflow:visible; text-align: center;}
#header{height:auto; position:relative; background:url(/images/top.jpg) top center no-repeat; background-size:contain;}

	#logo{position:relative; top:70px; left:0; padding:30px 0;}
		#logo a{position:relative; z-index:999; font-size:48px; padding:15px;}
			#logo a:hover{background:#1F404E; color:#fff; text-decoration:none; border-radius:4px;}
	#main-nav{position:relative; height:auto; top:70px;  z-index:99;}
		#main-nav a{display:inline-block; padding:15px; margin:15px;}
		#main-nav a:hover{background:#1F404E; color:#fff; text-decoration:none; border-radius:4px;}
			#main-nav a.a{border-bottom:2px solid #F0D7C4;}
			#main-nav a.b{border-bottom:2px solid #BBF3CF;}
				.Responsive #main-nav a.b{border-color:#678491;}
				.UX #main-nav a.a, .WorkSpace #main-nav a.a, .ArtCrawl #main-nav a.a, .Benefit #main-nav a.a{border-color:#1F404E;}
			#main-nav a.c{border-bottom:2px solid #A5DAEE;}
			#main-nav a.d{border-bottom:2px solid #E5EEA5;}
				.About #main-nav a.d{border-color:#678491;}
				#main-nav a.a:hover, #main-nav a.b:hover, #main-nav a.c:hover{border-color:#1F404E;}
			#main-nav a.d{}
	.fcaption{position:relative; top:140px; width:100%; max-width:800px; margin:0 auto;}	
		.fcaption h3{font-size:36px; line-height:120%;}

.content-wrapper{position:relative;}
	.content{padding:90px 0;}		

#footer-wrapper{}
	#footer{background:url(/images/bot.jpg) bottom center no-repeat; background-size:contain; position:relative; height:309px;}

		
/* ********* CUSTOM LAYOUTS ********* */

#content{position: relative; top:140px; padding-bottom:280px;}
#content a{text-decoration:underline;}
#content a.btn{text-decoration:none;}
span.div{display:inline-block; padding:0px 10px; opacity:.5;}

.entry{border:2px solid #E2F6F5; border-radius:12px; padding:30px; margin-bottom:30px; text-align: center; }

.entry-list{border:2px solid #E2F6F5; border-radius:12px; padding:30px; margin-bottom:30px;}

.page-heading{text-align:center;}

.ux-entry{border-top:2px solid #E2F6F5; /* border-radius:12px; */ padding:30px 0; /* margin-bottom:30px; */ /* text-align: center; */}
.ux-entry p{/* max-width:850px; */ margin:15px 0;}
.ux-entry img{border:4px solid #E2F6F5; border-radius:4px; margin-top:15px;}
.ux-entry img.no-border{border:none;}
.ux-entry .btn{margin-top:30px;}

a.web{border:12px solid #E2F6F5; border-radius:12px; display: inline-block;}
a.web:hover{border-color:#1F404E;}

h2.title{font-size:32px; /* text-align: center; */ padding:30px 0; font-weight:bold;}

/* a.ux{border:4px solid #EEFFFE; padding:30px; border-radius:12px; display: inline-block;}
a.ux:hover{border-color:#678491;} */

#breadcrumb{/* text-align:center; */}

/* ********* UI ********* */

/* reserved */
.inner, .entry, .x{}

/* forms */
.webform{margin-top:10px; width:100%; position: relative;}
.webform .inner{position:relative;}
.webform label{display:inline;}
.webform input[type="radio"], input[type="checkbox"] {cursor:pointer; margin:3px 6px 3px 0;}
.webform td{}
.webform input[type="submit"] {background:#678491; display:block; width:200px; font-weight:bold; padding:20px 0; text-align:center; color:#fff; border-radius:4px; border:none; margin-top:10px;}
.webform input[type="submit"]:hover {background:#E2F6F5; color:#678491;}

.webform input[type="text"], .webform textarea, .webform input[type="email"], .webform input[type="password"] {width:100%; padding:10px; background:#f5f5f5; border:thin solid #E2F6F5; border-radius:8px; color:#111;}
.webform textarea{min-height:200px;}

.webform input, .webform textarea, .webform iframe{margin-bottom:15px;}

.checkbox-list,
.radio-list{
margin: 0 0 20px;
padding: 0;
list-style: none;
}
form.webform{
margin: 0 0 40px;
}
.webform label{
font-size: 12px;
font-weight: normal;
}
.webform input[type="text"]{
display: block;
margin: 0 0 10px;
}
.webform h4{
text-align: center;
border-bottom: 2px solid #E2F6F5;
padding-bottom: 15px;
}
.webform h5{
border-top:thin dotted #ddd;
font-size: 15px;
font-weight: bold;
}
.webform select{
display: block;
width: 100%;
padding: 10px;
border: none;
background: #f5f5f5;
border-radius: 8px;
margin: 0 0 10px;
}

/* buttons */
.btn{background:#425B66; padding:20px 30px; color:#fff; line-height:20px; border-radius:4px; font-size:20px;  display:inline-block; text-align:center;}
.btn:hover{background:#1F404E; color:#fff; text-decoration: underline;}
.btn.full{width:100%; padding-left:0; padding-right:0; display:block;}

/* dividers */
hr{background:#E2F6F5; border:none; display:block; height:3px; margin:0 0 1.5em 0; padding:0; clear:both;}
hr.color{background:#678491;}
.divider{border-bottom:thin solid #ddd; width:100%; clear:both; display:block; margin:0 auto 30px auto; padding-top:30px;}
.spacer{height:30px; display:block; clear:both;}

/* lists */
ul.list{padding-left:30px; margin-bottom:30px;}
.list li{margin-bottom:10px; padding-bottom:10px; border-bottom:thin dotted #ddd; list-style:circle;}


/* ********* MISC ********* */

.uppercase{text-transform:uppercase;}

.req, .red{color:#930;}

.hide{display:none;}
.hideform{display:none;}

p.contact-info{font-size:15px;}

span.div{display:inline-block; padding:0 7px; opacity:.5;}

.system-error-message, .system-message{padding:20px !important;}

.sf-menu img, .footer-nav img{display:none;}

img {vertical-align:bottom;}

.valign {display:table; width:100%;}
.valign > div, .valign > article{display:table-cell; vertical-align:middle;}

.full{width:100%;}

img, object, embed{max-width:100% !important; height:auto;}
img{-ms-interpolation-mode:bicubic;}
#map_canvas img, .map_canvas img{max-width:none !important;}

.left, .columns.left{float:left;}
.right, .columns.right{float:right;}
.center{display:block; text-align:center; margin:0 auto;}

.aligncenter{margin-left:auto; margin-right:auto; text-align:center;}
.alignleft{margin-bottom:15px; margin-right:15px; float:left;}
.alignright{margin-bottom:15px; margin-left:15px; float:right;}

.shadow{box-shadow:0 1px 3px rgba(0, 0, 0, .2);}
.rounded{border-radius:8;}
.animate{-webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}
.no-animate{-webkit-transition:all 0 ease-in-out; -moz-transition:all 0 ease-in-out; -o-transition:all 0 ease-in-out; transition:all 0 ease-in-out;}

.hide, .hidden{display:none;}
.highlight{background:#ff0;}
.disabled{cursor:auto;}

a{color:#678491; text-decoration:none; outline:0; line-height:inherit;
-webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}
a:hover{color:#111; text-decoration:underline;
-webkit-transition:all .05s ease-in-out; -moz-transition:all .05s ease-in-out; -o-transition:all .05s ease-in-out; transition:all .05s ease-in-out;}

/* a img{-webkit-transition:all .05s ease-in-out; -moz-transition:all .05s ease-in-out; -o-transition:all .05s ease-in-out; transition:all .05s ease-in-out;}
a:hover img{opacity:.8; -webkit-transition:all .05s ease-in-out; -moz-transition:all .05s ease-in-out; -o-transition:all .05s ease-in-out; transition:all .05s ease-in-out;} */

p{line-height:1.5; margin:0 0 18px;}
h1, h2, h3, h4, h5, h6{/* font-weight:normal; */line-height:1.5; margin-top:0;}

em{font-style:italic; line-height:inherit;}
strong{font-weight:bold; line-height:inherit;}
small{font-size:60%; line-height:inherit;}


/* ********* RESPONSIVE ********* */

/* show/hide */
.hidden-mobile{display:block;}
.visible-mobile{display:none;}

/* *** */
/* *** */
/* *** */
/* large tablet */
@media only screen and (max-width:1200px) {

/* content padding */
.container-fluid{max-width:962px !important; overflow:visible; margin:0 auto;}
.content{padding:45px;}
	
}

/* *** */
/* *** */
/* *** */
/* tablet */
@media only screen and (max-width:992px) {
	
/* show/hide */
.hidden-mobile{display:none;}
.visible-mobile{display:block;}
	
	body{background-size:contain;}

}

/* *** */
/* *** */
/* *** */
/* phone */
@media only screen and (max-width:768px) {

	#main-nav a{display:block;}
	.fcaption{padding:0 30px;}
	.fcaption h3{font-size:28px;}
	
	
	#content{padding-bottom:100px;}

}