/*
	Theme Name: Cobalt
	Theme URI: http://kangaroothemes.com
	Description: A Premium Portfolio/Bussiness WordPress Theme
	Author: KangarooThemes
	Author URI: http://themeforest.net/user/vntux
	Version: 1.1
	Tags: Custom-menu, Two-columns, Fixed-width
	License: 
	License URI:
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, 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, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, 
output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block; }

body {	line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse;	border-spacing: 0; }

/* #Basic Styles
================================================== */
body { background: #fff url(images/patterns/subtle-pattern-12.jpg); font: 12px/180% Arial, Verdana, Tahoma, sans-serif; color: #666; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {color: #349ec9; font-family: "Ropa Sans", Oswald,  Tahoma, Arial, "Times New Roman", serif; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 10px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 6px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }

p { margin: 0 0 20px 0; padding:0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color: #999; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }

pre,code{ background:url(images/code.png) bottom right no-repeat; border:1px dashed #ddd; padding:10px; font-family: "Courier New", Courier, monospace; color:#888; margin:20px 0; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap;  white-space: -pre-wrap; white-space: -o-pre-wrap;  word-wrap: break-word;}
pre:hover,code:hover{background-color:#fafafa}

/*	Blockquotes  */
blockquote, blockquote p { font-family: Georgia, "Times New Roman", Times, serif, Times, serif; color: #777; font-style: italic; font-size:14px; line-height:24px; }
blockquote { background:#fafafa url(images/blockquote.png) 20px 20px no-repeat ; border-bottom:2px solid #eee; margin: 0 0 20px; padding: 20px 20px 0px 60px; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* #Links
================================================== */
a{ color: #349ec9; text-decoration: underline; outline: 0; }
a:hover{ color: #333; text-decoration:none; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration:none; }

/* #Lists
================================================== */
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }

/* #Images
================================================== */
img { display:block }
img.scale-with-grid { max-width: 100%; height: auto; }

.thumb {}
.thumb img:hover {opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

/* #Buttons
================================================== */
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.portfolio-carousel .jcarousel-next,
.portfolio-carousel .jcarousel-prev,
.tagcloud a,
a.comment-reply-link{background: #349ec9 url(images/button-overlay.png) repeat-x; border: 1px solid #349ec9; color: #fff;display: inline-block; font-weight: bold; text-decoration: none;  cursor: pointer; line-height: normal; outline:none; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); -webkit-user-select: none; -moz-user-select: none;  -khtml-user-select: none; -ms-user-select: none;}
	
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {padding: 6px 15px;}

.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.portfolio-carousel .jcarousel-next:hover,
.portfolio-carousel .jcarousel-prev:hover,
.tagcloud a:hover,
a.comment-reply-link:hover { background-image: url(images/button-overlay-hover.png);}

.button:active,
a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.portfolio-carousel .jcarousel-next:active,
.portfolio-carousel .jcarousel-prev:active,
.tagcloud a:active,
.comment-reply-link:active { background-image:none; -moz-box-shadow: inset 0px 2px 8px rgba(0,0,0,0.6); -webkit-box-shadow: inset 0px 2px 8px rgba(0,0,0,0.6); box-shadow: inset 0px 2px 8px rgba(0,0,0,0.6);}

.button.full-width,
a.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }

.button.big,
a.button.big,
button.big,
input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big { padding: 10px 20px; font-size:14px; }

.button.small,
a.button.small,
button.small,
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small { padding: 4px 10px; font-size:11px; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }

.button.secondary, a.button.secondary, button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary { background-color: #22395b; border-color: #22395b;}

/* #Form
================================================== */
form {}
fieldset {margin:0; padding:0; }
input { margin:0; }
input[type="text"].error,
textarea.error { background: #fcc }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select { border:none; background: #fafafa ; padding: 7px 10px; outline: none; margin: 0; width: 210px; max-width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2); box-shadow: inset  0 1px 2px rgba(0,0,0,.2); }
select { padding: 0; }
input, button, textarea { -webkit-appearance: none; border-radius: 0;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus { color: #444; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow:  0 1px 3px rgba(0,0,0,0.3); }
textarea { min-height: 60px; }
select { width: 220px; }
label {  text-align:right; line-height:30px; display:block; }
label span {  background-color:#349ec9; height:30px; line-height:30px; display:block; width:100px; float:left; padding-right: 10px; color: #fff }
label span.optional { background-color: #999; }
input[type="checkbox"] { display: inline; }

/* #Main Frame
================================================== */
#main {}
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.row { margin-bottom: 30px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_1_3, .grid_2_3 { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
	
/* Nested Column Classes */	.grid_1.alpha, .grid_2.alpha, .grid_3.alpha, .grid_4.alpha, .grid_5.alpha, .grid_6.alpha, .grid_7.alpha, .grid_8.alpha, .grid_9.alpha, .grid_10.alpha, .grid_11.alpha, .grid_12.alpha, .grid_13.alpha, .grid_14.alpha, .grid_15.alpha, .grid_16.alpha, .grid_1_3.alpha,.grid_2_3.alpha { margin-left: 0; }
.grid_1.omega, .grid_2.omega, .grid_3.omega, .grid_4.omega, .grid_5.omega, .grid_6.omega, .grid_7.omega, .grid_8.omega, .grid_9.omega, .grid_10.omega, .grid_11.omega, .grid_12.omega, .grid_13.omega, .grid_14.omega, .grid_15.omega, .grid_16.omega, .grid_1_3.omega ,.grid_2_3.omega { margin-right: 0; }
	
/* == Base grid == */
.grid_1{ width: 40px;  }.grid_2{ width: 100px; }.grid_3{ width: 160px; }.grid_4{ width: 220px; }.grid_5{ width: 280px; }.grid_6{ width: 340px; }.grid_7{ width: 400px; }	.grid_8{ width: 460px; }.grid_9{ width: 520px; }.grid_10{ width: 580px; }.grid_11{ width: 640px; }.grid_12{ width: 700px; }.grid_13{ width: 760px; }.grid_14{ width: 820px; }
.grid_15{ width: 880px; }.grid_16{ width: 940px; }.grid_1_3{ width: 300px; }.grid_2_3{ width: 620px; }	

/* to top */
a#toTop { background: rgba(0,0,0,0.8) ; position: fixed; right:30px; bottom:30px; width:40px; height:40px; text-align:center; line-height:40px; display:none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-weight:normal; text-decoration:none; font-size:18px; }

/* Error 404 */
#error_404 p{font-size:16px; }

/* divider color */
.divider_color { height:10px; background-color: #999}

/* Accordion */
ul.accordion{ list-style: none; margin-left: 0px;}
ul.accordion li{ list-style: none; margin-bottom: 12px; padding-bottom:5px; background:url(images/dot.png) bottom repeat-x }
div.accordion-head{ padding: 0px 0px 10px 0px; font-weight:bold; line-height: 16px; cursor: pointer; background: url(images/arrow-plus.png) 100% 3px no-repeat; }
div.accordion-head:hover{ color:#999}
div.accordion-head.active{ background-image: url('images/arrow-minus.png'); color:#349ec9}
div.accordion-head p{ margin-bottom: 0px; }
div.accordion-content{ padding: 0px 0px 10px 0px; overflow: hidden; }

/* Price Table */
.price_table{ margin-bottom:20px}
.price_table .price_column{float:left; display:inline; text-align:center; border:1px solid #e2e2e2; margin-right:-1px}
.price_table .price_column.price_third{ width:312px;}
.price_table .price_column.price_fourth{ width:234px;}
.price_table .price_column.price_fifth{ width:187px;}
.price_table .price_column.featured-price{ margin:-10px 0; margin-right:-1px; padding-bottom:20px; box-shadow: 0px 0px 10px #eee; z-index:1000}
.price_table .price_column .price_header { background:#fafafa; border-bottom:1px solid #ddd; margin-bottom:10px;}
.price_table .price_column.featured-price .price_header {background-color: #349ec9;}
.price_table .price_column .price_header h4{ padding:15px 0 15px 0; margin-bottom:0; text-align:center;}
.price_table .price_column.featured-price .price_header h4{ color:#fff; }
.price_table .price_column .price{ font-size:14px; margin-bottom:10px; color:#777}
.price_table .price_column .price .price_value{ font-size:24px; color:#444;}
.price_table .price_column .price_content { padding:20px}
.price_table .price_column .price_content ul{margin:0; margin-bottom:20px; padding:0}
.price_table .price_column .price_content ul li{padding:10px 0; margin:0; border-bottom:1px dashed #e2e2e2;}
.price_table .price_column .price_content ul li:hover{color:#999}

/* Dropcaps */
.dropcap {float: left; line-height: normal; margin: 0 10px 0 0; padding: 3px 0; text-align:center; font-size: 3.5em;}
.dropcap.style-2,
.dropcap.style-3 {color:#fff; background:#666; width:1.5em;height:1.5em; padding:0;line-height:1.5em; font-size: 2.5em;}
.dropcap.style-2 { -webkit-border-radius: 50%;-moz-border-radius: 50%;	border-radius: 50%;	 }

/* Tabs */
.tabs-container {margin-bottom:20px; overflow:hidden;}
.tabs-container ul.tabs{margin:0;}
.tabs-container .tab_panes > br {display:none;}	
.tabs-container .tab_panes{overflow:hidden;	position:relative;z-index:0;transition: height 1s;-moz-transition: height 1s;-webkit-transition: height 1s;-o-transition: height 1s;}

.horizontal-tabs ul.tabs li{padding:6px 20px ;margin:0;float:left;	background:none;border-top:1px solid #ddd; border-left:1px solid #ddd; cursor:pointer;	background-color:#fafafa; font-weight:bold}
.horizontal-tabs .tab_panes {clear:both;}
.horizontal-tabs ul.tabs li:hover {background-color:#eee;}
.horizontal-tabs ul.tabs li:last-child{	border-right:1px solid #ddd;}
.horizontal-tabs ul.tabs li.active{	background-color:#fff; padding-bottom:7px; margin-bottom:-1px;	position:relative; z-index:1;	color:#333;}
.horizontal-tabs .tab_panes .tab_pane {	display:none; padding:15px 20px 5px 20px;border:1px solid #ddd;overflow:hidden;}

/* Toggle Contents */
.toggle {overflow:hidden;position:relative;	margin-bottom:10px;}
.toggle .toggle-title {	padding:8px 10px 8px 30px;cursor:pointer; background: #fafafa url('images/arrow-plus.png') 10px 50% no-repeat;	border:1px solid #ddd; font-weight:bold; }
.toggle .toggle-title:hover { background-color:#fff }
.toggle.active .toggle-title{background-image: url('images/arrow-minus.png');}
.toggle .toggle-content{padding:15px 20px 15px 20px;	display:none;border:1px solid #ddd;	border-top-width:0;	overflow:hidden;}

/* Alerts */
.alert{margin-bottom:15px; padding:15px 35px;-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);	border:1px solid rgba(0,0,0,0.1); color:rgba(0,0,0,0.7);	font-weight:bold;}
.alert.success {background:#b0dead url(images/icon_success.png) 10px 50% no-repeat;}
.alert.info {background:#cce6fc url(images/icon_info.png) 10px 50% no-repeat;}
.alert.error {background:#fcd0d0 url(images/icon_error.png) 10px 50% no-repeat;}
.alert.warning {background:#fef8c4 url(images/icon_warning.png) 10px 50% no-repeat;}

/* Lists */
ul.bullet li { margin-bottom:8px; padding: 3px 0 3px 15px; background:url(images/bullet.png) 0px 8px no-repeat}
ul.bullet.blue li { background:url(images/bullet_blue.png) 0px 8px no-repeat}
ul.bullet.green li { background:url(images/bullet_green.png) 0px 8px no-repeat}
ul.bullet.yellow li { background:url(images/bullet_yellow.png) 0px 8px no-repeat}
ul.bullet.check li { background:url(images/bullet_check.png) left 5px no-repeat; padding-left:20px; }
ul.bullet.cog li { background:url(images/bullet_cog.png) left 3px no-repeat; padding-left:22px; }
ul.bullet.download li { background:url(images/bullet_download.png) left 3px no-repeat; padding-left:22px; }
ul.bullet.edit li { background:url(images/bullet_edit.png) left 5px no-repeat; padding-left:18px; }
ul.bullet.plus li { background:url(images/bullet_plus.png) left 5px no-repeat; padding-left:18px; }
ul.bullet.star li { background:url(images/bullet_star.png) left 2px no-repeat; padding-left:22px; }
ul.bullet.star_small li { background:url(images/bullet_star_small.png) left 6px no-repeat;}

ol {padding-left:2.1em}
ol li{margin-bottom:1em;list-style: decimal-leading-zero;}
ol.style-2 li{list-style: decimal;}

/* #WordPress Styles
================================================== */
/* gallery-caption */
.gallery-caption

/*sticky*/
.sticky{}

/*by post author*/
.bypostauthor{}

/*aligns*/
.aligncenter{ display:block; margin:0 auto;}
.alignright{float:right;margin:0 0 10px 20px;}
.alignleft{	float:left; margin:0 20px 10px 0;}
.alignnone{ float:none;}
.size-full {}

/*floats*/
.floatleft{ float:left}
.floatright{ float:right}

/*text style*/
.textcenter{ text-align:center}
.textright{ text-align:right}
.textleft{ text-align:left}

/*captions*/
.wp-caption{ max-width: 100% !important; }
.wp-caption{border:1px solid #ddd;text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img{margin:0; padding:0; border:0 none; max-width: 100%; }
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}

/*smiley reset*/
.wp-smiley{	margin:0 !important; max-height:1em;}

/*blockquote*/
blockquote.left{margin-right:20px;text-align:right;	margin-left:0; width:33%; float:left;}
blockquote.right{margin-left:20px;text-align:left;	margin-right:0;	width:33%; float:right;}

/*img attachment*/
#img-attch-page{text-align: center;	overflow: hidden;}
#img-attch-page img{display: inline-block;margin: 0 auto; max-width: 100%;border: 5px solid #d4d4d4; /*for IE*/width: 100%;-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;	border-color: rgba(0,0,0, 0.08);-webkit-transition: border 0.3s ease; -o-transition: border 0.3s ease;    -moz-transition: border 0.3s ease;}
#img-attch-page a:hover img{border-color: #fc7251;}
#img-attach-page-content{text-align: center;margin-top: 25px;}

.divider {background:url(images/dot.png);}
.divider.big {height:10px;}
.divider.mid {height:5px;}
.divider.sma {height:1px;}

/* == Top area == */
#top { background: #555; padding:10px 0; color:#fff; line-height:normal;}
#top .grid_9 { }
#top .grid_9 span { margin-right:10px;}
#top .grid_9 span:last-chils { margin-right:0; }

/* == Social == */
#top .social a{ margin-left:5px; display:block; float:right; text-decoration:none; width:16px; height:16px; line-height:16px; background-repeat:no-repeat;}
#top .social a:hover{ opacity: .7}
#top .social a.facebook{ background-image:url(images/social_icons/facebook.png)}
#top .social a.twitter{ background-image:url(images/social_icons/twitter.png)}
#top .social a.feed{ background-image:url(images/social_icons/feed.png)}
#top .social a.vimeo{ background-image:url(images/social_icons/vimeo.png)}
#top .social a.flickr{ background-image:url(images/social_icons/flickr.png)}
#top .social a.youtube{ background-image:url(images/social_icons/youtube.png)}
#top .social a.linkedin{ background-image:url(images/social_icons/linkedin.png)}

/* #Header (Logo, Navigation)
================================================== */
#header { padding:30px 0;}
#header .grid_16 { position:relative}

/* == Logo == */
#logo { float:left; }
#logo h2 { padding:0; margin:0; line-height:normal;}
#logo a { text-decoration:none; }
#logo p { padding:0; margin:0; line-height:normal}

/* #Navigation
================================================== */
#navigation-wrapper{ position:absolute; right:0; top:50%; margin-top:-18px;}
#navigation-wrapper select.select-menu { display:none; height:36px;  background: #349ec9 url('images/menu-arrow-down.png') no-repeat right center ; -webkit-appearance: none; color:#fff; border:none; padding:7px 10px; font-size:16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navigation-wrapper .select-menu option{ color:#666; background-color:#fff; text-shadow: none;  }
#navigation{ font-size:12px; font-weight:bold; line-height:normal; width: 100%;}
#navigation ul{margin: 0;padding: 0;list-style-type: none;}

/*Top level list items*/
#navigation ul li{position: relative; float: left; padding:8px 0; margin:0;}

/*Top level menu link items style*/
#navigation ul li a{ display: block; padding: 2px 15px; text-decoration: none; background:url(images/menu-sep.png) right repeat-y; }
#navigation > ul > li:last-child > a{ background:none; padding-right:0}

* html #navigation ul li a{ display: inline-block; /*IE6 hack to get sub menu links to behave correctly*/}
#navigation ul li a{ color: #666; }
#navigation > ul > li.hover > a,
#navigation > ul > li.current-post-ancestor > a,
#navigation > ul > li.current-menu-parent > a, 
#navigation > ul > li.current-post-parent > a,
#navigation > ul > li.current_page_item > a,
#navigation > ul > li.current-menu-item > a,
#navigation > ul > li > a:hover{color: #349ec9;}
	
/*1st sub level menu*/
#navigation ul ul li{ padding:0; border-bottom:1px solid #fff;}
#navigation ul ul a { background:none; display: block; text-align: left; margin: 0; padding:10px; background-color:#fafafa ; font-weight:normal; border-bottom:1px solid #eee; position:relative}
#navigation ul ul > li:last-child > a{ border-bottom:none}

#navigation ul ul a:hover,
#navigation ul ul li.current-post-ancestor > a,
#navigation ul ul li.current-post-ancestor > a:hover,
#navigation ul ul li.current-menu-parent > a, 
#navigation ul ul li.current-menu-parent > a:hover, 
#navigation ul ul li.current-post-parent > a,
#navigation ul ul li.current-post-parent > a:hover,
#navigation ul ul li.current_page_item > a, 
#navigation ul ul li.current_page_item > a:hover,
#navigation ul ul li.current-menu-item > a, 
#navigation ul ul li.current-menu-item > a:hover {background: #fafafa url(images/dot.png);}
#navigation ul ul{ padding:0px; position: absolute; left: 0; display: block; visibility: hidden;
z-index: 99; -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1); border:1px solid #fff; width: 175px; border-bottom:none;}


#navigation ul li:hover ul { visibility: visible;}
#navigation ul ul ul{ padding:0; }

/*Sub level menu list items (undo style from Top level List Items)*/
#navigation ul ul li{float: none;display:block;}

#navigation .downarrow{ background:url(images/menu-down.png) no-repeat; width:7px; height:4px; position: absolute; top: 17px; right: 10px;}
#navigation .rightarrow{background:url(images/menu-right.png) no-repeat; width:4px; height:7px; position: absolute; top: 14px; right: 5px;}
#navigation .indicator{ padding-right:23px;}

#navigation .toparrow { position:absolute; background: url(images/menu-toparrow.png) no-repeat; width:179px; height:12px; top:27px;  left:0; display:none; z-index:100}


/* == Slider == */
#slider-wrapper { background:#349ec9 url(images/patterns/stripes_dark.png);}
#slider-mask { background:url(images/slider-mask.png) bottom repeat-x; padding-top:30px;}

/* == Heading == */
#heading {  background:#349ec9 url(images/patterns/stripes_dark.png); color:#fff; padding:20px 0; border-bottom:1px solid #fff}
#heading h1,
#heading p { margin:0; color: #fff }
#heading h1 {text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);}
#heading .grid_16 { position:relative; }

#heading  #search { position:absolute; right:10px; top:50%; margin-top:-15px;}
#heading  #search #s{ width: 200px; display:inline-block}

#crumbs { margin-bottom:20px; background-color:#fafafa; border-bottom:2px solid #eee; padding:5px 0}
#crumbs a { text-decoration:none;}

#searchform input{ display:inline-block}
#searchform label { text-align:left}

/* == Primary title == */
.primary_title { background:url(images/dot-3.png) center center repeat-x; min-height: 20px;  margin-bottom:20px; text-align:center; position:relative}
.primary_title span { display:inline-block; padding:0 20px; background-color:#fff; font-family: Yesteryear, Damion, Oswald, Arial, Verdana, Tahoma }
.primary_title a.view_all { text-decoration:none; background-color:#fff; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; position:absolute; right:0; top:10px; line-height:normal;}

a.view_all { text-decoration:none; }
.thumb-wrapper:hover img{ opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  }

/* == Tagline == */
.tagline { text-align:center; }
.tagline p { font-size:20px; line-height:30px; }
.tagline a.button { margin:0 10px; }

/* #Services
================================================== */
.service { margin:0 -10px;}
.service a{ text-decoration:none}
.service_header { margin-bottom:1px; background-color:#f9f9f9; text-align:center; padding:10px 0}
.service_item { background-color:#fafafa; text-align:center; border-bottom:2px solid #eee; padding: 15px 10px;}
.service_item:hover { border-color:#349ec9}
.service_icon{ background:url(images/service_icon.png) center no-repeat; height:56px; margin-bottom:10px;}
.service_icon i{ font-size:24px; color:#999;font-weight:normal; line-height:56px;}
.service_item:hover i{ color:#349ec9}
.service .service_item  p { margin:0; padding:0;}

/* #Portfolio
================================================== */
.portfolio .portfolio-item { text-align:center; background-color: #fafafa;  border-bottom:2px solid #eee}
.portfolio .portfolio-item:hover { border-color: #349ec9; }
.portfolio .portfolio-item .portfolio_caption { font-size:16px; color:#349ec9; margin-bottom:5px; margin-top:15px; }
.portfolio .portfolio-item .portfolio_caption a{ text-decoration:none }
.portfolio .portfolio-item .cat_list { margin-bottom:10px;}
.portfolio .portfolio-item em { display:block; color: #999;  font-size:11px;}
.portfolio .portfolio-item em a{ color: #999; text-decoration:none }
.portfolio .portfolio-item em a:hover{ color: #666;}

.portfolio-item .hover { position:relative; overflow:hidden; }
.portfolio-item .hover .portfolio_icon{ position: absolute; margin-top:-35px; margin-left:-35px; width:69px; height:69px; background-position: top center; background-repeat: no-repeat; left:50%; top:-120%; z-index:51; overflow:hidden; text-indent:9999em; opacity: 0.5}
.portfolio-item .hover .portfolio_icon:hover {opacity: 1}
.portfolio-item .hover .portfolio_icon.zoom {background-image: url(images/portfolio_icon.png); }
.portfolio-item .hover .image-overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:50; opacity:0; border:10px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* == Portfolio filterable == */
#portfolio-cats { margin-bottom:10px;}
#portfolio-cats li { display:inline-block; }
#portfolio-cats li a {background: #f5f5f5 url(images/button-overlay.png) repeat-x; border: 1px solid #eee; display: inline-block; font-weight: bold; text-decoration: none; text-shadow: none; cursor: pointer; line-height: normal; outline:none; -webkit-user-select: none;  -moz-user-select: none;  -khtml-user-select: none; -ms-user-select: none; padding:3px 10px; margin-right:5px;}
#portfolio-cats li.active a,
#portfolio-cats li.current-cat a{ background-color:#349ec9; color:#fff; border-color:#349ec9}

ul.portfolio-grid { margin: 0 -10px; padding:0; }
ul.portfolio-grid li { width:220px; float:left; margin:0 10px 20px; display:block;}
ul.portfolio-grid.three li { width:300px;}
ul.portfolio-grid.two li { width:460px;}

/* == Portfolio detail == */
.portfolio_info { background:url(images/dot-3.png) bottom repeat-x; padding-bottom:20px; color:#999; }
.portfolio_info a { text-decoration:none;}

/* == Portfolio carousel == */
.portfolio-carousel .portfolio-item { margin-right: 20px; width: 220px; }
.portfolio-carousel .jcarousel-container { max-width: 100%; margin-bottom:10px; }
.portfolio-carousel .jcarousel-clip { overflow: hidden; top:0; width: 100%;}

/* == Next & Prev ( Portfolio carousel ) == */
.portfolio-carousel .jcarousel-next,
.portfolio-carousel .jcarousel-prev { position: absolute; bottom: -15px; width: 16px; height: 17px;}
.portfolio-carousel .jcarousel-next { right:0 }
.portfolio-carousel .jcarousel-prev { right:17px }
.portfolio-carousel .jcarousel-next:after,
.portfolio-carousel .jcarousel-prev:after { content: ""; background-position: center center; background-repeat:no-repeat; position:absolute; top:50%; left:50%; margin-top:-4px; margin-left:-2px; width:4px; height:7px;}
.portfolio-carousel .jcarousel-next:after { background-image:url(images/carousel-right.png); margin-left:-1px;}
.portfolio-carousel .jcarousel-prev:after { background-image:url(images/carousel-left.png)}

.portfolio_bottom a { text-decoration:none;}
.portfolio_bottom .right_part { text-align:right;}

/* #Testimonials
================================================== */
.testimonial { margin:0 -10px;}
.testimonial .testimonial-item { background-color:#fafafa; border-bottom:2px solid #eee; padding:20px; }
.testimonial .testimonial-item:hover { border-color:#349ec9}
.testimonial .testimonial-item p { margin:0; padding:0; }
.testimonial .testimonial-item em { display:inline; line-height: normal; }
.testimonial .testimonial-info { background:url(images/dot.png) bottom repeat-x; margin-bottom:15px; padding-bottom:10px; }

/* #Staff
================================================== */
.staffs li { float:left; width: 140px; margin: 0 10px; margin-bottom:20px; line-height:normal;  background-color:#fafafa; border-bottom:2px solid #eee; padding-bottom:10px;  text-align:center }
.staffs li:hover { border-color:#349ec9}
.staffs li .scale-with-grid { display:block; margin-bottom:10px; }
.staff-title {  display: block; margin-bottom:3px; font-weight: bold; text-decoration: none; }
.staff-head { background: url(images/dot.png) bottom repeat-x; padding-bottom:10px; margin-bottom:20px;}
.staff-head a{ text-decoration:none}
.staff-list li { padding-bottom:16px; margin-bottom:16px; background:url(images/dot.png) bottom repeat-x; color:#999 }
.staff-list li:last-child { background:none; }
.staff-social img { display: inline; }
.staff-social a { margin-right:5px; }


/* #Subscribe
================================================== */
#subscribe {background-color: #fafafa;padding:30px 0;}
#subscribe h3 { margin:0; padding:0; }
#subscribe input[type=text]{display: inline-block; background-color:#f5f5f5}

/* #Post/Page
================================================== */
#layout-left-sidebar .grid_11{ float:right; }
.post { background: url(images/dot.png) bottom repeat-x; padding-bottom:5px; margin-bottom:20px;}
.post .post-meta{ float:left; width:80px;}
.post .date-time{ background: #fafafa; padding:10px 8px; text-align:center; line-height:normal; margin-bottom:20px;}
.post .date-time .date{ font-size:30px; background:url(images/dot.png) bottom repeat-x; padding-bottom:5px; margin-bottom:5px;}
.post .date-time .month{}
.post .post-content { float:right; width:540px;}
.single-page .post-content { width: auto; float:none }
.post .post-content h3 a{ text-decoration:none; }

.post .post-content img,
.page .page-content img{ max-width: 100%; height:auto }

/* Readmore */
.post .readmore{ text-align:right;}
.post .readmore a{ text-decoration:none; }

/* == Post author == */
.post-author { background-color:#fafafa; padding-bottom:5px; margin-bottom:20px; text-align:center; line-height:normal; font-size:11px;}
.post-author .author-avatar { margin-bottom: 5px; display:block; }
.post-author  a { text-decoration:none; color:#666; }

/* == Post share == */
.post-share { text-align:center; background-color:#fafafa; padding:8px 0 5px 0; margin-bottom:20px; }
.post-share span { margin:0 0 5px 0; }

/* == Prev post & Next post == */
.post-nav { background:url(images/dot.png) bottom repeat-x; color: #999; padding-bottom:20px; margin-bottom:20px; }
.post-nav .floatleft {  background:url(images/nav-prev.png) left center no-repeat; padding-left:30px;}
.post-nav .floatright { text-align:right; background:url(images/nav-next.png) right center no-repeat; padding-right:30px;}
.post-nav em { line-height:normal; margin-bottom: 5px; display:block; }
.post-nav a { line-height:normal; font-weight:bold; text-decoration:none; display:block; font-size:14px;}

/* == Post info == */
.post-info { color:#999; margin-bottom:10px;}
.post-info span{ margin-right:10px; }

/* == Post tags == */
.post-tags a { font-size:11px; display:inline-block; background-color:#fafafa; color:#666; text-decoration:none; line-height:normal; padding:2px 5px; margin-right:5px;}
.post-tags a:hover { background-color: #eee;}

/* == Related posts == */
.related-post { background-color: #fafafa; border-bottom:2px solid #eee; margin-bottom:20px; padding:20px; padding-bottom: 0px; }
.related-post li { float:left; width: 290px; margin-bottom:20px;}
.related-post li a.title { font-weight:bold; display:block; color: #666; text-decoration:none;}
.related-post li a.title:hover { color: #333; text-decoration: underline;}
.related-post li em { color: #999; font-size:11px; }

/* == Comments == */
#comments{margin-bottom:20px; } 
ol.commentlist { margin:0; padding:0; }
ol.commentlist li{ list-style:none; }

.commentlist ul { margin:0; padding:0; }
.commentlist ul.children { margin-left:80px; }
.commentlist > li:last-child { background:none; padding-bottom:0; margin-bottom:0; }
.commentlist .comment_info	{ margin-bottom:10px; font-size:14px; } 
.commentlist cite {font-weight:bold;}
.commentlist em { color:#999; }
.comment_context { min-height:60px; font-size:12px; background-color:#fafafa; border-bottom:2px solid #eee; padding:20px; margin-bottom:20px;}
.comment_content p { margin:0; padding:0;}
a.comment-reply-link { padding: 0px 5px; margin-left:10px; font-size:12px; }
.comment_avatar { float:left; width:50px; margin-right:20px; }
#comment_nav { margin-top:20px; } 
#comment_nav a { display:inline-block; }

/* == Comment form == */
#respond li,
.contact_form li  { padding-bottom:10px; margin-bottom:10px; position:relative}
#respond li:last-child { padding-bottom:0; margin-bottom:0; }	
#respond li label i.icon-link { color:#666 }
#respond textarea { width:100%; height:200px; font-style:italic; }
#respond  input#submit { margin-left:0; }
#respond  input[type=text] { width: 398px; }

#cancel-comment-reply-link{ background-color:#cc3300; color:#fff; font-size:11px; text-decoration:none; padding:1px 5px;}


/* == Paging == */
.paging span,
.paging a {background: #f5f5f5 url(images/button-overlay.png) repeat-x; border: 1px solid #eee; display: inline-block; font-weight: bold; text-decoration: none; text-shadow: none; cursor: pointer; line-height: normal; outline:none; -webkit-user-select: none;  -moz-user-select: none;  -khtml-user-select: none; -ms-user-select: none; padding:1px 6px; margin-right:5px;}
.paging span.current,
.paging a:hover { background-color:#349ec9; color:#fff; border-color:#349ec9}

/* #sitemap 
================================================== */
#sitemap .wp-tag-cloud li{ display:inline}
#sitemap .wp-tag-cloud li a { padding: 0 5px}

/* #Contact 
================================================== */
.contact_page .block_shadow { margin-bottom:30px; }
.block_shadow { -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0, 0.4); -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0, 0.4); box-shadow: 0 8px 6px -6px rgba(0,0,0, 0.4); }
.contact_content { background:url(images/dot-3.png) bottom repeat-x; padding-bottom:10px; margin-bottom:30px;}

.contact_info { padding-top:10px; padding-right:100px; }
.contact_info li  { padding-left:50px; background-position: left top; background-repeat:no-repeat; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;  }
.contact_info li.building { background-image: url(images/icon-building.png);}
.contact_info li.phone { background-image: url(images/icon-phone.png);}
.contact_info li.email { background-image: url(images/icon-mail.png);}
.contact_info li span { display:block; }
.contact_info li span em { font-weight:bold; }

.contact_form li { position:relative; }
.contact_form input[type=text] { width:350px; }
.contact_form textarea { width:100%; }
.contact_form textarea { height:150px; }
.contact_form .icon-pencil,
.contact_form .icon-phone,
.contact_form .icon-briefcase,
.contact_form .icon-pushpin { color: #666; }

#contact_action .contactLoader { background:url(images/loader_small.gif) left center no-repeat; display:block; padding-left:22px; font-weight:bold; color:#FE9F41}
#contact_action .conactSuccess { background-color:#defaca; border:2px dotted #579827; color:#579827; font-weight:bold; padding: 10px 20px; margin-bottom:20px; }
#contact_action .conactNotSuccess { background-color: #FEF4E0; border:2px dotted  #D54500; color:#D54500; font-weight:bold; padding: 10px 20px; margin-bottom:20px; }
.contact_error { color:#f00;}
.are_optional { border-left:20px solid #999; padding-left: 5px; position:absolute; right:0; top:9px; height:10px; line-height:10px;}

/* #Footer 
================================================== */
#footer{background: #222; color:#bbb; padding:20px 0; padding-bottom:0;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3)}
#footer a { text-decoration:none}
#footer a:hover { color: #fff; } 

/* == Bottom == */
#bottom{ background-color:#111; color:#999; font-size:11px; padding:10px 0; border-top:1px solid #191919;}
#bottom a { text-decoration:none; }
#bottom a:hover { color: #fff }

/* #Sidebar & Widgets
================================================== */
#sidebar {}
#sidebar a{ text-decoration:none}
.widget { background-color: #fafafa; border-bottom:2px solid #eee; margin-bottom:20px; padding:20px; }
.widget h3 { background:  url(images/dot.png);}
.widget h3 span{ background-color: #fafafa; padding-right: 10px; display:inline-block}

#footer .widget { background: none; border:none; padding:0;}
#footer .widget h3 { background: none;}

/* == Tweets ==*/
.widget.recent_tweets .twitter-timestamp{ color:#999; font-size:11px; display:block; text-align:right; line-height:normal; }
.widget.recent_tweets .twitter-list .twitter-item{ margin-bottom:10px; padding-bottom:10px; background:url(images/dot.png) bottom repeat-x}
.widget.recent_tweets .follow-user{ overflow:hidden }

.widget.facebook .facebook_wrapper { overflow:hidden}

/* == Post widget == */
.post-widget li{ display:block;  margin:0; padding: 10px 0; background: url(images/dot.png) bottom repeat-x}
.post-widget.top_none li:first-child{ padding-top:0}
.post-widget li em { color: #999; display: block; font-size:11px; text-align:right}
.post-widget a{ text-decoration:none}


/* == Flickr == */
.flickr { padding:0; margin:0; }
.flickr li { padding:0; margin:0 8px 8px 0; float:left; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:0; }
.flickr li a { padding:0; margin:0; text-decoration:none; line-height: 0}
.flickr li img { width:50px; height:50px; line-height:0; display:block}

/* == List (Eg. Categories / Links / List of pages / ect) == */
.widget_categories ul li,
.widget_links ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_archive ul li,
.widget_recent_entries ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_rss ul li{ margin:0; padding:10px 0; background:url(images/dot.png) bottom repeat-x }

.widget_categories ul li a,
.widget_links ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_archive ul li a,
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_meta ul li a,
.widget_rss ul li a{ background:url(images/list_arrow.png) left center no-repeat; padding-left:12px;}

#footer .widget_categories ul li a,
#footer .widget_links ul li a,
#footer .widget_nav_menu ul li a,
#footer .widget_pages ul li a,
#footer .widget_archive ul li a,
#footer .widget_recent_entries ul li a,
#footer .widget_categories ul li a,
#footer .widget_meta ul li a,
#footer .widget_rss ul li a{ background-image:url(images/list_arrow_footer.png)}

.widget_rss a.rsswidget img {display: none} /* remove ugly icon*/

/* == Tag Cloud == */
.tagcloud { padding-top:10px;}
.tagcloud a{ padding:4px 8px; font-size:11px !important; margin:0 4px 5px 0;display:inline-block }

/* == Calendar widget  == */
.widget_calendar {}
#wp-calendar { width:100%; border-bottom:1px solid #eee; border-right:1px solid #eee; border-collapse: collapse;}
#wp-calendar caption {text-align: center; font-size: 12px; padding:5px 0; background-color:#eee}
#wp-calendar thead { font-size: 10px; }
#wp-calendar tbody {}
#wp-calendar thead th,
#wp-calendar tbody td {text-align: center; border-top:1px solid #eee; border-left:1px solid #eee; }
#wp-calendar thead th{background-color:#fefefe;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot  { border-top:1px solid #eee; border-left:1px solid #eee;}
#wp-calendar tfoot #next { font-size: 11px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 11px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar tfoot #next a{ margin-right:10px;}
#wp-calendar tfoot #prev a{margin-left:10px;}

/* footer style */
#footer #wp-calendar,
#footer #wp-calendar thead th,
#footer #wp-calendar tbody td,
#footer #wp-calendar tfoot   { border-color: #222;}
#footer #wp-calendar caption { background-color:#222}
#footer  #wp-calendar thead th, 
#footer #wp-calendar tbody td:hover { background-color:#444}


/* #Misc
================================================== */
.text-right { text-align:right}
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }

/* #Clearing
================================================== */
 /* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,.clearfix:after,.row:before,.row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
.row:after,.clearfix:after {clear: both; }
.row,.clearfix {zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden; width: 0;height: 0;}