/* ************************************************   
Theme Name: Dr. Lawyer
Author: ppandp & Weblusive 
Version: 1.0 
License: See on zip package
License URI: See on zip package
Description: A responsive ultra-customizable one-page HTML5 theme with grid system layout.
Theme URI:
Author URI:
Tags: dark, light

************************************************ */

html,body,div,span,applet,object,
iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dfn,em,font,img,ins,kbd,q,ssamp,small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}

:focus {
   outline: 0;
}

body {
   line-height: 1;
   color: black;
   background: white;
}

ol,
ul {
   list-style: none;
}

table {
   border-collapse: separate;
   border-spacing: 0;
}

caption,
th,
td {
   text-align: left;
   font-weight: normal;
}

.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
img { display:block; position:relative; padding:0; }
/* =Typography
--------------------------------------------------------------------------------------------------------*/
body { font: 12px 'Open Sans', Arial, Helvetica, sans-serif; color:#888888; background:#fff url(bg-html.jpg) repeat;}
strong { font-weight:700; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1 { }
h2 { font-size:26px; font-weight:300; color:#fff; font-family:'Open Sans', Arial, Helvetica, sans-serif; background:#d24144; padding:5px 10px; margin:30px 10px 0 10px; text-transform:uppercase; display:inline-block }
h2.blockquote { font-size:36px; font-weight:700; background:none; color:#322b23; margin:10px 0 0 0; }
h3 { font-size:23px; font-weight:normal; color:#322b23; line-height:35px; padding:21px 10px 22px 0px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
h3 span, h4 span { background:#fff; border-bottom:1px solid #e7e7e7; padding:1px 0; }
h4 { font-size:16px; font-weight:400; color:#322b23; line-height:20px; padding:14px 20px 13px 0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
h4.button { padding:15px 20px 20px 0; }
h4.blockquote { padding-left:30px !important; font-style:italic; font-weight:400; }
h4.blockquote span.name { font-size:14px; color:#888; font-style:normal; }
.headline h4 {display:inline; background:#fff; padding:0px 10px 0px 0; }
h5 { font-size:12px; font-weight:400; color:#322b23; line-height:20px; padding:10px 20px 5px 0; text-transform:uppercase; }
h3 a, h5 a { color:#322b23; text-decoration:none}
h3 a:hover, h5 a:hover { color:#d24144; text-decoration:none}
article h3 {font-size:20px; padding:21px 30px 12px 0; }
article img {max-width:700px; height:auto}
h6 { font-size:12px; font-weight:400; color:#322b23; line-height:20px; padding:0px 0px 0px 0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
p { padding:5px 20px 5px 0; line-height:20px; }
p span { background:#fff; border-top:1px solid #fff; padding:1px 0; }
p a { color:#d24144; text-decoration:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }
p a:hover { text-decoration:none; color:#322b23; }
span.arrow { font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
h1#logo { display:inline-block; margin-left:10px; }
h1#logo a { display:block; font-size:24px; width:200px; color:#322b23; text-decoration:none; line-height:24px; text-transform:uppercase; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
.border { height:1px; width:auto; background:#d8d8d8; margin:20px 0 10px 0; }
.borderline { height:2px; width:20px; background:url(images/bg-html.jpg) repeat; margin:0px 0 5px 0; }
.headline { background:url(images/bg-headline.png) 0% 52% repeat-x; display:block; padding:15px 20px 13px 0; }
.pointer{margin-top:6px}
.pointer >span, .email >span, .phone >span, .facebook2 >span{display:inline-block; vertical-align:center; margin-top:2px}
.pointer p, .email p, .phone p, .facebook2 p{padding:0px 20px 5px 12px; display:inline-block;}
.pointer >span { background:url(images/sprites.png) -16px 0px no-repeat; width: 30px;height: 16px; margin-top:6px; vertical-align:top}
.email >span { background:url(images/sprites.png) -61px 0px no-repeat; width: 32px;height: 16px;}
.phone >span { background:url(images/sprites.png) -108px 0px no-repeat; width: 30px;height: 16px; }
.facebook2 >span{ background:url(images/sprites.png) -154px 0px no-repeat !important; width: 30px;height: 16px; }
p.date { background:url(images/bg-dates.png) no-repeat left; padding-left:25px; margin-right:15px; padding-right:0px !important; }
p.comment-small {  background:url(images/bg-comments.png) no-repeat left; padding-left:25px; padding-right:15px !important; }
p.author { background:url(images/bg-users.png) no-repeat left; padding-left:25px; padding-right:15px !important; }

.icon-buttons { position:relative; border-radius:65px; width:32px !important; height:32px !important; display:inline-block; margin:10px 12px 0 0px; float:left; }
#discover { background:url(bg-lightbulb.png) no-repeat 10px 8px #d24144; }
#design { background:url(bg-heart.png) no-repeat 8px 10px #d24144; }
#gavel { background:url(bg-gavel.png) no-repeat 10px 8px #d24144; }
#develop { background:url(bg-coffee.png) no-repeat 10px 9px #d24144; }
#scale { background:url(bg-scale.png) no-repeat 8px 9px #d24144; }
p.blockquote {font-size:40px; color:#322b23; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; padding-top:20px;  }
/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#fixed { height:101px; position:fixed; z-index:29; width:100% }
.container { padding:30px 45px; width:960px; position:relative; background-color:#fff; margin:0 auto; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2) ; box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
.ancor {position:relative; padding-top:113px;  margin-top:-108px}
.ancor2,  .dedicated-page{ padding-top:113px; position:relative;}
.section_1 { z-index:6; }
.section_2{ z-index:5; }
.section_3 { z-index:4; }
.section_4 { z-index:3; }
.section_5 { z-index:2; }
.section_6 { z-index:1; }

.col1-1 { width:940px; margin:0px 10px; float:none; position:relative; }
.col1-2 { width:460px; margin:0px 10px; float:left; }
.col1-3 { width:300px; margin:0px 10px; float:left; }
.col2-3 { width:620px; margin:0px 10px; float:left; }
.col1-3a { width:400px; margin:0px 10px; float:left; }
.col2-3a { width:520px; left:200px; float:left; }
.col1-4 { width:220px; margin:0px 10px; float:left; }
.col3-4 { width:700px; margin:0px 10px; float:left; }
.col1-6 { width:140px; margin:0px 10px; float:left; }
.padding-top { padding-top:30px; }
.margin-top { margin-top:15px; }
.padding-bottom { padding-bottom:10px; }
.margin-bottom { padding-bottom:50px; }
.break { height:10px; position:relative; }
.images { display:block; margin:10px 0 10px 0; position:relative; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
/*.images:hover { border:1px solid #d8d8d8; -webkit-box-shadow:0 0 3px rgba(180, 180, 180, 0.25); -moz-box-shadow:0 0 3px rgba(180, 180, 180, 0.25); box-shadow:0 0 3px rgba(180, 180, 180, 0.25); }*/
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
.numbers { background-color:#d24144; position:relative; border-radius:65px; width:32px !important; height:26px !important; display:inline-block; margin:10px 12px 0 0px; float:left; color:#fff; text-align:center; font-size:13px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight:600; padding:6px 0 0 0; }
#twitter_update_list { margin:8px 0 2px 0; width:300px; }
ul.jta-tweet-list li { background:url(bg-twitter-feed.png) 0px 0px no-repeat; display:block; padding:2px 0; padding-left:40px; padding-right:10px; line-height:23px; }
ul.jta-tweet-list li a.jta-tweet-link { color:#d24144; text-decoration:none; font-size:11px !important; font-weight:400; text-transform:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-right:4px; line-height:20px; }
ul.jta-tweet-list li a.jta-tweet-link:hover { text-decoration:none; color:#322b23; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link { font-size:11px !important; color:#888; text-decoration:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-transform:uppercase; line-height:20px; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link:hover { text-decoration:none; color:#322b23; }
span.jta-tweet-twitter-bird-icon, span.jta-tweet-twitter-bird-icon:hover { display:none }
a.jta-tweet-a {color:#d24144; text-decoration:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }
a.jta-tweet-a:hover { text-decoration:none; color:#322b23; }
.jta-clear {height:5px; }
#googlemaps { opacity:0.9; }
#map-bg iframe {margin:0; margin-bottom:-4px; border:0}
#map-bg { background:url(bg-map.png) center center no-repeat; margin:0px 10px;}
.go-back { position:absolute; margin-top:-26px; right:0px; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; padding:3px 10px 4px 10px; color:#322b23; text-decoration:none;}
.go-back:hover {border:1px solid #888; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =jCarousel
--------------------------------------------------------------------------------------------------------*/
.jcarousel-skin-tango2 .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 960px; padding:10px 0 10px 0; }
.jcarousel-skin-tango2 .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango2 .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-tango2 .jcarousel-next-horizontal { position: absolute; top: -169px; right: 10px; cursor: pointer; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:url(images/buttons/arrow-right.png) center no-repeat #fff; text-indent:-9999px; display:inline-block; width:20px; height:19px; }
.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-next-horizontal:focus { border:1px solid #888; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
.jcarousel-skin-tango2 .jcarousel-next-horizontal:active { border:1px solid #d8d8d8; }
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active { cursor: default; border:1px solid #d8d8d8; background:url(images/buttons/arrow-right2.png) center no-repeat #fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal { position: absolute; top: -169px; right: 35px; cursor: pointer; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:url(arrow-left.png) center no-repeat #fff; text-indent:-9999px; display:inline-block; width:20px; height:19px; }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-prev-horizontal:focus { border:1px solid #888; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active { border:1px solid #d8d8d8; }
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active { cursor: default; border:1px solid #d8d8d8; background:url(arrow-left2.png) center no-repeat #fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
/* End jCarousel
--------------------------------------------------------------------------------------------------------*/


/* =Accordion
--------------------------------------------------------------------------------------------------------*/
.accordion { width:auto; margin:8px 0 5px 0; }
.accordion div.ui-accordion-content { padding:0px 0 20px 0px; }
.accordion h3 { padding:0px; padding:3px 0px 4px 55px; width:auto; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-bottom:5px; font-size:20px; font-weight:normal; color:#322b23; line-height:35px;}
.accordion h3 a { cursor:pointer; display:block; text-decoration:none; line-height:20px; text-transform:none; width:auto; display:inline-block; color:#858585; }
.accordion h3:hover { color:#322b23; border: 1px solid #888; cursor:pointer; }
.accordion h3.ui-state-active { background:url(../Images/bg-close.png) no-repeat 15px 11px #fff; padding:3px 0px 4px 55px; }
.accordion h3.ui-state-active a { color:#322b23; cursor:default; }
.accordion h3.ui-state-active:hover { cursor:default; color:#1e1e1e; border: 1px solid #d8d8d8; }
.accordion h3.ui-corner-all { background:url(../Images/bg-open.png) no-repeat 15px 11px #fff; }
.accordion-small { width:auto; margin:8px 0; }
.accordion-small div.ui-accordion-content { padding:0px 0 10px 0px; }
.accordion-small h5 { padding:3px 0px 4px 35px; width:auto; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-bottom:5px; color:#322b23;}
.accordion-small h5 a { cursor:pointer; display:block; text-decoration:none; line-height:20px; width:auto; display:inline-block; color:#858585; }
.accordion-small h5:hover { color:#322b23; border: 1px solid #888; cursor:pointer; }
.accordion-small h5.ui-state-active { background:url(../Images/bg-close-h5.png) no-repeat 10px 6px #fff; }
.accordion-small h5.ui-state-active a { color:#322b23; cursor:default; line-height:20px; }
.accordion-small h5.ui-state-active:hover { cursor:default; color:#1e1e1e; border: 1px solid #d8d8d8; }
.accordion-small h5.ui-corner-all { background:url(../Images/bg-open-h5.png) no-repeat 10px 6px #fff; }
/* =End Accordion



/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img { width:100%; display: block; }
.images .title, .images .subtitle { z-index: 10; position: absolute; top: 30px; left: 30px; width: auto; font-weight: 600; }
.images .subtitle { top: 63px; font-weight: 300; }
.textwrap, .textwrap-delay { overflow: hidden; position: relative; }
.textwrap p, .textwrap-delay p { text-shadow:0px !important; overflow: hidden; white-space: nowrap; line-height:30px; text-transform:uppercase; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#322b23; }
.textwrap p span, .textwrap-delay p span { padding:5px 10px; border-bottom:1px solid #fff; }
.img-cover i { display:block; font-style:normal; position:absolute; width:100%; height:100%; z-index:9; text-indent:-9000px; top:0; left:0; background-color:rgba(50, 43, 35, 0.95) !important; background-color:#322b23; opacity:0;  filter:alpha(opacity:0) }
.img-cover a { display:inline-block; width:46px; height:46px; position:absolute; z-index:10; width: 100%; height: 100%; margin-left: 0; margin-top: 0; }
.img-cover  a:first-child{background:url(images/buttons/bg-zoom.png) 50% 50% no-repeat; }
.team-member .img-cover a {background:url(images/buttons/bg-email.png) 50% 50% no-repeat;}
.img-cover a.external-icon { background:url(images/buttons/bg-link.png) 50% 50% no-repeat; }
.img-cover a.internal-icon { background:url(images/buttons/bg-project.png) 50% 50% no-repeat; }
.img-cover a.video-icon { background:url(images/buttons/bg-video.png) 50% 50% no-repeat; }
.team-member {text-align:left !important}
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list { display:block; position:relative; padding:5px 20px 10px 0; }
ul.list li { line-height:20px; width:auto; padding-left:20px; }
ul.float li { margin-right:15px; }
ul.bullet li { background:url(images/list-bullet.png) no-repeat 7px 9px; }
ul.list li a { text-decoration:none; color:#888; }
ul.list li a:hover, ul.normal li a:hover { color:#d24144; text-decoration:none; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/
p.dates { background:url(images/bg-dates.png) no-repeat 0px 7px; padding-left:25px; }
p.users { background:url(images/bg-users.png) no-repeat 0px 7px; padding-left:25px; }
p.comments { background:url(images/bg-comments.png) no-repeat 0px 8px; padding-left:25px; }
.wp-pagenavi{ padding:25px 0 15px 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.wp-pagenavi span, .wp-pagenavi a { font-size:12px; color:#888; text-decoration:none; padding:3px 7px; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; margin-right:4px; text-align:center; float:left; }
.wp-pagenavi a:hover { text-decoration:none; border:1px solid #888; }
.wp-pagenavi .current { background:#d24144; color:#fff; font-weight:700; border:1px solid #d24144; }
.wp-pagenavi .current  a:hover { cursor:default; color:#fff; border:1px solid #d24144; }
/*article .images { margin:10px 10px 10px 0;}*/
.avatar { margin:10px 0px 0 0; padding:16px 16px; background:#fff; border:1px solid #d2d2d2; }
.reply { margin:0px 0 0px 66px; }
.no-wrap { margin-left:66px; }
.when { margin-top:-10px; }

/*-----------Pagination-----------*/
.wp-pagenavi {
	margin:0px;
	border-bottom:#f1f1f1 solid 1px;
}

.wp-pagenavi * {
	color:#111111;
	text-decoration:none;	
}

.wp-pagenavi a:link, .wp-pagenavi a:visited {
	color:#222222;
	text-decoration:none;	
}

/*----off state------*/
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink  {	}
.wp-pagenavi .pages {display:none !Important}
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
#footer { height:130px; margin:0px 0px 0 0px; margin:5px 0 0 0px; }
#footer p { text-shadow:none; }
#footer span.top { font-size:20px; color:#322b23; line-height:34px; background:none; border-bottom:0px; }
#footer h3{padding-top:0}
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop Navi
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(images/bg-backtotop.png) no-repeat; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:block; width:53px; height:53px; float:right; right:10px; text-indent:-9000px; }
#backtotop ul li a:hover { bottom:20px; }
/* End Backtotop Navi
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.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; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-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; -ms-transition-property:     -ms-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; -ms-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; -ms-transition: none; -o-transition: none; transition: none; }
.element {padding-bottom:20px; }
#options { margin-top: 10px; float:none; }
#options ul { margin: 0; list-style: none; }
#options ul ul { }
#options li { float: left; line-height:20px; padding:4px 0 5px 0px; }
#options li a { display: inline-block; text-decoration:none; color:#888; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
#options li a:hover { color:#322b23; }
#options li a.selected { color:#322b23; cursor:default; }

.description { background:#fff; border-bottom:1px solid #e7e7e7; margin-top:-9px; padding:7px 20px 8px 10px; z-index:5; }
ul.image-grid{width:960px}
/* End Isotope
.select-menu { display:inline-block; margin:22px 20px 0 0; margin-left:-20px !important; }
--------------------------------------------------------------------------------------------------------*/


.preloader { background:url(images/ajax-loader.gif) center center no-repeat #ffffff; }
.selectnav { display:none; }

/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
ul#nav { margin-top:11px; margin-right:10px; }
ul#nav li { float:left; }
ul#nav li a { color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; text-decoration:none; text-transform:uppercase; margin:0px 0px 0px 15px; display:inline-block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; padding:5px 10px; }
ul#nav li a:hover , ul#nav li a.active { color:#322b23; }
ul#nav li.active > a { color:#fff; background:#d24144; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/



.sf-menu ul {margin:37px 10px 0 0; padding:0px;z-index:500; display:block; position:absolute}
.sf-menu ul li{float:left;position:relative; background:#fff; display:block; }
.sf-menu ul ul{display:none;position:absolute;margin:0px 0px 0px 0px;top:40px;left:0px;width:160px;}
.sf-menu ul ul a{margin:0px;line-height:35px;}
.sf-menu ul li li{margin:0px;padding:0px;width:160px;}
.sf-menu ul ul ul{top:auto;padding:0px;}
.sf-menu ul li ul a{float:left;padding:2px 12px;width:136px;}	
.sf-menu ul li ul ul{top:0px;left:160px;}
.sf-menu ul li:hover ul ul, .sf-menu ul li:hover ul ul ul, .sf-menu ul li:hover ul ul ul ul { display:none; }
.sf-menu ul li:hover ul, .sf-menu ul li li:hover ul, .sf-menu ul li li li:hover ul, .sf-menu ul li li li li:hover ul { display:block; }

/* main nav */
.sf-menu ul li {border-left:solid 1px #e7e7e7; border-right:solid 1px #e7e7e7; background-color:rgba(255, 255, 255, 0.95) !important; background-color:#fff;}
ul#nav ul li a {display:block; min-width:100px}
.sf-menu ul li:last-child {border-bottom:solid 1px #e7e7e7; }
	

/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
.numbers { background-color:#D24144; position:relative; border-radius:65px; width:32px !important; height:26px !important; display:inline-block; margin:10px 12px 0 0px; float:left; color:#fff; text-align:center; font-size:13px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight:600; padding:6px 0 0 0; }
ul#twitter_update_list { margin:3px 0 2px 0; }
ul#twitter_update_list li { line-height:20px; background:url(images/bg-twitter-feed.png) no-repeat 0px 7px; display:block; padding:2px 0 2px 40px; line-height:20px; margin-bottom:10px}
ul#twitter_update_list li span { line-height:23px; }
ul#twitter_update_list li span a { color:#D24144; text-decoration:none; font-size:11px !important; font-weight:400; text-transform:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
ul#twitter_update_list li span a:hover { text-decoration:none; color:#474747; }
ul#twitter_update_list li a { font-size:11px !important; color:#888; text-decoration:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-transform:uppercase; }
ul#twitter_update_list li a:hover { text-decoration:none; color:#474747; }
#googlemaps { margin-bottom:-4px; }
/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =jCarousel
--------------------------------------------------------------------------------------------------------*/
#carousel-logos { margin-top:20px !important; }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 960px; padding:20px 0 30px 0; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: -25px; right: 10px; cursor: pointer; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:url(bg-arrow-right.png) center no-repeat #fff; text-indent:-9999px; display:inline-block; width:20px; height:19px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { border:1px solid #888; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2);}
.jcarousel-skin-tango .jcarousel-next-horizontal:active { border:1px solid #d8d8d8; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; border:1px solid #d8d8d8; background:url(bg-arrow-right2.png) center no-repeat #fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: -25px; right: 35px; cursor: pointer; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:url(bg-arrow-left.png) center no-repeat #fff; text-indent:-9999px; display:inline-block; width:20px; height:19px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { border:1px solid #888; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2);}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { border:1px solid #d8d8d8; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; border:1px solid #d8d8d8; background:url(bg-arrow-left2.png) center no-repeat #fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
/* End jCarousel
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {width:100%; display: block; }
.images .title, .images .subtitle {z-index: 0; position: absolute; top: 30px; left: 30px; width: auto; font-weight: 600; }
.images .subtitle { top: 63px; font-weight: 300; }
.textwrap, .textwrap-delay { overflow: hidden; position: relative;  }
.textwrap p, .textwrap-delay p {text-shadow:0px !important; overflow: hidden; white-space: nowrap; line-height:30px; text-transform:uppercase; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#474747;}	
.textwrap p span, .textwrap-delay p span {padding:5px 10px; border-bottom:1px solid #fff; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/

/* Ordered lists */
.olist ol { counter-reset:li; margin-left:5px; padding-left:0;}
.olist ol > li {line-height:1.3; position:relative;margin:0 0 6px 20px; color:#999999; padding:10px 8px 10px 30px; list-style:none}
.olist ol > li * {line-height:22px}
.olist.type1 ol > li *, .olist.type2 ol > li * , .olist.type3 ol > li * , .olist.type4 ol > li *  {line-height:3.6}
.olist ol > li:before {content:counter(li);counter-increment:li;position:absolute;top:10px;left:-1em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:36px;height:36px;margin-right:8px;padding:4px;color:#fff;background:url("images/button_overlay.png") #464F5C;font-size:24px;font-family:'PT Sans Narrow';text-align:center;}
.olist.type2 ol > li:before {background-color:transparent; color:#666}
.olist.type3 ol > li:before {background-color:#884AA0}
.olist.type4 ol > li:before {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
.olist li ol, .olist li ul {margin-top:6px;}
.olist ol ol li:last-child {margin-bottom:0;}
.olist ol{/*background:url("images/button_bg.png") #464F5C; margin-bottom:10px*/}


/*----- Toggles  -----*/
div.toggle-trigger {margin-bottom:10px}
div.toggle-trigger h4:hover{color:#884AA0}
div.toggle-trigger h4 {color:#858585; background:url(images/buttons/bg-open-h4.png) no-repeat 15px 12px; cursor:pointer; padding:9px 0px 10px 45px; width:auto; border:1px solid #d2d2d2; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
div.toggle-trigger.active h4{color:#000;background:url(images/buttons/bg-close-h4.png) no-repeat 15px 12px;}
.toggle-container{padding:4px 0 11px 45px; }


/* =Price Table
--------------------------------------------------------------------------------------------------------*/
.table-standard { border:1px solid #d2d2d2; height:auto; width:195px; float:left; text-align:center; padding:25px 10px 0px 10px; margin-right:8px; margin-top:49px; background:#fff;  background:rgba(255, 255, 255, 0.7);}
.table-featured {background:#fff; border:1px solid #474747; border-top:4px solid #474747; height:auto; width:202px; float:left; text-align:center; padding:25px 30px 10px 30px; margin-right:8px; margin-top:20px; -webkit-box-shadow:0 0 24px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 24px rgba(0, 0, 0, 0.1); box-shadow:0 0 24px rgba(0, 0, 0, 0.1); }
.last-table { margin-right:0px !important; }
.table-standard h3 { padding:0px; }
.table-standard p.price { color:#474747; text-transform:uppercase; padding:1px 0; }
.table-featured h3 { padding:15px 0px 0 0; text-transform:uppercase; }
.table-featured p.price { color:#474747; text-transform:uppercase; padding:1px 0 12px 0; }
.table-standard ul { padding:18px 0 0px 0; }
.table-featured ul { padding:18px 0 15px 0; }
.table-standard ul li, .table-featured ul li { line-height:20px; padding:4px 0px 6px 0px; width:auto; border-bottom:1px solid #d2d2d2; }
.table-standard ul li.first, .table-featured ul li.first { border-top:1px solid #d2d2d2; }
/* =Price Table
--------------------------------------------------------------------------------------------------------*/

/* =Footer
--------------------------------------------------------------------------------------------------------*/


.bottombar p span.top { font-size:20px; color:#fff; line-height:34px; background:none; border-bottom:0px; padding:26px 0 10px 0px}
.bottombar{padding:0px; }
.copyright {float:left; width:auto; margin:0 10px; }
.bottom_nav {width:auto; margin:0 10px; float:right;}
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop Navi
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30;}
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(images/bg-backtotop.png) no-repeat;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:block; width:53px; height:53px; float:right; right:10px; text-indent:-9000px;}
#backtotop ul li a:hover { bottom:20px;  }
/* End Backtotop Navi
--------------------------------------------------------------------------------------------------------*/


#contactform input, textarea { margin: 0px 0px 0px 0; float:none; display:block; margin-bottom:5px}
#contactform textarea { width: 672px }


.option-set {margin-left:10px !important; margin-top:-10px !important; float:none}
h3.alignleft {float:none; }
}

/*-----------Type Settings for Certain Sections-----------*/

p.superletter:first-letter{
	color:#000000;
	font-size:36px;
}
p.dropcap:first-letter{
 	font-size:44px;
	line-height:22px;
 	margin-top:5px;
	margin-right:3px;
}
/*-----------Common Styling-----------*/
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}
.bold {
	font-weight:bold;
}
.light {
	color:#777777;
}
.color{
	color:#D24144;
}
.italic {
	font-style:italic;
	font-family: 'Times', serif;
	font-size:14px;
}
.underline {
	text-decoration:underline;
}
.strike {
	text-decoration:line-through;
}
.nopadding {
	padding:0 !important;
}
.nomargin{
	margin:0 !important;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}

/*-----------Buttons-----------*/
.button {white-space:nowrap;display: inline-block;text-decoration: none;text-transform:uppercase; cursor:pointer; position:relative; padding:7px 13px 7px 12px; margin:16px 0 18px 0; font-weight:700; color:#fff; text-align:center; font-size:12px; line-height:20px; -webkit-transition: all 0.1s ease-in-out 0s; background-color:#D24144; width:auto !important; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border:0px; font-family:'Open Sans', Arial, Helvetica, sans-serif}
.button:hover{background:#474747; color:#fff !important}
.small.button {padding:5px 11px 5px 10px; font-size:10px}
.medium.button {}
.large.button {font-size: 14px;padding:9px 15px 9px 14px;}
.round.button{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}


#top-link{height:49px;width:49px;display:none;position:fixed; right:10px; top:10px;background:url(images/top_button/top_button.png) no-repeat center}

.alignleft {
	float:left !important;
}
.alignright {
	float:right !important;
}
.alignleftnopad {
	float:left;
}
.alignrightnopad {
	float:right;
}
.aligncenter {
	text-align:center;
	margin:auto;
}

.relative {
	position:relative;	
}

.step-box, .contentbox{/*background:#fff; background:rgba(255, 255, 255, 0.7);*/ padding:10px 14px}
.step-box > span{background:#D24144; width:40px; height:40px; border-radius:20px;  -moz-border-radius:20px;  -webkit-border-radius:20px; display:inline-block; text-align:center; color:#fff; line-height:40px}
.step-box h4.stepbox-title{font-weight:bold; padding-left:4px; display:inline-block}

/*----------  Message Boxes  -----------*/
.message-box{border:solid 1px; border-left:solid 5px; background-position:12px 8px; background-repeat:no-repeat; padding:2px 6px 6px 44px; height:30px; line-height:30px; margin-bottom:11px;  width:auto; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
.message-box p{font-weight:bold}
.message-box.greenbox{background-image:url(images/success.png);background-color:#f4f6e9; border-color:#b9c090;}
.message-box.greenbox p{color:#809533;}
.message-box.redbox{background-image:url(images/error.png);background-color:#f9f0f1; border-color:#ef9196;}
.message-box.redbox p{color:#f02932}
.bluebox{background-image:url(images/info.png);background-color:#f2f7f9; border-color:#a5c2d0;}
.bluebox p{color:#5694b1}
.yellowbox{background-image:url(images/warning.png);background-color:#fcf8ea; border-color:#dfc974;}
.yellowbox p{color:#d9b31f}



/*-----------Footer Section-----------*/
.footer_container {width:960px;margin:0px auto;}


/*-----------Flickr Footer-----------*/
.thumbs {margin: 0px; padding: 0px; overflow: hidden; }
.thumbs li {list-style: none; float:left; width:52px; height:40px; margin:8px;}
.thumbs li img {display: block; }
.thumbs li a img {border: none;width:52px;height:40px;border:#333333 0px solid;outline:#555555 0px solid;	}
.thumbs li a img:hover{outline:#D24144 3px solid; }



/*-----------Social Icons-----------*/

.social li { display:inline-block; }
.social li a { margin:10px 0 10px 15px; display:block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-indent:9999px}
.twitter a {  text-decoration:none; width:16px; height:16px; background:url(../Images/bg-twitter.png) no-repeat left top; }
.twitter a:hover { background:url(images/buttons/bg-twitter.png) no-repeat 0px -16px; }
.facebook a {  text-decoration:none; width:16px; height:16px; background:url(../Images/bg-facebook.png) no-repeat left top; }
.facebook a:hover { background:url(images/buttons/bg-facebook.png) no-repeat 0px -16px; }
.dribble a { text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-dribble.png) no-repeat 0px -16px; }
.dribble a:hover { background:url(images/buttons/bg-dribble.png) no-repeat left top;}
.flickr a {  text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-flickr.png) no-repeat 0px -16px; }
.flickr a:hover { background:url(images/buttons/bg-flickr.png) no-repeat  left top;}
.vimeo a {  text-decoration:none; width:17px; height:16px; background:url(images/buttons/bg-vimeo.png) no-repeat 0px -16px;}
.vimeo a:hover { background:url(images/buttons/bg-vimeo.png) no-repeat left top;  }
.google a {  text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-google.png) no-repeat left top; }
.google a:hover { background:url(images/buttons/bg-google.png) no-repeat 0px -16px; }
.mail a {  text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-mail.png) no-repeat left top; }
.mail a:hover { background:url(images/buttons/bg-mail.png) no-repeat 0px -16px; }
.skype a { text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-skype.png) no-repeat  0px -16px;}
.skype a:hover { background:url(images/buttons/bg-skype.png) no-repeat left top; }





/*-----------Contact Form Widget-----------*/
#contactFormWidget{}
#contactFormWidget label{padding-top:3px;padding-bottom:2px;float:left; width:50px; text-align:right; font-size:12px}
#contactFormWidget div{clear:both}
#contactFormWidget input[type="text"]{width:288px; height:20px; float:left; color:#888}
#contactFormWidget input[type="text"], #contactFormWidget textarea{padding:2px 4px; margin-bottom:16px; border:solid 1px #D8D8D8; 12px; font-family: 'Open Sans', Arial, Helvetica, sans-serif}
#contactFormWidget textarea{height:70px; width:290px; margin-bottom:6px;}
#contactFormWidget input[type="submit"]{float:right; margin:3px 0px 0 0; cursor:pointer}
#contactFormWidget label.error {font-size:12px;color:#c85849;text-transform:none;}
#contactFormWidget .error p{color:red}
#contactFormWidget .success p{color:green}

/************ Tipsy ***************/

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/*-----------Misc-----------*/

.block{
	display:block;
}
.alpha{
	margin-left:0
}
.omega{
	margin-right:0
}
.paddingleft{
	padding-left:20px;
}
.paddingright{
	padding-right:40px;
}
.marginleft{
	margin-left:20px;
}
.marginright{
	margin-right:20px;
}

/*-----------Footer-----------*/


.grid_copyright{width:280px;display:inline;float:left;margin-left:0px;margin-right:20px;padding-top:0px;}

ol.commentlist *{list-style:none}
#respond h3{text-transform:uppercase}

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { margin:0; padding:24px 0px 0px 50px; position:relative; margin-bottom:10px}
ol.commentlist > li:first-child{padding-left:0}
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li.comment-author{font-size:20px;}
ol.commentlist li .comment-content { position:relative}
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px;  }

ol.commentlist li .url, ol.commentlist li .fn, ol.commentlist li .datestamp{margin-left:0}
ol.commentlist li h4{padding-top:0; padding-bottom:0}
ol.commentlist li h4 a{ color:#888; text-decoration:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s;}
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px;position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { text-decoration:none; }
ol.commentlist li p { font-weight:normal; margin:5px 0 0;}
ol.commentlist li ul { font-weight:normal; font-size: 12px; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply{position:absolute; right:0px; top:0px; }

ol.commentlist li.depth-1 > div.vcard img.avatar{left: 21px !important}

a.comment-reply-link {text-decoration:none; color:#D24144}
a.comment-reply-link:hover{text-decoration:underline}
ol.commentlist li ul.children { list-style:none; margin:0px 0 0; text-indent:0; }
ol.commentlist li ul.children li{}
ol.commentlist li ul.children li.depth-2 { margin:0px 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0px 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0px 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:28px 0 3px; }
cite.fn, cite.fn a{color:#000; text-decoration:none; font-size:14px;padding:0 0 5px 0;}

ol.commentlist ul.children li.odd {}
ol.commentlist ul.children li.even {}
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
h4#comments{border-bottom:#DDD 1px solid}
#comments span{font-style:normal; text-transform:uppercase; font-size:20px} 
div.avatar { margin:0;  background:#fff; }
ol.commentlist .avatar{padding:0; border:none; margin-top:4px}
.no-wrap { margin-left:66px; margin-bottom:25px; }
.when { margin-top:-10px; }

/*-----------Tabs-----------*/
.tabs {list-style: none;list-style-position: outside; height:41px}
.tabs li {background-image:none !Important; width:auto !important; border:none !important; float:left !important; margin-right: 0px;margin-bottom: 0px;display: block;position: relative;cursor: pointer; padding:0 !Important}
.tabs h4 {display:block;text-align:center; text-decoration:none !important;position:relative; font-size:13px; padding: 10px !important; border-top:#D8D8D8 solid 1px;border-right:#D8D8D8 solid 1px;	color: #858585;background:#fff;background:rgba(255, 255, 255, 0.7); cursor: pointer}
.tabs li:first-child h4{border-left:#D8D8D8 solid 1px;}
.tabs h4:active, .tabs .current, .tabs .current h4 {color: #474747; background:#fff; font-weight:bold}
.tabs .current, .tabs .current:hover, .tabs li.current  h4 {cursor:default !important; text-decoration:none !important; font-weight:bold}

.panes{margin: 0px;}
.panes .pane {display:none}
.panes > div {display:none; min-height:100px;margin: 0pt auto;margin-bottom:-7px;text-align: left;padding: 15px;border:#d8d8d8 solid 1px; background:#fff}
.panes > div a{color: #5f95ef;}
.panes li {background:none !Important}
/*----- Spacing  -----*/
.top0{margin-top:0px}
.top5{margin-top:5px}
.top10{margin-top:10px}
.top15{margin-top:15px}
.top20{margin-top:20px}
.top25{margin-top:25px}
.top30{margin-top:30px}
.top40{margin-top:40px}
.top50{margin-top:50px}
.top80{margin-top:80px}
.top100{margin-top:100px}

.bottom0{margin-bottom:0px}
.bottom5{margin-bottom:5px}
.bottom10{margin-bottom:10px}
.bottom15{margin-bottom:15px}
.bottom20{margin-bottom:20px}
.bottom25{margin-bottom:25px}
.bottom30{margin-bottom:30px}
.bottom40{margin-bottom:40px}
.bottom50{margin-bottom:50px}

.left0{margin-left:0px}
.left5{margin-left:5px}
.left10{margin-left:10px}
.left15{margin-left:15px}
.left20{margin-left:20px}
.left25{margin-left:25px}
.left30{margin-left:30px}
.left40{margin-left:40px}
.left50{margin-left:50px}

.right0{margin-right:0px}
.right5{margin-right:5px}
.right10{margin-right:10px}
.right15{margin-right:15px}
.right20{margin-right:20px}
.right25{margin-right:25px}
.right30{margin-right:30px}
.right40{margin-right:40px}
.right50{margin-right:50px}

/* Contact Form */

/* Form style */

#contactform, #commentsubmit { display: block; width: auto; margin: 10px 0 0 0; padding: 0px; border: none;  }
#contactform label{ display: none; float: none; height:0px; }
/*#contactform input, #commentsubmit input, textarea, select, #search-global-form input[type="text"] { width: 192px; padding: 6px 13px 7px 13px; border: 1px solid #d8d8d8; margin: 0px 20px 0px 0; font: 12px "Open Sans", "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#888;  float:left; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}*/
#contactform input.third, #commentsubmit input.third { margin: 0px 0px 0px 0 !important; }
#contactform textarea, #commentsubmit textarea { width: 672px; margin-top:1px; margin-bottom:4px; margin-right:0px !important;}
#contactform input:focus, #commentsubmit input:focus, textarea:focus, select:focus { background: #fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); border: 1px solid #888; }
#contactform input.submit, #commentsubmit input.submit, #search-global-form input[type="submit"] {height:32px; display:block; text-transform:uppercase; cursor:pointer; position:relative; padding:7px 13px 7px 12px !important; margin:16px 0 18px 0; font-weight:700; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-align:center; font-size:12px; line-height:20px; -webkit-transition: all 0.1s ease-in-out 0s; background-color:#D24144; width:auto !important; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border:0px;}
#contactform input.submit:hover, #commentsubmit input.submit:hover {  background-color:#474747; }
#contactform fieldset , #commentsubmit fieldset{ padding-left:0px;}
#contactform span.required, #commentsubmit span.required { padding-left:28px; background:url(images/bg-bullet.png) no-repeat 12px 5px; margin-left:-28px; }
#message { margin: 10px 0; padding: 0; }

#search-global-form input[type="text"]{width:120px; margin-right:0px; border-right:none; padding-bottom:5px}


/*#messageContainer label{display:block; font-weight:bold; border:solid 1px; border-left:solid 5px; background-position:12px 8px; background-repeat:no-repeat; padding:2px 6px 6px 44px; height:30px; line-height:30px; margin-bottom:11px;  width:auto; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
#messageContainer label.error{background-image:url(images/error.png);background-color:#f9f0f1; border-color:#ef9196; color:#f02932}
#messageContainer label.success{color:#809533; background-image:url(images/success.png);background-color:#f4f6e9; border-color:#b9c090;}
*/
#messageContainer label.error {margin-bottom:8px; display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11; border: 1px solid #FBC2C4; -webkit-border-radius:5px;  }
.clearbig{clear:both; height:20px}
.loader { padding: 22px 0 0 10px; }

.pagination-wrapper{margin-left:60px; margin-top:-30px}
.no-shadow{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.padding10{padding-top:10px; padding-bottom:10px}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:none !important}
.noverticalpadding{padding-top:0px; padding-bottom:0px}
frame, iframe{border:none}

.wp-caption{}
.wp-caption-text{}
.sticky {}
.gallery-caption{}
.bypostauthor{}

.no-background{background:none}
.blog-list-content{width:440px; margin:10px 0 0 20px; float:left}
.portfolio_category>ul{padding-left:0}
#piecemaker-container{position:relative}
#slider3d{margin:0px auto; position:absolute; left:50%}
p.single-author{margin-top:0 !Important; padding-bottom:0 !Important}
p.single-author span{color:#888}
.white_bg{background:white}


.nivo_container{position:relative}
strong{font-weight:bold}
em{font-style:italic}
h2{margin-bottom:14px}
.container h2:after{clear:both}
#googlemap{width:100%; height:350px; position:absolute; }
#googlemap-container{position:relative; height:350px; margin-top:50px}

.dedicated-page{min-height:400px}
.widget{margin-bottom:20px}
.widget li {background:url(images/list-bullet.png) no-repeat 7px 9px transparent;  line-height:23px; width:auto; padding-left:20px; }
.widget li a { text-decoration:none; color:#888}
.widget li a:hover {text-decoration:underline}
.widget-post-list li {margin-bottom:10px; padding-left:0px}
.widget-post-list li:last-child{margin-bottom:0}
.wpl-image{float:left; width:64px; margin:0px 10px 0 0}
.wpl-image a{display:block; width:50px; height:50px}
.wpl-image.avatar-listing {width:50px}
.wpl-image.avatar-listing a{width:45px}
.wpl-image a img{background: none repeat scroll 0 0 #f8f8f8; padding: 2px; width: 100%; height:46px; margin-top:2px}
.wpl-image a img:hover{background:#ccc;}
.wpl-desc{overflow:hidden}
.wpl-desc a{text-decoration:none; display:block; font-weight:bold}

.main-categories {display:block}
.main-categories a{color:#111111}
.main-categories a:hover{color:#ff4d02}
.main-categories li{padding-left:16px; background-position:0px 11px; float:left; width:80%; margin-right:4%; margin-bottom:0px; text-decoration:none}

.main-categories2 {display:block}
.main-categories2 a{color:#111111}
.main-categories2 a:hover{color:#ff4d02}
.main-categories2 li{padding-left:14px; background-position:0px 11px; float:left; width:38%; margin-right:4%; margin-bottom:0px; text-decoration:none}

.archives {display:block; padding-left:28px; padding-top:5px; padding-bottom:10px}
.archives li{float:left; width:100%; background: url('images/listicon.png') no-repeat 0px 8px; padding-left:10px; margin-bottom:5px}
.archives a{text-decoration:none; color:#111111}
.archives a:hover{color:#ff4d02}


@media only screen and (max-width: 1089px) {
body {background-image:none !Important}
.container { padding:30px 0px; -webkit-box-shadow:0 0 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 0 0 rgba(180, 180, 180, 0) ; box-shadow:0 0 0 rgba(180, 180, 180, 0);}
.wrapper {width: 100%; background-color:#fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2) ; box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
.responsive { -webkit-box-shadow:0 0px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 0px 0 rgba(180, 180, 180, 0) ; box-shadow:0 0px 0 rgba(180, 180, 180, 0);}
}


/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.jcarousel-skin-tango2 .jcarousel-next-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-horizontal { top: -20px; }
body {background-image:none !Important}
.portfolio-content .images img{height:150px !Important}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
ul#nav li a { margin:0px 0px 0px 5px; }
body {background-image:none !Important}
.container, ul.image-grid,  div.jp-video-filterable, div.jp-video-filterable div.jp-controls-holder, div.jp-audio-filterable { width:768px; position:relative; }
/*.ancor2 { padding-top:112px; position:relative; margin-top:-107px; }*/

.col1-1 { width:748px; margin:0px 10px; }
.col1-2 { width:364px; margin:0px 10px; float:left; }
.col1-3 { width:236px; margin:0px 10px; float:left; }
.col2-3 { width:492px; margin:0px 10px; float:left; }
.col1-1a { width:350px; margin:0px 10px; float:left; }
.col2-3a { width:492px; margin:0px 10px; float:left; }
.col1-4 { width:172px; margin:0px 10px; float:left; }
.col3-4 { width:556px; margin:0px 10px; float:left; }
.col1-6 { width:108px; margin:0px 10px; float:left; }
.portfolio-content  .images img{height:150px !Important}
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 768px; }
.jcarousel-skin-tango .jcarousel-item {width:172px; text-align:center; }
.jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 768px; }

.videos {width:556px !important; height:310px !important; }

.responsive .col1-4 { width:236px }
.responsive .col3-4 { width:492px }
.contact input, textarea, select { width: 122px !important; margin: 0px 21px 0px 0;}
.contact textarea { width: 464px !important; }

#googlemaps {width:748px !important; height:350px !important; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
body {background-image:none !Important}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {background-image:none !Important}
.container, ul.image-grid , div.jp-video-filterable, div.jp-video-filterable div.jp-controls-holder, div.jp-audio-filterable{ width:440px; position:relative; overflow:visible !important}
/*#content { width:440px; margin:0 auto; }*/
.col1-1, .col1-3, .col2-3, .col3-4 { width:420px; margin:0px 10px; }
aside {display:none; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 440px; }
.jcarousel-skin-tango .jcarousel-item {width:200px; text-align:center; }
.jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 440px; }
.jcarousel-skin-tango2 .jcarousel-item {width:200px; }

.videos {width:420px !important; height:235px !important; }

.js #nav { display: none; }
.js .selectnav { display: block; margin:5px 10px; color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; line-height:13px; text-decoration:none; text-transform:uppercase;}

.element {width:200px !important; display:block; }
.responsive-folio { overflow:visible !important }
.images .title, .images .subtitle {z-index: 0; display:none !important; }

#options { margin-right:10px;}
#options li {margin-bottom:5px; }

.responsive .col1-4 { width:200px }
.responsive .col3-4 { width:200px }
.contact input, textarea { width: 172px !important; margin: 0px 0px 10px 0 !important; float:none; display:block; }
.contact textarea { width: 172px !important; }

.option-set { float:none}
h3.alignleft {float:none; }

#accordion {margin-top:35px; }

#googlemaps {width:420px !important; height:350px !important; }
#twitter_update_list {display:none; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
body {background-image:none !Important}
#fixed { height:auto; position:relative; width:100% }
.container, ul.image-grid,  div.jp-video-filterable, div.jp-video-filterable div.jp-controls-holder, div.jp-audio-filterable { width:320px; position:relative; overflow:visible !important}
.ancor2 { padding-top:5px; position:relative; }
.ancor { padding-top:5px; position:relative; margin-top:0px; }
.col1-1, .col1-3, .col2-3, .col3-4 { width:300px; margin:0px 10px; }
aside {display:none; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 320px; }
.jcarousel-skin-tango .jcarousel-item {width:140px; text-align:center; }
.jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 320px; }
.jcarousel-skin-tango2 .jcarousel-item {width:140px; }

.videos {width:300px !important; height:175px !important; }

.js #nav { display: none; }
.js .selectnav { display: block; margin:18px 10px 0px 10px; color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; line-height:13px; text-decoration:none; text-transform:uppercase; width:300px !important }
nav.alignright {display:block; float:none; }

.element {width:300px; display:block; }
.responsive-folio .col1-4 {width:140px !important; }
.responsive-folio { overflow:visible !important }
.images .title, .images .subtitle {z-index: 0; display:none !important; }

#options { margin-right:10px; margin-left:0px; margin-top:20px;}
#options li {margin-bottom:5px; }

.responsive .col1-4 { width:300px }
.responsive .col3-4 { width:300px }
#contactform input { width: 272px !important; margin: 0px 0px 10px 0; float:none; display:block; }
#contactform textarea { width: 272px !important; margin-bottom:10px; margin-top:-10px}

.option-set {margin-left:10px !important; margin-top:-10px !important; float:none}
h3.alignleft {float:none; }

#accordion {margin-top:35px; }

#googlemaps {width:300px !important; height:250px !important; }
#map-bg {background:none; }
#twitter_update_list {display:none; }
}