/*
==  THEME DETAILS  ============================================================

    Theme Name: Method
    Theme URI: http://designerthemes.com/themes/method/
    Description: A Powerful WordPress Business Theme
    Version: 1.1

    Designer: Joe Mercieri
    Designer URI: http://upended.com/

    Developer: Stephen Bluck
    Developer URI: http://stephenbluck.com/

    Author: DesignerThemes.com
    Author URI: http://designerthemes.com/

    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html

===============================================================================

   ___             _                        ______ __
  / _ \ ___  ___  (_)___ _ ___  ___  ____  /_  __// /  ___  __ _  ___  ___
 / // // -_)(_-< / // _ `// _ \/ -_)/ __/   / /  / _ \/ -_)/  ' \/ -_)(_-<
/____/ \__//___//_/ \_, //_//_/\__//_/     /_/  /_//_/\__//_/_/_/\__//___/
                   /___/

==  WARNING! DO NOT EDIT THIS FILE! (PLEASE)  =================================

    If you wish to make CSS changes to this theme, DO NOT EDIT THIS FILE.
    Instead, use the custom-style.css file to define custom styles. Adding your
    custom CSS there will make it much easier to upgrade to a newer version
    of this theme without losing any of your customizations.

===============================================================================
*/


@import url('engine/css/default.css');
@import url('engine/css/extras.css');

@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

@font-face {
	font-family: 'WebSymbolsRegular';
	src: url('websymbols-regular-webfont.eot');
	src: url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('websymbols-regular-webfont.woff') format('woff'),
	     url('websymbols-regular-webfont.ttf') format('truetype'),
	     url('websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}

.icon-font { font-family: 'WebSymbolsRegular'; }


/*---------------------------------------------------------------------------*/
/*  GLOBAL */
/*---------------------------------------------------------------------------*/

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #333;
    background-color: rgba(35, 35, 35, 0.9);
    background-image: url(images/background.png) !important;
}

select, input, textarea, button,
h1, h2, h3, h4, h5, h6 { font-family: "Droid Sans", Helvetica, Arial, sans-serif; }

/* links */
a { color: #39c; }
a:hover { text-decoration: none; color: #000; }
a:link { -webkit-tap-highlight-color: #39c; }

.page-template-template-home-php .handle,
.page-template-template-portfolio-php .handle,
.tax-group .handle,
.page-template-template-fullwidth-php .handle,
.single-portfolio .handle,
.handle { display: none; }

.post-title { font-family: "Droid Serif", Georgia, serif; }


/*---------------------------------------------------------------------------*/
/*  LAYOUT  */
/*---------------------------------------------------------------------------*/

/* #wrapper { min-height: 100%; } */

.ie6 #wrapper,
.ie8 #wrapper {
    display: table;
    height: 100%;
    width: 100%;
}

#main { width: auto; }

#container {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0 0;
}

.page-template-template-fullwidth-php #content,
.single-portfolio #content {
	float: none;
	width: auto;
}

#content {
    float: left;
    width: 100%;
}

#sidebar {
    float: right;
    width: 306px;
}

.sidebar-left #sidebar { float: left; }

.sidebar-left #content { float: right; }

.sidebar-none #content { width: 100%; }

#bottom {
    margin: 20px 0 0 0;
    position: relative;
    clear: both;
    background: #000 !important;
}

pre { overflow-x: scroll; }


/*---------------------------------------------------------------------------*/
/*  HEADER  */
/*---------------------------------------------------------------------------*/

#header-extra {
	background: #000 !important;
	padding: 5px 0;
	color: #fff;
	text-align: center;
	font: normal 16px/1.6 "Droid Serif", Georgia, serif;
}

#header-extra a.open,
#header-extra a.close { display: none; }

#header-extra.opened { position: relative; }

#header-extra.active a.btn {
	font: normal 24px/8px 'WebSymbolsRegular';
	text-align: center;
	width: 100%;
	cursor: pointer;
	position: absolute;
}

#header-extra.active a.open {
	display: block;
	color: #39c;
	top: auto;
	margin-top: 3px;
}

.gecko #header-extra.active a.open { margin-top: 4px; }

#header-extra.opened a.open { display: none; }

#header-extra.opened a.close {
	color: #fff;
	bottom: -1px;
	display: block;
}

#header-extra .widget {
	margin: 0 auto;
	width: 980px;
	display: none;
}

#header-extra .widget-inside { padding: 20px 30px 30px; }

#header-extra a {
	color: #fff;
	font-weight: bold;
}

#header-extra a:hover { color: #333; }

#header-extra .button {
	display: inline-block;
	font: bold 12px/1 "Droid Sans", Helvetica, Arial, serif;
	border-radius: 4px;
	color: #39c !important;
	padding: 9px 15px 10px;
	background: #fff;
	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
}

#header-extra .button:hover { box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1); }

#header {
	width: 980px;
	margin: 15px auto 20px;
	position: relative;
}

.ie7 #header { overflow-x: hidden; }

#header-title-wrap { margin: 40px 0 0; }

.page-title {
	margin: 0;
	/*
	border-top: 2px solid #39C;
	border-bottom: 2px #02b3b0 solid !important;
	*/
	background: #111;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	padding: 4px 10px;
}

.single-post .page-title {
	padding-bottom: 0;
	border-bottom: 0;
}

#logo { float: left; }

#site-title,
#site-description {
	float: left;
	line-height: 30px;
	margin: 0;
}

#site-description {
	color: #bbb;
	margin-left: 20px;
	font-size: 12px;
}

#site-title,
#site-title a {
	font: normal 24px "Droid Serif", Georgia, serif;
	color: #333;
}

.ie7 #primary-menu {
	position: absolute;
	top: 0;
	right: 0;
}

a#menu-button { display: none; }

#primary-menu {
	float: left;
    margin: 10px 0 0 34px;
    font-size: 12px;
    z-index: 30;
    height: 25px;
    /* width: 660px; */
    width: 776px;
    border-bottom: 1px #fff solid;

}

#primary-menu select { display: none; }

#primary-menu ul {
    margin: 0;
    padding: 0;
    list-style: none !important;
    width: 776px;
    table-layout: fixed;
}

#primary-menu ul a {
    /*display: block;
    position: relative;*/
}

#primary-menu ul li {
    /* float: left;
    position: relative;
    */
    z-index: 40;
    font-size: 12px;
	font-weight: bold;
    text-transform: uppercase;
    /* margin-right: 21px; */
    list-style: none !important;
/*    margin: 0 auto; */
    display: table-cell;
/*	width: 1%;*/
	text-align: center;
}

#primary-menu ul li a {
	width: 100%;
	height: 25px;
	display: block;
	padding-right: 25px;
}

#primary-menu ul li:first-child { border: 0; }

#primary-menu ul li:last-child { margin-right: 0; }

#primary-menu ul li:hover { visibility: inherit; }

#primary-menu ul ul {
    position: absolute;
    top: -9999em;
    width: 180px;
}

#primary-menu .sub-menu:before {
	content: '}';
	font-family: 'WebSymbolsRegular';
	font-size: 24px;
	color: #39c;
	position: absolute;
	left: 46%;
	top: -26px;
}

#primary-menu ul ul li { width: 100%; }

#primary-menu ul li:hover ul,
#primary-menu ul li.sfHover ul {
    left: -1px;
    top: 30px;
    z-index: 99;
}

#primary-menu ul li:hover li ul,
#primary-menu ul li.sfHover li ul,
#primary-menu ul li li:hover li ul,
#primary-menu ul li li.sfHover li ul,
#primary-menu ul li li li:hover li ul,
#primary-menu ul li li li.sfHover li ul { top: -9999em; }

#primary-menu ul li li:hover ul,
#primary-menu ul li li.sfHover ul,
#primary-menu ul li li li:hover ul,
#primary-menu ul li li li.sfHover ul,
#primary-menu ul li li li li:hover ul,
#primary-menu ul li li li li.sfHover ul {
    left: -81px;
    top: -1px;
}

/* top level skin */
#primary-menu ul a {
	color: #333;
	line-height: 8px;
}

#primary-menu ul a.active,
#primary-menu ul li.current-cat a,
#primary-menu ul li.current_page_item a,
#primary-menu ul li.current-menu-item a { text-decoration: none; color: #00d7d4;}

#primary-menu ul a.active,
#primary-menu ul a:hover { color: #39c; }

/* 2nd level skin */
#primary-menu ul ul {
    padding: 0;
    border-top: 5px solid #39c;
    background: #fff;
}

#primary-menu ul ul li {
    margin: 0;
    padding: 0;
    border: 0;
    float: none;
    text-align: center;
    font-weight: normal;
    width: auto;
    text-transform: none;
}

.ie7 #primary-menu ul ul li {
	float: left;
	width: 100%;
}

.ie7 #primary-menu ul ul li a {
	float: left;
	width: 160px;
}

#primary-menu ul li.current-menu-item li a,
#primary-menu ul li li.current-menu-item a,
#primary-menu ul ul li a {
    font-size: 12px;
    padding: 0;
    color: #39c;
    line-height: 40px;
}

#primary-menu ul.sub-menu a {
	border: 1px solid #ccc;
    border-width: 0 1px;
}

#primary-menu ul.sub-menu li:last-child a { border-bottom: 1px solid #ccc; }

#primary-menu ul ul li a:hover,
#primary-menu ul.sub-menu a.active {
    color: #fff !important;
    background: #39c;
    border-color: #39c !important;
}

/* 3rd level skin */
#primary-menu ul ul ul {
    left: -101px !important;
    border-top: 1px solid #ccc;
}

#primary-menu ul ul ul.sub-menu:before { content: ''; }

#primary-menu ul li.button {
	border: 0;
	text-transform: none;
	display: inline;
	font-weight: normal;
	font-size: 12px;
	padding: 0;
}

#primary-menu .button a {
	background: #39c;
	margin: -12px 0 0 0;
	display: block;
	line-height: 12px;
	padding: 9px 15px 10px;
	border-radius: 4px;
	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
	color: #fff;
	font-weight: bold;
}

#primary-menu .button a:hover {
	background: #39c;
	color: #fff;
	box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1);
}


/*---------------------------------------------------------------------------*/
/*  HOME  */
/*---------------------------------------------------------------------------*/

@-webkit-keyframes sliderMoveFromBottom {
    from {
        bottom: -900px;
    }
    to {
        bottom: 0;
    }
}

@-webkit-keyframes sliderMoveFromLeft {
    from {
        left: -900px;
    }
    to {
        left: 0;
    }
}

.home-slider {
	margin: 50px 0 30px;
	position: relative;
	background: #fff url(images/ajax-loader.gif) center 40% no-repeat;
}

.home-slider .slides_container { display: none; height: 467px; }

.home-slider .slide { background: #fff; }

.home-slider .slide:first-child { display: block; }

.home-slider .post-wrap {
	width: 430px;
	float: left;
	position: relative;
	padding: 60px 30px 30px;
	-webkit-animation: sliderMoveFromLeft 1s;
}

.home-slider .post-wrap.fullwidth {
	width: auto;
	float: none;
	padding: 30px 60px;
}

.home-slider .post-wrap.align-right { text-align: right; }

.home-slider .post-wrap.align-center { text-align: center; }

.home-slider .post-content {
	font-size: 14px;
	margin: 0;
}

.home-slider .video,
.home-slider .featured-image {
	position: relative;
	-webkit-animation: sliderMoveFromBottom 0.6s;
}

.home-slider .featured-image {
	width: 430px;
	float: right;
	margin: 30px;
	border: 0;
}

.home-slider .featured-image.fullwidth {
	width: auto;
	float: none;
	margin: 0 0 -6px;
	text-align: center;
}

.home-slider .featured-image.fullwidth img { display: inline; }

.home-slider .hentry {
	padding: 0;
	margin: 0;
	border: 0;
	width: 980px;
}

.home-slider .post-title { font-size: 24px; }

.home-slider .pagination {
	list-style: none;
	margin: 0;
	padding: 24px 30px 0;
	height: 36px;
	background: #39C;
}

.home-slider .pagination li {
	display: inline;
	position: relative;
	float: left;
	text-indent: -9999px;
	margin: 0 4px 0 0;
}

.home-slider .pagination li a {
	display: block;
	width: 12px;
	height: 12px;
	background: #fff;
	margin: 0;
	padding: 0;
	border-radius: 20px;
	opacity: .6;
}

.home-slider .pagination li a:hover,
.home-slider .pagination li.current a { opacity: 1; }

.home-slider .slider-nav {
	display: none !important;
	position: absolute;
	bottom: 20px;
	right: 30px;
}

.home-slider .slider-nav a {
	font-family: 'WebSymbolsRegular';
	font-size: 24px;
	line-height: 1;
	color: #fff;
	opacity: .6;
}


.home-slider .slider-nav a:hover { opacity: 1; }

.home-slider .slider-nav a.prev:after { content: '<'; }

.home-slider .slider-nav a.next:before { content: '>'; }


/*---------------------------------------------------------------------------*/
/*  MAIN  */
/*---------------------------------------------------------------------------*/

.hentry { position: relative; }

.post-content {
	margin: 0 0 60px;
    padding: 0;
    font-size: 13px;
}

.single .post-content { margin: 0 0 30px; }

#header-title-wrap div.meta-published {
	top: auto;
	bottom: -35px;
	right: 0;
	left: auto;
	background: #ddd;
	width: 70px;
	height: 70px;
}

.single .hentry {
	padding: 0;
	border: 0;
}

.post-title {
	font-size: 22px;
	margin-bottom: 4px;
}

div.meta-published {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background: #eee;
	text-align: center;
}

div.meta-published span {
	display: block;
	color: #555;
	font-weight: 300;
}

div.meta-published span.month {
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	margin: 9px 0 0 0;
}

div.meta-published span.day {
	font-size: 22px;
	line-height: 22px;
	color: #777;
}

#header-title-wrap div.meta-published span.month {
	font-size: 15px;
	line-height: 15px;
}

#header-title-wrap div.meta-published span.day {
	font-size: 36px;
	line-height: 36px;
}

.post-meta span {
	padding: 6px 18px 6px 0;
	display: inline-block;
}

.post-meta span a {
	color: #888;
	border-bottom: 1px solid #eee;
	font-size: 10px;
	text-transform: uppercase;
}

.meta-categories a:hover,
.meta-comment a:hover,
.meta-author a:hover { color: #000; }

.post-meta span:before {
	font-family: 'WebSymbolsRegular';
	color: #ccc;
	padding-right: 3px;
	text-transform: none;
}

.meta-published:before { content: 'P '; }
.meta-author:before { content: 'U '; }
.meta-categories:before { content: ', '; }
.meta-comment:before { content: 'c '; }

#header .post-header { margin: 8px 0 0; }

.post-header {
	margin: 0 0 20px;
	text-transform: uppercase;
	font-size: 10px;
	color: #888;
	border: 1px solid #eee;
	border-width: 1px 0;
	padding: 3px 0 2px;
}

.featured-image {
	margin: 0 0 20px 0;
	border-bottom: 5px solid #39c;
}

.featured-image a,
.featured-image img { display: block; }

.gallery-item img {
	padding: 4px;
	border: 1px solid #ddd !important;
}

/* pagination */
.post-navigation .pagination a,
.post-navigation .pagination span {
    display: block;
    float: left;
    margin: 0 3px 0 0;
    padding: 3px 8px 1px;
    border-radius: 4px;
    background: #f5f5f5;
}

.post-navigation .pagination .current,
.post-navigation .pagination a:hover {
	background: #444;
	color: #fff;
	-webkit-transition: background-color .1s linear, color .1s linear;
	   -moz-transition: background-color .1s linear, color .1s linear;
	     -o-transition: background-color .1s linear, color .1s linear;
	    -ms-transition: background-color .1s linear, color .1s linear;
	        transition: background-color .1s linear, color .1s linear;
}

.post-navigation .pagination .current { color: #ddd; }

/* breadcrumbs */
.breadcrumbs { margin-bottom: 20px; }

/* comments */
.comment-wrap,
#respond {
	padding: 20px 20px 25px;
	background: #eee;
	margin: 0 0 30px;
}

#comments h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 30px;
}

.textarea-wrap {
	width: 60%;
	float: left;
}

.input-wrap {
	width: 32%;
	float: right;
}

#comments p { clear: both; }

#comments ol,
#comments ul,
#comments li {
    list-style: none;
    padding: 0;
}

.comment-author {
    font-size: 18px;
    margin: 0 10px 0 0;
}

.comment-reply a,
.comment-time a {
	font-size: 11px;
	color: #aaa;
	text-transform: uppercase;
	margin: 0 10px 0 0;
}

.commentlist .comment-meta a:hover { color: #555; }

.commentlist .comment-author cite { font-style: normal; }

.commentlist .comment-meta {
	padding: 0 0 0 80px;
	margin: 0 0 10px 0;
}

.ie7 .commentlist .comment-meta { margin: -23px 0 10px 0; }

.commentlist .comment-body {
	margin: 0 0 30px 80px;
}

.commentlist .reply { padding-left: 50px; }

#comments .commentlist #respond { margin: 0 0 0 70px; }

#comments .commentlist #commentform { margin-top: 20px; }

#comments .commentlist .comment:first-child {
	border: 0;
	padding: 0;
}

#comments .commentlist li.comment { clear: both; }

#comments .commentlist ul.children {
    padding: 0 0 20px 80px;
    margin: 0 0 -20px 0;
}

#comments input,
#comments textarea,
#comments select {
    margin: 0 0 26px;
    width: 90%;
    text-align: left;
}

.comment { position: relative; }

#respond form { margin-bottom: -26px; }

#comments .form-section {
    width: 33%;
    float: right;
}

#comments #form-section-comment {
    width: 65%;
    float: left;
}

#comments textarea {
	height: 200px;
	resize: vertical;
	width: 100%;
}

#comments .submit {
	float: none;
	width: 100%;
	text-align: center;
}

#comments .avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	float: left;
}

/* contact form */
.dt-contactform label {
    display: block;
    margin: 0 0 10px 0;
}

.dt-contactform input {
    width: 45%;
    margin: 0 0 20px 0;
    float: none !important;
    text-align: left !important;
    margin: 0 0 20px 0 !important;
}

.dt-contactform select { margin: 0 0 20px 0; }

.dt-contactform textarea {
    width: 98%;
    margin: 0 0 20px 0;
    float: none !important;
    text-align: left !important;
}

.dt-contactform .submit {
    width: auto;
    float: right;
    margin: 0;
}

.contact .alert { display: none; }


/*---------------------------------------------------------------------------*/
/*  PORTFOLIO  */
/*---------------------------------------------------------------------------*/

#portfolio-wrap { width: 1011px; }

#filter {
	width: 150px;
	padding: 16px 30px;
	margin: 0 45px 0 0;
	background: #39c;
	float: left;
}

#filter ul {
	margin: 0;
	padding: 0;
}

.ie7 #filter li { float: left; }

#filter li {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
}

#filter li.current li a,
#filter a {
	display: block;
	color: #fff;
	position: relative;
	line-height: 40px;
	opacity: .6;
}

#filter li a:hover,
#filter li.current a,
#filter li.current a:hover { opacity: 1; }

#filter li a:before {
	content: ', ';
	font: normal 12px 'WebSymbolsRegular';
	padding-right: 5px;
}

#filter li#all.current > a:after,
#filter ul.drop li.current a:after {
	content: ']';
	font-family: 'WebSymbolsRegular';
	font-size: 18px;
	float: right;
	color: #39c;
	margin-right: -40px;
}

#masonry {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 756px;
	float: left;
	position: relative;
	z-index: 10;
}

#masonry li {
	width: 222px;
	margin: 0 30px 40px 0;
	float: left;
}

#masonry li .hentry {
	border: none;
	margin: 0;
	padding: 0;
}

#masonry .post-title {
	font-size: 16px;
	font-weight: bold;
}

#masonry .post-header {
	float: left;
	width: 40px;
	height: 40px;
	background: #eee;
	text-align: center;
}

#masonry .meta-published span {
	display: block;
	color: #555;
}

#masonry .post-wrap {
	float: right;
	width: 168px;
	margin: -5px 0 0 0;
}

#masonry .featured-image { margin: 0 0 10px 0; }

#masonry .featured-image img,
#masonry .featured-image a { display: block; }

#masonry .post-content { margin: 0 0 -10px 0; }

/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, 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;
          transition-duration: 0s;
}

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}


/*---------------------------------------------------------------------------*/
/*  PORTFOLIO SINGLE  */
/*---------------------------------------------------------------------------*/

.single-portfolio #header-title-wrap { position: relative; }

.portfolio-nav {
	position: absolute;
	top: 14px;
	right: 0;
}

.portfolio-nav div {
	display: block !important;
	color: #ddd;
	float: left;
	line-height: 1;
}

.portfolio-nav div:hover { color: #ccc; }

.portfolio-nav .next {
	margin-left: 15px;
	padding-left: 15px;
	border-left: 2px solid #ddd;
}

.portfolio-nav .prev:before {
	content: '< ';
	font-family: 'WebSymbolsRegular';
	padding-right: 5px;
}

.portfolio-nav .next:after {
	content: ' >';
	font-family: 'WebSymbolsRegular';
	padding-left: 5px;
}

#portfolio-slides {
	margin-bottom: 120px;
	position: relative;
	height: 0;
	overflow: hidden;
}

#portfolio-slides .slides_container {
	width: 980px;
	height: auto;
	position: relative;
}

#portfolio-slides .slide {
	width: 980px;
	display: block;
	text-align: center;
}

#portfolio-slides .slide-title {
	background: #39c;
	color: #fff;
	padding: 20px 0 25px;
	width: 100%;
	position: absolute;
	display: none;
}

#portfolio-slides:hover .slide-title { display: block; }

#portfolio-slides .slide-title p {
	display: block;
	padding: 10px 0 0;
	margin: 0;
	font: normal 12px/1.6 "Droid Serif", Georgia, serif;
	opacity: .6;
}

#portfolio-slides .prevnext {
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -44px;
	z-index: 101;
}

#portfolio-slides .prevnext a {
	font: normal 36px/1 'WebSymbolsRegular';
	float: left;
	padding: 25px 30px;
	cursor: pointer;
	color: #fff;
	background: #000;
	display: block !important;
	opacity: .4;
}

#portfolio-slides:hover .prevnext a,
#portfolio-slides .prevnext a:hover {
	opacity: 1;
	background: #39c;
}

#portfolio-slides a.next { float: right; }

.single-portfolio .dt-video { margin: 0 0 130px; }

.dt-video { margin: 0 0 20px; }

#portfolio-tabs { position: relative; }

#portfolio-tabs .pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -80px;
	left: 0;
	background: #39c;
	width: 100%;
}

#portfolio-tabs .pagination li {
	float: left;
	margin: 0;
	background: none;
}

#portfolio-tabs .pagination li a {
	margin: 0;
	padding: 0 20px 2px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border: 1px solid transparent;
	border-bottom: 0;
	height: 40px;
	line-height: 40px;
	background: none;
	display: block;
	opacity: .6;
}

#portfolio-tabs .pagination li.current a {
	background: #fff;
	color: #39c;
	border-color: #39c;
	padding-top: 5px;
	margin-top: -5px;
	opacity: 1;
}

#portfolio-tabs .pagination li a:hover { opacity: 1 !important; }

#portfolio-tabs .post-content { width: 980px; }

#related { margin: 60px 0 0 0; }

#related ul {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
	width: 1008px;
	position: relative;
	z-index: 10;
}

#related li {
	width: 222px;
	margin: 0 30px 30px 0;
	float: left;
}

#related li .hentry {
	border: none;
	margin: 0;
	padding: 0;
}

#related .post-title {
	font-size: 14px;
	font-weight: bold;
}

#related .post-header {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: #eee;
	text-align: center;
}

#related .meta-published span {
	display: block;
	color: #555;
}

#related .meta-published span.month {
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	margin: 5px 0 0 0;
}

#related .meta-published span.day {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

#related .post-wrap {
	float: right;
	width: 168px;
	margin: -5px 0 0 0;
}

#related .featured-image { margin: 0 0 10px 0; }

#related .post-content { margin: 0 0 -10px 0; }


/*---------------------------------------------------------------------------*/
/*  WIDGETS  */
/*---------------------------------------------------------------------------*/

.widget { margin: 0 0 30px; }

#sidebar {
	background: #eee;
	border-top: 2px solid #39c;
	padding-top: 10px;
}

#sidebar .widget { padding: 20px 20px 0; }

#home-widgets .widget {
	margin: 0;
	padding: 0 0 50px;
	background: none;
}

#home-widgets .widget_text { font-family: "Droid Serif", Georgia, serif; }

.widget-title {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

#sidebar .widget-title {
	font-size: 12px;
	padding: 0;
	margin: 0 0 15px;
}

#related .widget-title,
.page-template-template-home-php .widget-title {
	padding: 5px 0;
	margin: 0 0 30px;
	border-top: 2px solid #39C;
	border-bottom: 1px solid #eee;
}

.widget ul {
	margin: 0;
	list-style: none;
}

.widget li { margin-bottom: 10px; }

.widget ul li:last-child { margin-bottom: 0; }

.widget ul ul { margin: 0 0 0 20px; }

/* Info Box */
.boxes {
	list-style: none;
	margin: 0;
}

#sidebar .box {
	width: auto;
	background: #fff;
	margin: 0 0 20px;
}

.box {
	position: relative;
	width: 244px;
	float: left;
	margin: 0 1px 0 0;
	overflow: hidden;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#box4 { margin-right: 0; }

.box-inner {
	padding: 25px 25px 30px;
	text-align: center;
}

.box-inner:hover{
	background: #000 !important;
}
.box-icon {
	margin: 0 0 10px 0;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.box-icon img {
	background: #fff;
	padding: 20px;
	border-radius: 100px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}

.box-title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px 0;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.box-excerpt {
	line-height: 20px;
	color: #888;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.box-excerpt p {
	margin: 0 0 20px 0;
	font-family: "Droid Serif", Georgia, serif;
}

.box a {
	font-weight: bold;
	display: inline-block;
}

.box .box-link {
	font-size: 13px;
	line-height: 1;
	border-radius: 4px;
	color: #fff;
	padding: 9px 15px 10px;
	background: #000;
	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
}

.box a:hover { color: #fff; }

#sidebar .box:hover,
.box:hover { background: #000; }

.box:hover .box-icon {
	position: relative;
    -webkit-animation: moveFromTop 400ms ease;
    -moz-animation: moveFromTop 400ms ease;
    -ms-animation: moveFromTop 400ms ease;
}

.box:hover .box-title {
	position: relative;
    color: #fff;
    -webkit-animation: moveFromTop 300ms ease;
    -moz-animation: moveFromTop 300ms ease;
    -ms-animation: moveFromTop 300ms ease;
}

.box:hover .box-excerpt {
	position: relative;
    color: #fff;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

.box:hover .box-excerpt p {
	color: #fff;
	opacity: .8;
}

.box:hover .box-link {
    color: #39c;
    background: #fff;
}

.box:hover .box-link:hover { color: #000; }

@-webkit-keyframes moveFromTop {
    from {
        top: -600px;
    }
    to {
       	top: auto;
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-600%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-600%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        bottom: -400px;
    }
    to {
       	bottom: auto;
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(400%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(400%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

/* Testimonial */
.testimonial-slider {
	position: relative;
	margin: -20px 0 0;
}

#sidebar .testimonial-slider { margin: 0; }

.testimonial-slider .slides_container { display: none; }

#sidebar .testimonial-slider .slide {
	font-size: 12px;
	padding: 0 20px;
	width: 226px;
}

.testimonial-slider .slide {
	text-align: center;
	padding: 20px 130px;
	width: 720px;
	min-height: 80px;
	overflow: visible;
}

.testimonial-slider .slide p {
	position: relative;
	z-index: 20;
	color: #555;
	background: #eee;
	border-radius: 4px;
	padding: 20px 30px;
	margin: 0;
	font: italic 16px/28px "Droid Serif", Georgia, serif;
}

.testimonial-slider .meta {
	margin: 10px 0 0 0;
	color: #888;
	position: relative;
	z-index: 20;
}

#sidebar .testimonial-slider .meta { font-size: 12px; }

.testimonial-slider .meta a {
	color: #888;
	border-bottom: 1px solid #eee;
}

.testimonial-slider .meta a:hover { color: #39c; }

.testimonial-arrows {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -40px;
}

.testimonial-arrows a {
	font-family: 'WebSymbolsRegular';
	font-size: 36px;
	color: #eee;
}

.testimonial-arrows a:hover { color: #39c; }

.testimonial-arrows .prev {
	float: left;
	margin-left: 30px;
}

.testimonial-arrows .next {
	float: right;
	margin-right: 30px;
}

.testimonial-arrows a.prev:after { content: '<'; }

.testimonial-arrows a.next:before { content: '>'; }


/* Content Slider */
.content-slider {
	position: relative;
	margin: 0 0 10px 0;
}

.content-slider .slides_container {
	width: 725px;
	float: right;
	display: none;
	padding-bottom: 20px;
}

.content-slider .pagination {
	width: 140px;
	padding: 16px 30px;
	float: left;
	background: #39c;
}

.content-slider .pagination li {
	display: block;
	margin: 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
}

.content-slider .pagination a {
	display: block;
	color: #fff;
	position: relative;
	line-height: 40px;
	opacity: .6;
}

.content-slider .pagination li a:hover,
.content-slider .pagination li.current a { opacity: 1; }

.content-slider .pagination li a:before {
	font-family: 'WebSymbolsRegular';
	font-size: 12px;
	padding-right: 5px;
	text-transform: none;
}

.content-slider .pagination li.icon-projects a:before { content: 'D '; }
.content-slider .pagination li.icon-blog a:before { content: 'B '; font-size: 11px; }
.content-slider .pagination li.icon-twitter a:before { content: 't '; font-size: 14px; }

.content-slider .pagination li.current a:after {
	content: ']';
	font-family: 'WebSymbolsRegular';
	font-size: 18px;
	float: right;
	color: #39c;
	margin-right: -40px;
}

.content-slider .slide ul {
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0;
	width: 756px;
	position: relative;
	z-index: 10;
}

.content-slider .slide li {
	width: 222px;
	height: auto;
	margin: 0 30px 0 0;
	float: left;
}

.content-slider .slide li .hentry {
	border: none;
	margin: 0;
	padding: 0;
}

.content-slider .slide .post-title {
	font-size: 16px;
	font-weight: bold;
}

.content-slider .slide .featured-image { margin: 0 0 10px 0; }

.content-slider .slide .post-content { margin: 0 0 -10px 0; }

.content-slider .visit-wrap {
	position: absolute;
	bottom: -20px;
	right: 0;
	z-index: 20;
}

.more-link {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	float: left;
}

.ie7 .follow-me,
.ie7 .content-slider .visit,
.ie7 .more-link {
	float: right;
	position: relative;
	padding-right: 15px;
}

a.more-link,
a.follow-me,
.content-slider a.visit {
	display: inline-block;
	margin: 0 33px 0 0;
	padding: 2px 8px 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: white;
	background: #39C;
	border-radius: 4px;
}

.visit-wrap a:hover { box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1); }

/* Callout Box */
.callout-box {
	background: #eee;
	padding: 30px;
}

.callout-box.no-link .callout-excerpt {
	width: auto;
	background: none;
	float: none;
}

.callout-box.no-link .callout-excerpt p { padding: 0; }

#sidebar .DT_Callout {
	padding: 0;
	background: none;
	color: #444;
}

#sidebar .callout-excerpt {
	width: auto;
	float: none;
	background: none;
}

.callout-excerpt {
	width: 80%;
	float: left;
}

.callout-excerpt p {
	margin: 0;
	padding-right: 20px;
}

#sidebar .callout-link {
	width: auto;
	float: none;
	margin: 20px 0 0 0;
}

.callout-link {
	float: right;
	width: 20%;
	margin: 5px 0;
}

.callout-link a { margin: 0 0 0 30px; }

#sidebar .callout-link a { margin: 0; }

a.button-arrow {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	background: #39c;
	padding: 9px 15px 10px;
	border-radius: 4px;
	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
	color: #fff;
}

a.button-arrow:hover {
	background: #39c;
	color: #fff;
	box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1);
}

.callout-box a.button-arrow { float: right; }

a.button-arrow:after {
	content: ' >';
	font-family: 'WebSymbolsRegular';
	color: #fff;
	padding-left: 5px;
	opacity: .6;
}

/* eNews */
#sidebar .enews { background: none; }

.enews { background: #eee; }

.enews-excerpt {
	float: left;
	width: 48%;
}

#sidebar .enews-excerpt p,
#sidebar .enews-excerpt {
	width: auto;
	float: none;
	padding: 0;
}

.enews-excerpt p {
	padding: 30px;
	padding-right: 0;
}

.enews-excerpt p:last-child { margin: 0; }

.enews-form {
	float: right;
	width: 48%;
	text-align: right;
}

#sidebar .enews-form {
	width: auto;
	float: none;
	margin-top: 20px;
}

.enews-form form { padding: 30px; }

#sidebar .enews-form form { padding: 0; }

.ie7 input[type="text"] {
	padding-bottom: 15px;
	margin-top: -2px;
}

.ie8 input[type="text"] {
	padding-bottom: 15px;
	margin-top: -3px;
}

#sidebar .enews-form input[type="text"] { width: 160px; }

textarea,
input[type="text"] {
	padding: 9px 10px 8px;
	border-radius: 4px;
	margin: 0 5px 0 0;
	border: none;
	width: 70%;
	color: #888;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	float: left;
	outline: none;
	box-shadow: 0 0 1px rgba(0, 0, 0, .5), inset 0 5px 5px rgba(0, 0, 0, .05);
}

.search-form input[type="text"] {
	width: 246px;
	text-align: left;
}

.search-form .submit { display: none; }

.ie7 .submit {
	height: 33px;
	width: 75px;
	font-size: 11px;
}

.submit {
	display: block;
	border: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	margin: 0 !important;
	position: relative;
	float: right;
	background: #39c;
	padding: 9px 15px 10px;
	border-radius: 4px;
	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
	color: #fff;
}

.submit:hover {
	background: #39c;
	color: #fff;
	box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1);
}

.center { text-align: center; }

/* Calendar */
#wp-calendar,
#wp-calendar th { text-align: center; }

/* search */
.widget .s { width: 308px; }

/* tagcloud */
.tagcloud a { font-size: 12px !important; }

/* DT_Search */
.DT_Search .submit {
    width: 58px;
    float: right;
    background: #fff;
}
.DT_Search input { width: 240px }

/* DT_Flickr */
.DT_Flickr { padding-bottom: 10px; }
.DT_Flickr .flickr_badge_image {
	float: left;
	margin: 0 20px 15px 0;
}
#sidebar .DT_Flickr .flickr_badge_image:nth-child(3n) { margin-right: 0; }

/* DT_About_Me */
.about-me-image {
    float: left;
    margin: 0 15px 0 0;
}

.about-me-link { display: block }

/* DT_Recent_Comments */
.DT_Recent_Comments li {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #eee;
}
.DT_Recent_Comments li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}
.DT_Recent_Comments img {
    float: left;
    margin: 0 15px 0 0;
}
.DT_Recent_Comments .author { font-weight: bold; }
.DT_Recent_Comments .entry-byline {
    display: block;
    font-size: 11px;
    margin: 13px 0 0 0;
}

/* DT_Get_Posts, DT_Related_Posts */
.DT_Get_Posts li,
.DT_Related_Posts li {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #eee;
}
.DT_Get_Posts img,
.DT_Related_Posts img {
    float: left;
    margin: 0 15px 0 0;
}
.DT_Get_Posts .post-title,
.DT_Related_Posts .post-title {
    font-size: 13px;
    margin: 0;
}

/* DT_Twitter */
.DT_Twitter li {
    list-style: none;
    margin: 0 30px 20px 0;
}
.DT_Twitter li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}
.DT_Twitter span a { display: inline; }

/* DT_Social, DT_Subscribe_Follow */
.DT_Subscribe_Follow li,
.DT_Social li { list-style: none }

.widget li.delicious a { background: url(engine/images/icons/delicious-24.png) no-repeat }
.widget li.digg a { background: url(engine/images/icons/digg-24.png) no-repeat }
.widget li.email a { background: url(engine/images/icons/email-24.png) no-repeat }
.widget li.facebook a { background: url(engine/images/icons/facebook-24.png) no-repeat }
.widget li.google-buzz a { background: url(engine/images/icons/google-buzz-24.png) no-repeat }
.widget li.rss a { background: url(engine/images/icons/rss-24.png) no-repeat }
.widget li.stumbleupon a { background: url(engine/images/icons/stumbleupon-24.png) no-repeat }
.widget li.twitter a { background: url(engine/images/icons/twitter-24.png) no-repeat }

.DT_Social li,
.DT_Subscribe_Follow li { margin-bottom: 10px; }

.DT_Social li a,
.DT_Subscribe_Follow li a {
    display: inline-block;
    line-height: 24px;
    font-size: 16px;
}

ul.icons-text li a { padding-left: 34px; }

ul.text-only li a { background: none !important; }

ul.icons-only li {
    width: 24px;
    float: left;
    margin-right: 10px;
}

ul.icons-only li a {
    width: 24px;
    height: 24px;
}

ul.icons-only li a:hover { text-decoration: none; }

ul.icons-only .text { visibility: hidden }

ul.checks {
	list-style: none;
	line-height: 2;
}
ul.checks li:before {
	content: '. ';
	font-family: 'WebSymbolsRegular';
	padding-right: 5px;
	opacity: .6;
}


/*---------------------------------------------------------------------------*/
/*  FOOTER  */
/*---------------------------------------------------------------------------*/

#footer-widgets { padding: 20px 0; }

#footer-widgets .widget { background: none; }

#footer-widgets ul {
	list-style: none;
	padding-bottom: 3px;
}

#footer-widgets ul ul {
	margin: 0;
	padding: 10px 0 0 0;
}

#footer-widgets li { margin-bottom: 10px; }

#footer-widgets .button {
	display: block;
	text-decoration: none;
	font-weight: normal;
	line-height: inherit;
	padding: 0;
	border: none;
}

#footer-widgets .col.first .widget-inside {
	background: none;
	margin: 0;
	padding: 0;
}

#footer-widgets .widget-inside { margin-left: 30px; }

#footer-widgets .widget-title {
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	background: none;
	opacity: .6;
	border: 0;
}

#footer-widgets .col.first { width: 474px; }

#footer-widgets .col {
	float: left;
	width: 168px;
}

#footer {
    padding: 30px 0;
    margin: 0 auto;
    width: 980px;
    color: #fff;
}

#footer a {
	color: #fff;
	font-weight: bold;
}

#footer a:hover { color: #333; }

#footer .button {
	font-weight: bold;
	display: inline-block;
	line-height: 1;
	border-radius: 4px;
	color: #39c !important;
	padding: 9px 15px 10px;
	background: #fff;
	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
}

#footer .button:hover { box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1); }

#site-info {
	text-align: right;
	text-transform: uppercase;
	opacity: .6;
	font-size: 11px;
}


/*---------------------------------------------------------------------------*/
/*  EXTRAS  */
/*---------------------------------------------------------------------------*/

a.button {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    padding: 9px 15px 10px !important;
    border-radius: 4px !important;
    box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1) !important;
    color: #333;
    border: 0 !important;
    text-shadow: none !important;
}

a.button:hover {
    background: #39c;
    color: #fff;
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1) !important;
}

a.button.white { background: #f9f9f9 }

a.button.white:hover { background: #efefef }

a.button.grey { background: #cacaca }

a.button.grey:hover { background: #bcbcbc }

a.button.yellow {
    background: #feda71;
    color: #963 !important;
}

a.button.yellow:hover { background: #fec354 }

a.button.green {
    background: #cae285;
    color: #5d7731 !important;
}

a.button.green:hover { background: #b8d872 }

a.button.blue {
    background: #39c;
    color: #fff !important;
}

a.button.blue:hover { background: #39c }

a.button.black {
    background: #5e5e5e;
    color: #fff !important;
}

a.button.black:hover { background: #5A5A5A }

.tabber ul.tabs { border-left: 0 }

.tabber .tabs a {
    border-radius: 4px 4px 0 0;
    border: 0;
    margin-right: 1px;
    background: transparent;
}

.tabber .tabs a.current {
    border: 1px solid #ddd;
    border-bottom-color: #fff;
}

.tabber .panes { border-radius: 0 0 4px 4px }

.accordion { border-radius: 0 0 4px 4px }

.accordion .trigger:first-child,
.accordion .pane:first-child { border-radius: 4px 4px 0 0 }

.accordion .trigger:last-child,
.accordion .pane:last-child { border-radius: 0 0 4px 4px }

.accordion .trigger.current:last-child { border-radius: 0 }

.toggle { border-radius: 4px }

.toggle .trigger { border-radius: 4px 4px 0 0 }



ul.attorneys
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

ul.attorneys li
{
    float: left;
    height: 22px;
    background: url(images/attorney_list_bullet.png) no-repeat left center;
    padding-left: 60px;
    width: 400px;
    margin: 5px 0 5px 0;
}

ul.attorneys li a
{
    color: #fff;
    font-size: 15px;
    font-weight: normal !important;
    text-transform: uppercase;
    width: 410px;
    text-align: left;
}

ul.attorneys li a:hover
{
    color: #02b3b0;
}

.motto
{
    float: left;
    margin-top: 20px;
    color: #919191;
    text-transform: uppercase;
    font-size: 31px;
    line-height: 33px;
	text-align:center;
}

.motto strong
{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.textwidget
{
    text-align: center;
    padding: 0 30px;
}

div.general_page
{
    width: auto !important;
    text-align: justify;
}

#secondary-menu a {
	font-weight: normal;
	font-size: 10px;
}

#secondary-menu a:hover {
	color: #00BAB7;
}

#secondary-menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#secondary-menu ul li {
	float: left;
	margin-right: 10px;
}

.home-slider ul.pagination {
	display: none;
}


.attorney_info {
	margin-bottom: 30px;
}

.attorney_image, .attorney_contact {
	display: block;
	float: left;
}

.attorney_image img {
	border: 5px solid #bfbfbf;
}

.attorney_image {
	margin-right: 20px;
}

.attorney_name {
	font-size: 30px;
	margin-top: 0px;
	text-transform: uppercase;
}

.attorney_type {
	font-size: 20px;
	color: #00d7d4;
	text-transform: uppercase;
}

div.post_c {
	background-color: #111;
	padding: 50px;
	font-weight: normal;
}

.attorney_email a {
	font-size: 18px;
	color: #ccc;
}

.attorney_email a:hover {
	color: #00d7d4;
}

.post_c h2 {
	border-top: 2px solid #fff;
	padding-top: 20px;
}

.post_c h2:first-child {
	border-top: none;
	padding-top: 0px;
}
.category-locations a:hover{
	color: #fff;
}
/*
.left{
	float:left;
	width:354px;

	}
.right{
	float:right;
	width:354px;

	}
.radiogroup{
	list-style:none;
	clear:both;

	}
*/

#referral {
	margin: 0px;
	padding: 0px;
}

#referral label{
	width: 370px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
	margin-top: 5px;
	min-height: 20px;
	padding: 9px 10px 8px 0px;
	text-align: right;
}

#referral input, #referral textarea, #referral select{
	margin: 0px;
	width: 580px;
	border: none;
	float: right;
	margin-top: 5px;
	height: 20px;
	text-align: left;
	line-height: 1;
}

#referral select {
	width: 580px;
	font-size: 13px;
	border: medium none;
    border-radius: 4px 4px 4px 4px;
    vertical-align: middle;
    box-sizing: content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    padding: 9px 10px 8px;
    color: #888888;

}

#referral input[type="radio"], #referral input[type="checkbox"] {
	margin-top: 14px;
	height: 20px;
	width: 20px;
	float: left;
}

#referral textarea {
	height: 150px;
}

#referral h2, #referral h3 {
	margin: 0px;
	font-size: 20px;
	margin-top: 20px;
}

#referral h3:first-child{
	margin-top: 0;
}

#referral label {
	cursor: default;
}

#referral input[type="submit"], #referral input[type="button"] {
	width: auto;
	float: none;
	height: 20px;
	line-height: 20px;
	padding: 5px;
		border: medium none;
    border-radius: 4px 4px 4px 4px;
}

.mid-size, ul.mid-size
{
    width: 350px !important;
}

#map_canvas
{
    width: 628px !important;
    height: 500px;
    float: left;
    color: #000;
}

.location_container {
	width:200px;
	float:left;
}
.attorney_list {
	margin-top:15px;
	width:175px;
}
.attorney_list ul {
	margin:5px 0px 15px 0px;
	padding:0px;
	list-style:none;
}
.attorney_list ul li {
	padding:0px 0px 0px 10px;
	margin:0px;
}
.attorney_list div.heading {
	padding:0px;
	margin:0px 0px 3px 0px;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom:2px solid #FFF;
}
.location_container div.attorney_cert {
	font-size:10px !important;
}
div.note {
	color:#fff;
	text-align:center;
	padding-top:20px;
	text-transform: italic;
}
div.attorney_cert{
	color:#CCC;
	font-size:18px;
}

/*
================================
 New Location Pages - AT 11/12
================================
*/
div#sgvb_location {
	padding:0px 20px;
}
div#sgvb_location div.office_photo {
	width: 400px;
	float:left;
	margin-right:20px;
}
div#sgvb_location img {
	width:400px;
	border: 2px solid #FFF;
}
div#sgvb_location div.title {
	font-weight:bold;
	color:#FFF;
}
div#sgvb_location div.address {
	float:left;
	font-size:14px;
	padding-right:25px;
	color:#CCC;
}
div#sgvb_location div.attorney_listing {
	float:left;
	width:250px;
	padding-left:25px;
	border-left:1px solid #666;
}
div#sgvb_location div.attorney_listing ul {
	list-style: none;
}
div#sgvb_location div.attorney_listing a:hover {
	color:#fff;
}
div#sgvb_location div.attorney_listing h4, div#sgvb_location div.attorney_listing div.heading {
	padding:0px;
	margin:0px 0px 3px 0px;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom:2px solid #FFF;	
}
div#sgvb_location div.note_text {
	font-size:10px;
	font-style:italic;
	color:#ccc;
}
div#sgvb_location div.map_it {
	line-height: 34px;
}
div#sgvb_location div.map_it a:hover {
	color:#FFF;
}
div#sgvb_location div.map_it img {
	width:101px !important;
	border:0px !important;
	float:left;
	padding-right:5px;
}

/* CONTACT FORM OVERRIDE */
div.contact_address {
	float:left;
}
div.contact_address h4, div.contact_us h4 {
	text-transform: uppercase;
	font-size:16px;
	padding-bottom:2px;
	border-bottom: 2px solid white;
	margin-bottom:10px;
}
div.contact_us {
	width:525px;
	float:left;
	margin-left:50px;
	padding-left:50px;
	border-left:1px solid #CCC;
}
div.contact_us div.contact {
	width:500px;
}
div.contact_us input[type="text"], div.contact_us textarea {
	width:100%;
	margin-bottom:20px;
	text-align:left;
}
.readonly {
	background-color:#e4e4e4 !important;
}
div.contact_us div.name {
	width:230px;
	margin-right:20px;
	float:left;
}
div.contact_us div.email {
	width:230px;
	margin-left:20px;
	float:left;
}
div.contact_us label {
	margin:0px 0px 3px 0px;
}
div.contact_us input[type="submit"], #calc-login input[type='submit'], button#calc-go, button#calc-wait {
	background:#00BAB7;
	border:0px;
	font-size:13px;
	padding:10px 5px;
	border-radius:4px;
	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
	color:#FFF;
}
div.contact_us div.success_msg {
	display:none;
	margin:10px auto 20px auto;
	font-size:14px;
	background-color:#CCEFD4;
	color:#00A208;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;	
}
div.contact .error {
	background-color:#EFCCCC !important;
	color:#A20000 !important;
	border:1px solid #A20000 !important;
}
div.error_msg {
	font-size: 14px;
	padding: 5px 0px;
	margin-bottom: 10px;
	text-align: center;
	display:none;
	background-color:#EFCCCC !important;
	color:#A20000 !important;
	border:1px solid #A20000 !important;
}
.recaptchatable {
    background-color:#FFF;
}
div.practice_areas {
	margin:0px 20px;
}
div.practice_areas p {
	margin-bottom:0px;
}
div.practice_areas div.headings {
	font-size:20px;
	background:url('images/attorney_list_bullet.png') no-repeat left center;
	padding-left:52px;
	padding-top:0px;
}
div.practice_areas div.container {
	padding-left:52px;
	margin-bottom:20px;
}



    #slides {
      display: none;
      margin:50px 5px;
      width:980px !important;
    }

    div.slidesjs-container {
    	border:5px solid white;
    	width:969px !important;
    }

    img.slidesjs-slide {
    	max-width:969px;
    	min-height:394px;
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(/wp-content/themes/method/images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/wp-content/themes/method/images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    #newsletter-loading {
    	margin: 0px auto;
    	/*background-color: #eaeaea;
    	border: 4px solid #CCCCCC;*/
    	width:400px;
    	padding:20px;
    	text-align:center;
    }

    /*=================================
    		Calculator Login
	=================================*/
	#calc-login {
		width:200px;
		margin:20px auto;
		/**background:#333;**/
		padding:20px;
		color:#fff;
		border: 1px solid #ccc;
		float:right;
		margin-right:175px;
	}
	#calc-login input[type='text'], #calc-login input[type='password'] {
		text-align:left;
		width:90%;
	}
	#calc-login p.login-username, #calc-login p.login-password {
		font-size:16px;
		height:50px;
		margin-bottom:20px;
	}
	#calc-login p.login-submit {
		margin:0px;
	}
	#calc-login label {
		font-size:14px;
	}
	#calc-login .login-remember label {
		font-size:12px;
	}
	.fright {
		float:right;
	}
	.fleft {
		float:left;
	}
	.fclear {
		clear:both;
	}
	#calc-desc {
		margin:20px 100px 20px 20px;
		width:438px;
		font-size:14px;
		line-height: 25px;
		padding-top:20px;
	}
	.calc-title {
		font-size:22px;
		color:#00bab7;
	}
	#calc-show-link {
		text-align: center;
		margin-top: 30px;
		font-size:16px;
	}
	#calc-show-link button {
		font-size:16px;
		width:275px;
	}
	#calc-wait {
		display:none;
	}
    #homepage_text {
        float:left;
        width:80%;
        padding-right:40px;
    }
    #homepage_banner {
        float:right;
        width:20%;
        text-align:right;
    }
    #homepage_clear {
        clear:both;
        height:50px;
    }
    home_subtitle_body {
        padding: 0px !important;
    }

    .news-left{
        width:15%;
        font-size:10pt;
        float:left;
    }
    .news-left .title {
        padding:5px;
        background-color:#000;
        color:#FFF;
        font-size:13pt;
        text-decoration: none;
    }
    .news-left a {
        color:#FFF;
        text-decoration: none;
    }
    .news-left a:hover {
        color:#00BAB7;
    }
    .news-left ul {
        list-style-type: none;
        margin:0px;
        padding-left:15px;
    }
    .news-left ul li {
        margin:0px;
        padding:10px 0px 0px 0px;
    }
    .news-right {
        float:left;
        width: 85%;
    }
    .news .news-item {
        padding-bottom:20px;
        border-bottom: 1px solid #fff;
        margin-bottom:20px;
    }

/* ============================================================
CUSTOM PAGINATION
============================================================ */
.custom-pagination {
    text-align:center;
    margin-top:20px;
}
.custom-pagination span,
.custom-pagination a {
    display: inline-block;
    padding: 2px 10px;
}
.custom-pagination a {
    background-color: #ebebeb;
    color: #000;
}
.custom-pagination a:hover {
    background-color: #00d7d4;
    color: #fff;
}
.custom-pagination span.page-num {
    margin-right: 10px;
    padding: 0;
}
.custom-pagination span.dots {
    padding: 0;
    color: gainsboro;
}
.custom-pagination span.current {
    background-color: #00d7d4;
    color: #fff;
}

.news-container {
    margin:0px 20px;
}
.news-container div.date{
    margin-bottom:5px;
    font-style: italic;
    color:#999;
    padding-left:5px;
}
div.endofarticle {
    padding-top:20px;
    margin-bottom:20px;
    /*border-bottom:1px solid #999;*/
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
