/* ==========================================================================
   TABLE OF CONTENTS
   --------------------------------------------------------------------------
   
   #Base Styles
   #Miscellaneous
   #Shortcodes
   #Layout
   #Typography
   #Page Specific Styles
   #Footer
   #NSOLL Page Style
   
   -------------------------------------------------------------------------- */

   
/* ==========================================================================
   BASE STYLES
   ========================================================================== */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {
    font-size: .75em;
    line-height: 1.4;
	background: #fff;
	background-image: none;
}

h2 { 
	/* font-family: Nanum Gothic ; */
	font-weight: bold ;
	color: #000; 
}

h1, h3, h4, h5, h6 { 
	/* font-family: Nanum Gothic ; */
	font-weight: normal;
	color: #666; 
}

a { 
	text-decoration: none;
	color: #666;
	/* border-bottom: 1px solid #666; */
	padding-bottom: 1px;
}

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

a:hover {
	color: #1da5ff;
	border-color: #1da5ff;
}

p { 
	/* font-family: Nanum Gothic ; */
	line-height: 1.8em; 
}

p, span { color: #666; }

/* Remove the gap between images and the bottom of their containers: /i/440 */
img { vertical-align: middle; }

/* Remove text-shadow in selection highlight: h5bp.com/i These selection declarations have to be separate. Customize the background color to match your design. */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

table {border-collapse:collapse; border:1px solid #e3e3e3 !important; border-color:#e3e3e3 !important;}
tr {border-color:#e3e3e3 !important; border:1px solid #e3e3e3 !important;}
td {border-color:#e3e3e3 !important; border:1px solid #e3e3e3 !important;}

/* FORMS */

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	border: 1px solid #e7e7e7;
	padding: 5px;
	outline: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* font: 11px Nanum Gothic; */
	color: #999;
	margin: 0;
	max-width: 100%;
	background: #fff;
	
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

input:hover, input:active,
textarea:hover, textarea:active { border-color: #e0e0e0; }

#search input {
	background: url('../images/search.png') no-repeat 96% 50%;
	padding: 10px;
}

#newsletter input { width: 220px; }

/* ==========================================================================
   MISCELLANEOUS
   ========================================================================== */

.pix5 { 
	height: 5px; 
}	


.pix10 { 
	height: 10px; 
}	


	/* STYLE SWITCHER */
	.theme-changer-wrap {
		font-family: Nanum Gothic ;
		position:fixed;
		z-index:5000;
		top:20px;
		left:-200px;
		color:#FFF;
	}
	.theme-changer {
		float:left;
		text-transform:uppercase;
		font-size:11px;
		font-weight: bold;
		background-color:#fff;
		padding:10px;
		border: 1px solid #cccccc;
		box-shadow:1px 1px 2px #e4e4e4;
	}
	.theme-changer label {
		text-transform:capitalize;
		margin-bottom:5px;
		display:block;
	}
	.changer-inner {
		overflow:hidden;
		width:180px;
		height:390px;
	}
	.theme-changer-wrap a {
		float:left;
		display:block;
		margin-right:6px;
		margin-bottom:6px;
		width:25px;
		height:25px;
		border: 0;
	}
	a.themes {
		cursor:pointer;
		width:171px;
		text-align:center;
		line-height:4px;
	}
	a.color-themes {
		cursor:pointer;
		text-indent:-9999px;
	}
	
	a.col0 { background:#1da5ff; }
	a.col1 { background:#7da817; }
	a.col2 { background:#ff6600; }
	a.col3 { background:#ff0099; }
	a.col4 { background:#ffcc00; }
	a.col5 { background:#ff4747; }
	a.col6 { background:#996633; }
	a.col7 { background:#cc33ff; }
	a.col8 { background:#383e48; }
	a.col9 { background:#3f5d7d; }
	a.col10 { background:#1dd2ff; }
	
	.changer-inner span {
		display:block;
		margin-bottom:15px;
	}
	div.open-close-demo {
		position:relative;
		left:-1px;
		display:block;
		width:100px;
		height:190px;
		float:left;
		cursor:pointer;
		background-color:#fff;
		z-index: 1;
		box-shadow:1px 1px 2px #e4e4e4;
		border: 1px solid #cccccc;
		-webkit-border-top-right-radius: 4px;
		-moz-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-left: 0;
		padding-left: 4px;
	}
	
	ul.reset { margin-top: 15px; }
	
	ul.reset a {
		display: inline-block;
		width: 179px;
		color: #fff !important;
		background: #1da5ff;
		border-radius: 3px;
		font-weight: bold;
		text-align: center;
		line-height: 24px;
		padding: 5px 0;
	}
	
	ul.reset a:hover { text-decoration: none; }
	ul.reset a.dark-theme { background-color: #474747; }

	
	/* ELASTIC IMAGE */
	img.scale-with-grid {
	  height:auto;
	  max-width:100%;
	}
	
	/* FLEXIBLE VIDEO */
	.embed {
		position: relative;
		padding: 0;
		padding-bottom: 70%; /* 16:9 ratio */
		height: 70%;
		overflow: hidden;
	}
	
	.embed iframe,
	.embed object,
	.embed embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/* HELPER CLASSES */
	.no-margin { margin: 0 !important; }
	.remove-left { margin-left: 0 !important; }
	.remove-right { margin-right: 0 !important; }
	.remove-bottom { margin-bottom:0!important; }
	.half-bottom { margin-bottom:10px !important; }
	.add-bottom { margin-bottom:20px !important; }
	
	.fl { float: left !important; }
	.fr { float: right !important; }
	
	.no-border { border: 0 !important; }

/* =========================================================================================
   SHORTCODES - Note: Styles for image hover effects are located in "hover-effects.css" file
   ========================================================================================= */
   
    #shortcodes section[role="main"] > p { margin-top: -10px; }
	.hover-effects div.one-third { position: relative; }
   
   /* FULLWIDTH HEADING */
   .h-fullwidth {
		background: url('../images/heading-bg.jpg') repeat-x 0 50%;
		margin-bottom: 25px;
		margin-right:20px;
   }
   
   .h-fullwidth span { 
		background-color: #fff; 
		padding: 0 20px; 
	}
	
	/* DROPCAPS AND HIGHLIGHTS */
	.dropcap1 span, .dropcap2 span {
		padding: 10px 17px;
		margin-right: 15px;
		margin-top: .8em;
		font-size: 22px;
		font-weight: bold;
		color: #fff;
	}
	
	.dropcap1 span {
		background-color: #1da5ff;
		border-radius: 3px;
	}
	
	.dropcap2 span {
		background-color: #36383c;
		border-radius: 50%;
	}
  
   .highlight, .highlight2, .highlight3 {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		color: #fff;
		padding: 2px 6px;
		margin: 0 3px;
   }
   
   .highlight { background-color: #1da5ff; }
   .highlight2 { background-color: #36383c; }
   .highlight3 { 
		padding: 0px !important; 
		color: #1da5ff; 
		font-weight: bold;
	}
	
	/* IMAGES AND VIDEO */
	.image-left img, .video-left .embed { margin-right: 20px !important; }
	.image-right img, .video-right .embed { margin-left: 20px !important; }
   
   /* BUTTONS */
   .button {
		border: 0;
		background-color: #1da5ff;
		padding: 8px 15px;
		display: inline-block;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
   }
   
   /* LISTS */
   .list-style span {
		margin-right: 7px;
		font-size: 16px;
		color: #1da5ff;
   }
   
   .list-style li { color: #666; }
   
   /* BLOCKQUOTES */
   blockquote {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
   }
   
   blockquote.quote1, blockquote.quote2 {
		border-left: 4px solid #e3e3e3;
		padding-left: 20px;
   }
   
   blockquote.quote1 p, blockquote.quote2 p {
		font-family: Nanum Gothic ;
		font-style: italic;
		font-size: 14px;
   }
   
   blockquote.quote2 p { 
	background: url('../images/quote.png') no-repeat 0 0; 
	padding-left: 30px;
}
   
   /* SLIDERS */
   .rslides-container { position: relative; }
	
	.rslides {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		margin: 0;
	}

	.rslides li {
		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;
	}
	
	.rslides_nav { 
		background: url('../images/rslides-nav.png') no-repeat 0 0;
		width: 28px;
		height: 43px;
		border: none;
		position: absolute;
		left: 0;
		top: 45%;
	}
	
	.rslides_nav.next {
		background-position: -30px 0;
		right: 0;
		left: auto;
	}
	
	.rslides_nav.prev:hover { background-position: 0 -45px; }
	.rslides_nav.next:hover { background-position: -30px -45px; }
	
	.rslides_tabs {
		position: absolute;
		top: 7px;
		right: 20px;
	}
	
	.rslides_tabs li { 
		float: left; 
		margin-left: 5px; 
	}
	
	.rslides_tabs li a {
		width: 6px; 
		height: 5px;
		display: block; 
		background: transparent; 
		border: 1px solid #fff; 
		cursor: pointer;
		-webkit-border-radius: 50px; 
		-moz-border-radius: 50px; 
		-o-border-radius: 50px; 
		border-radius: 35px; 
		box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	}
	
	.rslides_tabs li a:hover { 
		border-color: #1da5ff; 
		background: #1da5ff; 
	}
	
	.rslides_tabs li.rslides_here a { 
		border-color: #1da5ff; 
		background: #1da5ff; 
		cursor: default; 
	}
	
	/* ICONS */
	
	ul.social1 li {
		float: left;
		margin-right: 5px;
	}
	
	ul.social1 li a {
		width: 32px;
		height: 32px;
		display: block;
		border: none;
	}
	
	ul.social1 li a.behance { background: url('../images/behance.jpg') no-repeat; }
	ul.social1 li a.blogger { background: url('../images/blogger.jpg') no-repeat; }
	ul.social1 li a.deviantart { background: url('../images/deviantart.jpg') no-repeat; }
	ul.social1 li a.digg { background: url('../images/digg.jpg') no-repeat; }
	ul.social1 li a.dribbble { background: url('../images/dribbble.jpg') no-repeat; }
	ul.social1 li a.facebook { background: url('../images/facebook.jpg') no-repeat; }
	ul.social1 li a.flickr { background: url('../images/flickr.jpg') no-repeat; }
	ul.social1 li a.forrst { background: url('../images/forrst.jpg') no-repeat; }
	ul.social1 li a.youtube { background: url('../images/youtube.jpg') no-repeat; }
	ul.social1 li a.wordpress { background: url('../images/wordpress.jpg') no-repeat; }
	ul.social1 li a.vimeo { background: url('../images/vimeo.jpg') no-repeat; }
	ul.social1 li a.twitter { background: url('../images/twitter.jpg') no-repeat; }
	ul.social1 li a.tumblr { background: url('../images/tumblr.jpg') no-repeat; }
	ul.social1 li a.stumbleupon { background: url('../images/stumbleupon.jpg') no-repeat; }
	ul.social1 li a.spotify { background: url('../images/spotify.jpg') no-repeat; }
	ul.social1 li a.skype { background: url('../images/skype.jpg') no-repeat; }
	ul.social1 li a.rss { background: url('../images/rss.jpg') no-repeat; }
	ul.social1 li a.reddit { background: url('../images/reddit.jpg') no-repeat; }
	ul.social1 li a.pinterest { background: url('../images/pinterest.jpg') no-repeat; }
	ul.social1 li a.paypal { background: url('../images/paypal.jpg') no-repeat; }
	ul.social1 li a.myspace { background: url('../images/myspace.jpg') no-repeat; }
	ul.social1 li a.livejournal { background: url('../images/livejournal.jpg') no-repeat; }
	ul.social1 li a.linkedin { background: url('../images/linkedin.jpg') no-repeat; }
	ul.social1 li a.lastfm { background: url('../images/lastfm.jpg') no-repeat; }
	ul.social1 li a.instagram { background: url('../images/instagram.jpg') no-repeat; }
	ul.social1 li a.googleplus { background: url('../images/googleplus.jpg') no-repeat; }
	ul.social1 li a.googleplus-2 { background: url('../images/googleplus-2.jpg') no-repeat; }
	
	.social2 ul { margin-bottom: 10px !important; }
	.social2 ul li { float: left; }
	.social2 ul li a { border-bottom: none; }
	
	ul.fa-social li a span {
		color: #fff;
		font-size: 1.4em;
		padding: 5px 6px 3px 6px;
		margin-right: 5px;
	}
	
	ul.social-blue li a span { background-color: #1da5ff; }
	ul.social-yellow li a span { background-color: #ffd71d; }
	ul.social-red li a span { background-color: #ff1d1d; }
	ul.social-green li a span { background-color: #45c75e; }
	ul.social-orange li a span { background-color: #ff971d; }
	ul.social-purple li a span { background-color: #b21dff; }
	ul.social-teal li a span { background-color: #1dff92; }
	ul.social-pink li a span { background-color: #ff1dad; }
	
	.font-awesome li { 
		line-height: 3em; 
		color: #666;
	}
	
	.font-awesome span { font-size: 1.8em; }
	
	/* ACCORDION AND TABS */
	.accordion dt {
		color: #666;
		border: 1px solid #e3e3e3;
		padding: 10px 12px;
		position: relative;
		background-color: #fff;
		margin-top: -1px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.accordion dt span {
		background: url('../images/accordion-indicator.png') no-repeat 0 -16px;
		width: 14px;
		height: 14px;
		display: inline-block;
		position: absolute;
		right: 12px;
	}
	
	.accordion  dd { 
		padding: 0; 
		margin: 20px 0 0 10px; 
		color: #666;
		line-height: 20px;
	}
	
	.accordion dt:hover { cursor: pointer; }
	.accordion dt.accordion-active { background-color: #f6f6f6; }
	.accordion dt.accordion-active:hover { cursor: default; }
	.accordion dt.accordion-active span { background-position: 0 0; }
	
	.tabs li { float: left; }
	
	.tabs li a {
		border: 1px solid #e3e3e3 !important;
		padding: 10px 10px;
		margin-right: -1px;
		background-color: #f6f6f6;
		display: block;
	}
	
	.tabs li a:hover { color: #666; }
	
	.tab_container {
		border: 1px solid #e3e3e3;
		padding: 10px;
		margin-top: -1px;
		position: relative;
		z-index: 1;
	}
	
	.tabs .tab-active a {
		background-color: #fff;
		border-top: 1px solid #1da5ff !important;
		border-bottom: 1px solid #fff !important;
		position: relative;
		z-index: 10;
	}
	
	/* NOTIFICATION BOXES */
	.noti {
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.noti p {
		line-height: 16px;
	}
	
	.noti p span {
		font-size: 19px;
		margin-right: 10px;
	}
	
	.noti.info {
		border: 1px solid #c1dff3;
		background-color: #dff2ff
	}
	
	.noti.info p, .noti.info p span { color: #1e7bbb; }
	
	.noti.confirm {
		border: 1px solid #d1ecc0;
		background-color: #e7ffdf
	}
	
	.noti.confirm p, .noti.confirm p span { color: #51982e; }
	
	.noti.warning {
		border: 1px solid #f3e295;
		background-color: #fff7d3
	}
	
	.noti.warning p, .noti.warning p span { color: #bf9107; }
	
	.noti.error {
		border: 1px solid #f7c9c9;
		background-color: #ffdfdf
	}
	
	.noti.error p, .noti.error p span { color: #c84b33; }
	
	/* PRICING TABLES */
	   .pricing-tables .table-row {
		border: 1px solid #e3e3e3;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
   }
   
   .table1 .table-row, .table3 .table-row { width: 460px; }
   .table2 .table-row { width: 254px; }
   .pricing-tables .table-row.standard { border-right: 1; }
   
   .pricing-tables .table-row.premium, .pricing-tables .table-row.ultimate { border-left: 0; }
   .pricing-tables .table-row.best .table-heading, .pricing-tables .table-row.best .plan-signup { padding: 25px 20px; }
   .pricing-tables .table-row.standard, .pricing-tables .table-row.premium, .pricing-tables .table-row.ultimate { margin-top: 10px; }
   
   .pricing-tables .table-row.best {
		border-color: #1da5ff;
		border-width: 2px;
		z-index: 99;
		position: relative;
	}
   
  .table-row .table-heading { padding: 20px; }
  .table-row .table-heading h2, .table-row .table-heading p { margin: 0; }
  .table-heading p.fr { margin-top: 11px; }
  
   .table-row .plan-features { margin: 0; }
   
   .table-row .plan-features li {
		padding: 15px 0;
		margin: 0;
   }
   
   .table-row .table-heading, .table-row .plan-signup, .table-row .even { background-color: #f6f6f6; }
   .table-row .plan-signup { padding: 20px; }
	
	.table-row .plan-signup a.button {
		display: table;
		margin: 0 auto;
	}
   
/* ==========================================================================
   LAYOUT
   ========================================================================== */
		
	section[role="main"] { 
		
		padding-left: 20px; 
		margin-bottom: 60px;
		background: #fff;
	}
	
	#portfolio header[role="banner"], #blog header[role="banner"], #contact header[role="banner"], #shortcodes header[role="banner"], 
	#pages header[role="banner"], .option3 header[role="banner"] { margin-bottom: 30px; }
	#footer .bg-in { padding: 15px 20px; }
	
	.option3 #footer { margin-top: 56px; }
	
	.page-heading {
		margin: 0;		
		position: relative;
		padding: 15px 20px;
		border-bottom: 1px dotted #e0e0e0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.box-wrapper { background:#fff;}
	.block-two, .block-three, .block-four, .block-index { margin-bottom: 0px; }
	
/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */
   
   .h-fullwidth {
		letter-spacing: 2px;
		-webkit-font-smoothing: antialiased;
		text-align: center;
		color: #666;
		font-size: 12px;
   }
   
   .h-fullwidth, .latest-news-slide .news-heading h2 a, #footer h3 { text-transform: uppercase; }
   .highlight, .button, .current:hover, #pagination ul li a:hover, #success p, #success strong, #footer h3, #footer a, .tweet_list li a { color: #fff; }
   
   .button { font-weight: bold; }
   
   .button:hover {
		color: #fff !important;
		text-decoration: none;
   }
   
   .sf-menu { line-height: 1.0; }
   .current, .sf-menu li:hover > a { color: #fff !important; }
   
   .page-heading h2 {
		font-size: 14px;
		color: #1da5ff;
   }
   
   .breadcrumb ul li { color: #666; }
   .breadcrumb ul li a { font-weight: bold }
   
   .intro h2, .intro p { text-align: center; }
   
   .intro p {
		font-family: Nanum Gothic ;
		font-size: 12px;
		line-height: 2.3em;
		font-weight: 400;
   }
   
   .intro h2 span { margin-left: 2px; color: #1da5ff; }
   .latest-news-slide .news-heading { text-align: right; }
   .latest-news-slide .news-date { color: #666; }
   
   .latest-news-slide .news-heading h2 a {
		font-weight: 400;
		font-size: 25px;
		letter-spacing: 3px;
		color: #999;
   }
   
   .latest-news-slide .news-heading h2 a:hover { color: #1da5ff; }
   
   .latest-news-slide .news-details p { 
		font-size: 16px;
		line-height: 26px; 
	}
	
	#filter-category li { color: #ccc; }
	#filter-category .selected { color: #1da5ff; }
	#pagination span { color: #999; }
	.blog .hentry ul.fl { text-align: right; }
	.blog .hentry ul.fl li { line-height: 2.8em; }
	
	.blog .hentry .entry-title {
		font-size: 18px;
		font-weight: 400;
	}
	
	.blog .recent-posts ul li p span { color: #999; }
	
	.rslides_nav { 
		font: 0/0 a;
		text-shadow: none;
		color: transparent; 
	}
	
	.rslides_tabs li a { text-indent: -9999px;  }
	.blog-grid .post-content h3 { line-height: 1.8em; }
	a#next { text-align: center; }
	
	.vcard div {
		color: #666;
		line-height: 1.8em;
	}
	
	.vcard .tel span, .vcard .email span { font-weight: bold; }
	.error { color: #f32b47; }
	.portfolio-single .project-desc h3 { font-size: 18px; }
	
	 .table-heading .plan-price { 
		font-size: 41px; 
		color: #1da5ff; 
	}
	
	.table-heading .plan-price sup { font-size: 12px; }
	
	.table-row .plan-features li {
		text-align: center;
		color: #666;
	}
	
	.table-row .plan-signup a.button {
		font-weight: normal;
		text-align: center;
	}
	
	.option2 .about-intro, .option4 .about-intro, .clients, .features .one-third { text-align: center;  }
	.option2 .about-intro h2 span, .option4 .about-intro h2 span { color: #1da5ff; }
	.features .one-third:hover * { color: #fff !important; }
	
	.clients span {
		font-family: Nanum Gothic ;
		font-style: italic;
	}
	
	#footer h3 {
		font-family: Nanum Gothic ;
		font-size: 12px;
		letter-spacing: 2px;
	}
	
    #footer p {color: #999; line-height:24px;}
    #footer a:hover { color: #1da5ff; }
	
	.tweet, .query {
		font: 12px Nanum Gothic;
		line-height: 1.8em;
	}
			
	.tweet .tweet_text { color: #999; }

/* ==========================================================================
   PAGE SPECIFIC STYLES
   ========================================================================== */
   
	/* GLOBAL - Header */
	
	header[role="banner"] { 
		position: relative; 
		z-index: 99; 
		border-top: 2px solid transparent; 
	}
	
	#logo { margin-top: 30px; }
	
	#logo a {
		display: block;
		width: 180px;
		height: 60px;
		background: url('../images/new_logo.png') no-repeat;
		border-bottom: 0; 
	}
	
	/* GLOBAL - Navigation */
	.sf-menu, .sf-menu * {
		margin: 0;
		list-style: none;
	}
	.sf-menu { background-color: #fff; margin-top: 26px; position: absolute; right: 0; }
	
	.sf-menu ul {
		background-color: #fff;
		border-bottom: 1px solid #dcdcdc;
		position: absolute;
		top: -999em;
		z-index: 10;
		width: 18.5em; /* left offset of submenus need to match (see below) */
	}
	
	.sf-menu ul li { width: 100%; }
	
	.sf-menu li {
		float: left;
		position: relative;
	}
	
	.current, .sf-menu li:hover > a {
		background-color: #1da5ff;
		border-color: #1da5ff !important;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	
	.sf-menu li:hover > a .highlight { background-color: #fff; color: #1da5ff; }
	
	.sf-menu a {
		display: block;
		position: relative;
		border: 1px solid #dcdcdc;
		border-left: 0;
		padding: 10px 18px;
	}
	
	.sf-menu a.nav-home {
		-webkit-border-top-left-radius: 3px;
		-moz-border-top-left-radius: 3px;
		-o-border-top-left-radius: 3px;
		border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-bottom-left-radius: 3px;
		-o-border-bottom-left-radius: 3px;
		border-top-left-radius: 3px;
	}
	
	.sf-menu a.contact {
		-webkit-border-top-right-radius: 3px;
		-moz-border-top-right-radius: 3px;
		-o-border-top-right-radius: 3px;
		border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-bottom-right-radius: 3px;
		-o-border-bottom-right-radius: 3px;
		border-top-right-radius: 3px;
	}
	
	.sf-menu a.border-left, .sf-menu ul li a { border-left: 1px solid #dcdcdc; }
	.sf-menu ul li a { padding: 12px 18px; border-bottom: 0; border-top: 1px dotted #dcdcdc; }
	.sf-menu ul li:first-child a, .sf-menu ul li ul li:first-child a { border-top: 1px solid #dcdcdc; }
	
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {
		left: 0;
		top: 2.75em; /* match top ul list item height */
		z-index: 99;
	}
	
	ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
	ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 18.5em; /* match ul width */ top: 0; }
	ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
	ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 18.5em; /* match ul width */ top: 0; }
	.sf-sub-indicator, #jump, #back { display: none; }
	
	/* GLOBAL - Page Heading */
	.page-heading h2, .breadcrumb ul { margin: 0; }
	
	.breadcrumb ul li { 
		float: left; 
		margin-left: 10px; 
	}
	
	.breadcrumb ul li span {
		background: url('../images/breadcrumb-arrow.png') no-repeat 100% 50%;
		padding-right: 10px;
	}
	
	/* HOMEPAGES */
	.intro { 
		background: #fff url('../images/pattern.png'); 
		padding: 35px 40px; 
	}
	
	.intro h2, .intro p { margin: 0; }
	.featured-projects { margin-top: 5px; }
	.latest-news > h2 { margin-top: 33px; }
	.latest-news-slide { position: relative; }
	
	.latest-news-slide .news-heading, .latest-news-slide .news-details {
		background-color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.latest-news-slide .news-heading {
		padding: 35px 40px 55px 20px;
		border-right: 1px dotted #dcdcdc;
	}
	
	.latest-news-slide .news-date { margin-right: 4px; }
	.latest-news-slide .news-heading h2 a { border: 0; }
	
	.latest-news-slide .news-details { 
		margin-left: -1px !important; 
		border-left: 1px dotted #dcdcdc; 
		padding: 35px 20px 155px 140px; 
	}
	
	.latest-news-slide .news-details p { margin: -5px 0 30px 0; }
	
	.latest-news-slide .flex-direction-nav { 
		margin: 0 auto; 
		width: 58px; 
		position: relative; 
		left: -10px; bottom: 0 
	}
	
	.latest-news-slide .flex-direction-nav a {
		background: url('../images/news-dir-nav.png') no-repeat;
		width: 29px;
		height: 23px;
		border: none;
		-webkit-transition: none;
	}
	
	.latest-news-slide .flex-direction-nav .flex-prev { left: 0; }
	
	.latest-news-slide .flex-direction-nav .flex-next { 
		right: 1px; 
		background-position: -31px 0; 
	}
	
	.latest-news-slide .flex-direction-nav .flex-prev:hover { background-position: 0 -25px; }
	.latest-news-slide .flex-direction-nav .flex-next:hover { background-position: -31px -25px; }
	
	.option2 .about-intro, .option4 .about-intro {
		padding-top: 10px;
		margin-top: 30px;
	}
	
	.option3 .about-intro, .option2 .about-intro, .option4 .about-intro  { background: url('../images/about-intro-divider.jpg') no-repeat left top; }
	.option2 .about-intro h2, .option2 .about-intro p, .option4 .about-intro h2, .option4 .about-intro p { margin-bottom: 0px !important; }
	.option2 .about-intro p, .option4 .about-intro p { margin-top: 3px; }
	
	.clients {  
		padding: 20px 0 20px 20px;
		background: url('../images/pattern.png');
	}
	
	.clients span { display: block; }
	
	.clients ul { 
		margin: 0 auto !important;
		width: 100%;
	}
	
	.clients ul li {
		float: left;
	}
	
	.features .one-third {
		padding: 35px 40px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		
		-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
		-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
		box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	}
	
	.features .one-third span {
		border: 3px solid #fff;
		border-radius: 50%;
		display: block;
		width: 48px;
		height: 48px;
		margin: 0 auto;
	}
	
	.features .one-third span.feature1-img { background: url('../images/feature1.png') no-repeat; }
	.features .one-third span.feature2-img { background: url('../images/feature2.png') no-repeat; }
	.features .one-third span.feature3-img { background: url('../images/feature3.png') no-repeat; }
	.features .one-third span.feature4-img { background: url('../images/feature4.png') no-repeat; }
	.features .one-third span.feature5-img { background: url('../images/feature5.png') no-repeat; }
	.features .one-third span.feature6-img { background: url('../images/feature6.png') no-repeat; }
	
	.features .one-third:hover { 
		border-color: #1da5ff; 
		background: #1da5ff;
	}
	
	.features .one-third h3 { margin-top: 10px; font-weight:bold; }
	.features, .latest-blog-posts { margin-top: 36px; }
	#index.option4 .blog-grid > article { margin-bottom: 0 !important; }
	
	/* PORTFOLIO */
	.filter { margin-bottom: 30px; }
	#filter-category { margin: 0; }
	
	#filter-category li {
		float: left;
		margin-right: 10px;
	}
	
	#filter-category li a { margin-right: 10px; }
	#filter-category .selected { border-color: #1da5ff; }
	.portfolio-single .project-desc h3 { margin-top: 0; }
	
	.portfolio-single .project-desc {
		padding-right: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#pagination ul { margin-top: 35px; }
	#pagination ul li { float: left; }
	
	#pagination ul li a {
		border: 1px solid #dcdcdc;
		padding: 8px 12px;
		margin-left: -1px;
		
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	
	#pagination ul li a:hover {
		background-color: #1da5ff;
		border-color: #1da5ff;
		color: #fff !important;
	}
	
	#pagination span { margin-left: 15px; }
	
	#pagination .page-prev {
		-webkit-border-top-left-radius: 3px;
		-moz-border-top-left-radius: 3px;
		-o-border-top-left-radius: 3px;
		border-top-left-radius: 3px;
		
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-bottom-left-radius: 3px;
		-o-border-bottom-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	
	#pagination .page-next {
		-webkit-border-top-right-radius: 3px;
		-moz-border-top-right-radius: 3px;
		-o-border-top-right-radius: 3px;
		border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-bottom-right-radius: 3px;
		-o-border-bottom-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	
	/* BLOG */
	#blog .blog .nine.columns { 
		position: relative; 
		border-right: 1px solid #e3e3e3; 
	}
		
	.blog .hentry, .blog .user-comments { padding: 0 30px 30px 0; }

	.blog .hentry ul.fl {
		border-right: 1px solid #e3e3e3;
		margin-right: 34px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.blog .hentry ul.fl li {
		border-bottom: 1px dotted #e0e0e0;
		padding-right: 20px;
	}
	
	.blog .hentry ul li.comments { border: none; }
	.blog .hentry ul li.published span { background: url('../images/blog-published.png') no-repeat right center; }
	.blog .hentry ul li.author span { background: url('../images/blog-author.png') no-repeat right center; }
	.blog .hentry ul li.comments span { background: url('../images/blog-comments.png') no-repeat right center; }
	.blog .hentry ul li span { padding-right: 25px; }
	.blog .hentry .six.columns { width: 495px; }
	.blog .hentry .entry-title { margin: 7px 0 0 0; }
	.blog .hentry .entry-content { margin-top: 30px; }
	.blog .hentry .entry-content p { margin-bottom: 30px; }
	
	.blog .nine.columns div.clearfix { 
		border-bottom: 1px dotted #e0e0e0; 
		margin-bottom: 30px;
	}
	
	.blog .sidebar .search { 
		margin-top: 0; 
		padding-bottom: 10px !important; 
		float: none !important; 
	}
	
	.blog .sidebar section {
		padding: 0 0 30px 35px;
		float: left;
		margin-top: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.blog .sidebar section.video-widget { 
		float: none; 
		display: inline-block; 
		width: 100%; 
	}
	
	.blog .sidebar section { border-bottom: 1px dotted #e3e3e3; }
	.blog .recent-posts { padding-bottom: 15px !important; }
	.blog .recent-posts ul li { border-bottom: 1px dotted #e3e3e3; }
	.blog .recent-posts ul li:last-child { border-bottom: none; }
	
	.blog .recent-posts ul li img { 
		margin: 5px 15px 0 0; 
		padding-bottom: 15px; 
	}
	
	.blog .recent-posts ul li p span { 
		display: block; 
		margin-top: 5px; 
	}
	
	div#flickrImages img {
		float: left;
		width: 58px;
		height: 58px;
		margin: 3px;
		padding: 2px;
		border: 1px solid #e3e3e3;
		-webkit-transition: all 120ms linear;
		-moz-transition: all 120ms linear;
		-o-transition: all 120ms linear;
		transition: all 120ms linear;
	}
		
	div#flickrImages img:hover { 
		border-color: #1da5ff; 
		background-color: #1da5ff; 
		cursor: pointer; 
	}
	
	body.left .blog .sidebar section {
		padding: 0 35px 30px 0;
		float: left;
		margin-top: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#blog.left .blog .nine.columns { 
		border-right: none; 
		border-left: 1px solid #e3e3e3; 
	}
	
	body.left .blog .hentry { padding: 0 0 30px 30px; }
	.social-share li { float: left; }
	.social-share li .fb-like { margin-left: -20px; }
	
	.user-comments li > div { 
		border-bottom: 1px dotted #e0e0e0;
		padding-bottom: 20px;
	}
	
	.user-comments li .response { background: url('../images/comment-response.png') no-repeat 0 0; }
	.user-comments li > div > img { margin-right: 30px; }
	.user-comments li ul { padding-left: 100px; }
	
	.comment-form form input { 
		width: 230px; 
		padding: 10px; 
	}
	
	.comment-form #message, .contact-form #contact_msg { 
		width: 740px; 
		height: 185px;
	}
	
	.blog-grid > article { margin: 0 0 18px 0 !important; }
	
	.blog-grid .post-content {
		border: 1px solid #e3e3e3;
		border-top-width: 0;
		border-bottom-style: dotted;
		padding: 5px;
	}
	
	.blog-grid .tags {
		padding: 20px;
		border: 1px solid #e3e3e3;
		border-top-width: 0;
		position: relative;
	}
	
	.blog-grid .tags span { padding-left: 25px; }
	
	.blog-grid .tags .author { 
		float: left; 
		background: url('../images/blog-author.png') no-repeat left center; 
	}
	
	.blog-grid .tags .comments { 
		float: left; 
		position: absolute; 
		right: 20px; 
		background: url('../images/blog-comments.png') no-repeat left center; 
	}
	
	.blog-grid .rslides_nav { top: 37%; }
	
	a#next { 
		display: block; 
		width: 110px;
		margin: 25px auto;
		padding: 12px 20px;
	}
	
	/* CONTACT */
	#map {
		width: 740px !important;
		height: 450px;
		margin-bottom: 30px;
		border: 1px solid #e3e3e3;
	}

	.contact-form form input { 
		width: 240px; 
		padding: 10px; 
	}
	
	.contact-form #message, .comment-form #message { 
		width: 740px; 
		height: 185px;
		padding: 10px;
	}
	
	.error {
		border-color: #fab3bd !important; 
		-webkit-transition: all 120ms linear;
		-moz-transition: all 120ms linear;
		-o-transition: all 120ms linear;
		transition: all 120ms linear;
	}
	
	#success {
		width:740px;
		display: none;
		background-color: #1da5ff;
		padding: 0;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	/* ABOUT */
	.about h2 { text-align: center; }
	.about #iview { margin-bottom: 23px; }
	.about #iview-timer { display: none; }
	
	/* TEAM */
	.team .employee-info {
		background: url('../images/pattern.png');
		padding: 20px;
		text-align: center;
	}
	
	.team .masoned .employee-info {
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	
	
	.team .masoned:hover * { color: #fff; }
	.team .masoned:hover .employee-info { background: #1da5ff; }
	
	.team > h2 {
		text-align: center;
		margin-bottom: 30px;
	}
	
	
/* ==========================================================================
   UNDER CONSTRUCTION
   ========================================================================== */
   
	body#under-construction .container:first-child { border-top: none !important; }
	#under-construction header[role="banner"] { margin: 60px 0 35px 0; }
	
	#under-construction .main h1 {
		font-size: 2.8em;
		line-height: .7em;
	}
	
	#under-construction .main p { font-size: 1.3em; margin-bottom: 52px; }
	#under-construction #footer { margin-top: 60px; }
	#under-construction #footer .bg-out { background-color: #36383c; }
	
	#under-construction #footer .container { border: none; }
	
	#subscription { padding-top: 40px !important; }
	#subscription input { font-size: 12px; font-weight: bold; padding-left: 15px; height: 40px; margin-right: 8px !important; }
	#subscription a.button { font-size: 16px; padding: 9px 20px;  }
	
	#under-construction footer.container { background: none; }
	
/* ==========================================================================
   GRID
   ========================================================================== */
   
   .grid > div { margin-bottom: 10px; }

	
/* ==========================================================================
   FOOTER
   ========================================================================== */
   
   #footer .container { border-top: none !important; }
   #footer h3 { margin-top: 0; }
   #footer a { border-color: #fff; }
   #footer p { margin: 10px 0; }
   #footer a:hover { border-color: #1da5ff; }
   
   #footer .bg-out {
		background-color: #ffffff;
		padding-bottom: 5px;
   }
   
   #footer .bg-in {
		border: none;
		background-color: #36383c;
   }
   
   #footer footer.container {
		border: none;
		background-color: #303336;
		position: relative;
   }
   
   #footer footer.container p { 
		padding: 15px 10px; 
		margin: 0; 
	}
   
   #footer footer div {
		border-left: 1px solid #3a3f42;
		background-color: #2d2f32;
		position: absolute;
		right: 0;
   }
   
   .scrollTop {
		background: url('../images/scrollTop.png') no-repeat 50% 50%;
		width: 48px;
		height: 51px;
		display: block;
		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		-ms-transition: opacity .3s ease;
		transition: opacity .3s ease;
		-moz-opacity: 0.50;
		opacity: 0.50;
   }
   
   .scrollTop:hover { cursor: pointer; opacity: 1; moz-opacity: 1; }

		/* TWITTER FEED */
			.tweet_list {
				list-style: none;
				margin: 0;
				padding: 0;
				overflow-y: hidden;
			}

			.tweet_time { display: block; }

			.tweet_list li {
				overflow-y: auto;
				overflow-x: hidden;
				list-style-type: none;
				padding: 1em 0;
			}
			
			.tweet_list .tweet_avatar { display: none; }
			

/* ==========================================================================
   NSOLL Page STYLES
   ========================================================================== */