/*-----------------------------------------------------------------------------------

	Theme Name: Kandoo Premium
	Author: Creative Covered
	Version: 1.0


-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  Preloader Styles
/*-----------------------------------------------------------------------------------*/

div#preloaded-images {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}
/*-----------------------------------------------------------------------------------*/
/*  *General Site Styles
/*-----------------------------------------------------------------------------------*/

/* #General Wordpress Styles
================================================== */

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    text-align:center;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 15px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
em {
    font-style:italic;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}
.wp-caption p.wp-caption-text, .gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:5px 4px 0;
}
blockquote {
    quotes: "\201c" "\201d" "\2018" "\2019";
    padding-left:20px;
    border-left:1px solid #dcdcdc;
    font-style:italic;
    margin:0px 0 20px 10px;
    line-height:18px;
    font-size:12px;
}
.sticky {
    /*This theme doesn't use sticky posts */
}

.bypostauthor {
    border:3px;
}

/* #General Theme Styles
================================================== */

img.scale-with-grid {
    width: 100% !important;
  
}
.alert { /* For Non-Javascript Enabled Browsers */
    background: #ffffff;
    text-align: center;
    padding: 5px 0px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    opacity: .9;
}
.alert p {
    font-size:24px;
    color:#666;
    position:absolute;
    top:50%;
    width:100%;
    text-align:center;
    margin-left:-30px;
    margin-top:-18px;
}
html, body {
    height:auto;
}
.mainbody {
    z-index:1;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.alignright {
    float:right;
}
.alignleft {
    float:left;
}
strong {
    font-weight:bold;
}
.nomargin {
    margin:0;
}
.divider.nomargin {
    height:1px;
    margin: 0 0 20px 0;
}
/*.button, a.button, a.more-link {*/
    /*background-color: #222;*/
    /*color: #FFF;*/
    /*cursor: pointer;*/
    /*display: inline-block;*/
    /*font-style: normal;*/
    /*font-weight: bold;*/
    /*letter-spacing: normal;*/
    /*line-height: 1;*/
    /*padding: 8px 10px 9px;*/
    /*position: relative;*/
    /*text-decoration: none;*/
    /*font-size:10px;*/
    /*-moz-transition:all 0.3s ease 0s;*/
    /*-webkit-transition:all 0.3s ease 0s;*/
    /*-o-transition:all 0.3s ease 0s;*/
    /*transition:all 0.3s ease 0s;*/
    /*-moz-transition: all 0.3s ease 0s;*/
    /*border:none;*/
/*}*/
.button:hover, a.button:hover, a.more-link:hover {
    color:#fff;
}
.button.custom:hover, a.button.custom:hover {
    background:#222 !important;
}
a.more-link, a.button, .button {
    margin-top:10px;
}
.lightboxhover h1, .lightboxhover h2, .lightboxhover h3, .lightboxhover h4, .lightboxhover h5, .lightboxhover h6, .lightboxhover p {
    padding-top:8px;
}
.pp_description {
    display:none !important;
}
.widget ul li {
    list-style-type:none;
    margin-left:auto;
    margin-bottom:0;
}

/* #Button Sizes
================================================== */

.button.small {
    font-size:10px;
}
.button.medium {
    font-size:12px;
    padding: 10px 12px 11px;
}
.button.large {
    font-size:14px;
    padding: 12px 14px 13px;
}
.button.huge {
    font-size:18px;
    padding: 14px 16px 15px;
}

/* #Button Colors
================================================== */

.button.red {
    background:#C60108;
}
.button.orange {
    background:#E97F02;
}
.button.yellow {
    background:#ECBA09;
}
.button.green {
    background:#8FBE00;
}
.button.blue {
    background:#00A8C6;
}
.button.purple {
    background:#490A3D;
}
.button.purple:hover, .button.blue:hover, .button.green:hover, .button.yellow:hover, .button.orange:hover, .button.red:hover {
    background:#222;
}


/* #Text Boxes
================================================== */

input#s {
    padding:10px;
    border-style:solid;
    border-width:1px;
    font-size:10px;
    width:90%;
    max-width:300px;
    margin:0;
}

/* #Divider Styling
================================================== */

.divider {
    margin:10px 0 40px 0;
    text-align:center;
    border-bottom-style:solid;
    border-bottom-width:1px;
    height: 6px;
}
.divider.slim {
    margin:0 0 20px 0;
}
.divider span {
    background:#222;
    padding:5px 10px;
    color:#fff;
    height:12px;
    margin-bottom:-10px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}

#top_panel .divider span, #footer .divider span {
    background:#fff;
    color:#222;
}
/*-----------------------------------------------------------------------------------*/
/*	*Lists, Etc.
/*-----------------------------------------------------------------------------------*/

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

/*-----------------------------------------------------------------------------------*/
/*  *Dropdown Navigation
/*-----------------------------------------------------------------------------------*/

/* #Essential Styles
================================================== */
.sf-menu, .sf-menu * {
    margin:			0;
    padding:		0;
    list-style:		none;
    font-size: 12px;
    z-index:10;
}
.sf-menu {
    line-height:	1.0;
}
.sf-menu ul {
    position:		absolute;
    top:			-999em;
    width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:			100%;
}
.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:			left;
    position:		relative;
}
.sf-menu a {
    display:		block;
    position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left:			0;
    top:			2.5em; /* match top ul list item height */
    z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 10.8em;
    top: -10px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left:			10em; /* match ul width */
    top:			0;
}
.sub-menu {
    z-index:3;
}
#footer ul.sub-menu {
    background:none;
}

/* #Basic Menu Layout
================================================== */

.sf-menu {
    float:			left;
    margin-bottom:	30px;
}
.sf-menu a {
    padding: 		.75em 1em;
    text-decoration:none;
    padding-left:0;
}

.sf-menu li ul, .sf-menu li li ul {
    border-style:solid;
    border-width:1px;
}
.sf-menu li li a, .sf-menu li li a:visited {
    padding-left:1.25em;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline:		0;
}

.sf-menu ul li a {
    padding: 15px 15px;
    border-bottom-style: dotted;
    border-bottom-width:1px;
    margin:0;
}

/* #Menu Arrows
================================================== */

.sf-menu a.sf-with-ul {
    padding-right: 	2.25em;
    min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:		absolute;
    display:		block;
    right:			.75em;
    top:			1.05em; /* IE6 only */
    width:			10px;
    height:			10px;
    text-indent: 	-999em;
    overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:			.8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
.sf-menu li li a .sf-sub-indicator {
    top:			1em;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position:  -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
    background-position:  0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
    width:	100%;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
    left:	100%; /* match ul width */
    top:	0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
    background-position: -10px 0;
} /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
    background-position: 0 0;
} /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/* #Navigation Styles
================================================== */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:			0;
    padding:		0;
    list-style:		none;
    z-index:10;
}
.sf-menu {
    line-height:	1.0;
}
.sf-menu ul {
    position:		absolute;
    top:			-999em;
    width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li, .sf-menu ul li li {
    width:			100%;
    font-size:12px;
}


.sf-menu ul li:last-child a {
    border-bottom:none;
}

.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:			left;
    position:		relative;
}
.sf-menu a {
    display:		block;
    position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left:			0;
    top:			5em; /* match top ul list item height */
    z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left:			10em; /* match ul width */
    top:			0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left:			10em; /* match ul width */
    top:			0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:  2.25em;
    min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:       absolute;
    display:        block;
    right:          .75em;
    top:            1.05em; /* IE6 only */
    width:          10px;
    height:         15px;
    text-indent:    -999em;
    overflow:       hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            1em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position:  -12px 0;
}
.sf-menu ul a > .sf-sub-indicator {
    background-position:  0 5px;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 5px; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
/*** NAVIGATION SKIN ***/
.sf-menu {
    float:			right;
}
.sf-menu a {
    padding: 		 .75em 1em 32px 1em;
    margin:0px 1px;
    text-decoration:none;
}

.sf-menu ul li {
    font-weight:normal;
}
.sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active {
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    text-shadow:none;
}
.sf-menu ul li:last-child li a {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: gainsboro;
}
.sf-menu ul li li:last-child a {
    border-bottom:none;
}
.navcontainer {
    z-index:10;
}
/*-----------------------------------------------------------------------------------*/
/*  *Typography
/*-----------------------------------------------------------------------------------*/

/* #Site Wide Typography
================================================== */
p a, a {
    text-decoration:none;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
h2 {
    margin:0;
    padding:0;
    font-size: 35px;
    line-height: 36px;
    margin-bottom:10px;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
h3 {
    margin:0;
    padding:0;
    font-size: 24px;
    line-height: 25px;
    margin-bottom:20px;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
h4 {
    margin:0;
    padding:0;
    font-size: 14px;
    font-weight:bold;
    line-height: 16px;
    margin-bottom:16px;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
h5 {
    margin:0;
    padding:0;
    font-size: 12px;
    font-weight:bold;
    line-height: 14px;
    margin-bottom:12px;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

/* #Site Wide Specifics
================================================== */

p img {
    margin: 0;
}
p.lead {
    font-size: 21px;
    line-height: 27px;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
small {
    font-size: 80%;
}

/* #Blockquotes
================================================== */

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left-size: 1px;
    border-left-style:solid;
}
blockquote cite {
    display: block;
    font-size: 12px;
}
blockquote cite:before {
    content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
    color: #555;
}
hr {
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    margin: 0 0 20px 0;
    padding:0;
    height: 1;
}

/*-----------------------------------------------------------------------------------*/
/*  *Header, Logo and Navigation
/*-----------------------------------------------------------------------------------*/

/* #Intro
================================================== */
.intro {
    padding-bottom:25px;
    padding-top:30px;
    z-index:1; /*Stupid ie7 */
}
.intro h2 {
    font-weight:normal;
    z-index:1; /*Stupid ie7 */
    font-size: 45px;
    line-height: 48px;
}

/* #Basic Navigation
================================================== */

#nav {
    list-style-type:none;
}
#nav li {
    display:block;
    float:left;
    margin-right:10px;
    margin-top:10px;
}

/*-----------------------------------------------------------------------------------*/
/*  *Tooltips
/*-----------------------------------------------------------------------------------*/

.tooltip img {
    border:none;
}
.tooltip a:link, .tooltip a:visited {
    position:relative;
    text-decoration:none;
}
.tooltip {
    font-size:10px;
    width:150px;
    position:absolute;
    bottom:100%;
    margin:0 0 18px 0; /*25px for ie */
    padding:15px;
    cursor:default;
    display:block;
    visibility:hidden;
    text-align:left;
    text-decoration:none;
    text-shadow:none;
    line-height:1.5;
    opacity:0;
    z-index:999;
    transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
}
.tooltip:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #222;
    border: 0 solid rgba(0,0,0,.9);
    border-bottom: 14px solid transparent;
    width: 100%;
}
.tooltip:before {
    content: "";
    position: absolute !important;
    border: 0 solid #222;
    border: 0 solid rgba(0,0,0,.9);
    bottom: -14px;
    z-index: 100;
}
.tooltip.left:after {
    border-left-width: 14px;
    left: 0;
}
.tooltip.right {
    left:-155px;
}

.tooltip.right:after {
    border-right-width: 14px;
    right: 0;
}
.tooltip.center {
    border-radius: 5px;
}
.tooltip.center:after {
    border-left-width: 10px;
    width: 50%;
    left: 50%;
}
.tooltip.center:before {
    border-right-width: 10px;
    border-bottom: 14px solid transparent;
    width: 50%;
    right: 50%;
}

/* #Tooltip Hover CSS3 effects (with fallback)
================================================== */

a:hover .tooltip {
    text-decoration:none;
    visibility:visible;
    opacity:1;
    -moz-transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.tooltip.black {
    color:#fff;
    background:#000;
}

/* #Other Bubbles
================================================== */

.widget li.recentcomments, .darkbubble, .lightbubble {
    font-size:12px;
    width:auto;
    position:relative;
    bottom:100%;
    margin:0 0 26px 0; /*25px for ie */
    padding:12px;
    cursor:default;
    display:block;
    visibility:visible;
    text-align:left;
    text-decoration:none;
    text-shadow:none;
    line-height:1.5;
    opacity:1;
    z-index:1;
    left:auto;
    transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
}

.darkbubble{
    color:#fff !important;
}
.darkbubble:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border-bottom: 14px solid transparent;
    width: 100%;
    border-right-width: 14px;
    right: 0;
}

.darkbubble p, .darkbubble p a {
    font-size:10px;
    color:#fff;
    margin:0;
}

.darkbubble:before {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
}

.lightbubble {
    background:#e3e3e3;
    background:rgba(0,0,0,.05);
    color:#222 !important;
}

.lightbubble:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #e3e3e3;
    border: 0 solid rgba(0,0,0,.05);
    border-bottom: 14px solid transparent;
    width: 100%;
    border-right-width: 14px;
    right: 0;
}


.darkbubble.left:after, .lightbubble.left:after {
    border-left-width: 14px;
    left: 0;
    border-right-width:0;
}

#footer .widget li.recentcomments {
    background:#111;
    background:rgba(0,0,0,.25);
    color:#fff !important;
}

.widget li.recentcomments:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border-bottom: 14px solid transparent;
    width: 100%;
    border-left-width: 14px;
    left: 0;
}
.widget li.recentcomments:before {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
}
#footer .widget li.recentcomments:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #111;
    border: 0 solid rgba(0,0,0,.25);
    border-bottom: 14px solid transparent;
    width: 100%;
    border-left-width: 14px;
    left: 0;
}
#footer .widget li.recentcomments:before {
    content: "";
    position: absolute !important;
    border: 0 solid #111;
    border: 0 solid rgba(0,0,0,.25);
    bottom: -14px;
    z-index: 100;
}

/*-----------------------------------------------------------------------------------*/
/*  *Page Styling
/*-----------------------------------------------------------------------------------*/

.pagename {
    padding-bottom:24px;
    padding-top:10px;
}
.pagename h1,
.pagename h2,
.pagename h3 {
    margin-bottom:8px;
    font-weight:normal;
    font-size: 24px;
    line-height: 25px;
}
.pagename h1 {
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    margin: auto;
    text-align: center;
}
.content {
    padding-top:30px;
    /*
        border-top-width:1px;
    border-top-style:solid;
        */
}
.contentwrap {
    margin-bottom:30px;
}

/*-----------------------------------------------------------------------------------*/
/*  *Blog Styling
/*-----------------------------------------------------------------------------------*/

.blogpost {
    padding-top:30px;
    border-top-width:1px;
    border-top-style:solid;
    position:relative;
    display:block; /* For stupid ie7 */
}
.blogwrap {
    margin-bottom:30px;
}
h5.tags {
    margin-bottom: 20px;
    font-weight: normal;
    color:#666;
}
.edit-post {
    float:right;
}
.blogpost h3.blogtitle, .blogpost h3.blogtitle a {
    margin: 0 0 20px;
    text-decoration:none;
    line-height:28px;
    font-weight:normal;
}
.blogpost .featuredimage {
    margin:10px 0;
}
.blogpost.portfolio .featuredimage {
    margin:0 0 20px 0;
}
.blogpost.portfolio h1,
.blogpost.portfolio h2,
.blogpost h2.blogtitle,
.blogpost h2.blogtitle a,
.blogpost h1.blogtitle,
.blogpost h1.blogtitle a {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 22px;
}
.blogpost.portfolio h1,
.blogpost.portfolio h2 {
    margin-bottom:15px;
}
.darkbubble.date h3{
    color:#fff;
    display:block;
    float:left;
    margin-right:5px;
    margin-bottom:0;
}
.darkbubble.date p{
    font-size:10px;
    line-height:10px;
    color:#999;
    padding-top:3px;
    margin-bottom:5px;
    display:block;
    float:left;
}
.blogpost .smalldetails {
    font-size:10px;
    text-align:right;
    margin-bottom:0;
}
.darkbubble p.smalldetails, .darkbubble p.smalldetails a {
    color:#fff;
}
.blogpost .tags {
    margin-top:20px;
}
.mobiledetails {
    display:none;
}
.mobiledetails p, .mobiledetails p a {
    font-size:10px;
}
.fulldetails {
    display:block;
}
.fulldetails .darkbubble {
    margin-bottom:18px;
}
.homeblogitem {
    margin-bottom:30px;
}
.homeblogimage {
    margin-bottom:10px;
}

/*-----------------------------------------------------------------------------------*/
/*	*Blog Comments
/*-----------------------------------------------------------------------------------*/

/* #Comments
================================================== */

.commentsheader {
    width:auto;
    padding-top:25px;
    border-top:#dcdcdc 1px solid;
}
.comment {
    width:auto;
}
.singlecomment {
    padding: 30px;
    border-width:1px;
    border-style:solid;
}
.listcomments {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    width:auto;
}
.commentsform {
    width:auto;
}
.commentsmetadata {
    font-size: 10px;
    font-style:italic;
}
.name {
    font-size:18px;
    margin: 0 0 15px;
    padding:0 0 12px 0;
    border-bottom:1px solid #dcdcdc;
}
.name a, .name {
    font-weight:bold;
}
.name a:hover {
    text-decoration:none;
}
.name strong {
    font-weight:normal;
}
.listcomments .children .name {
    font-weight:bold;
}
.listcomments .children {
    margin-left:30px;
    margin-bottom:30px;
}
.listcomments li {
    list-style-type:none;
}
.listcomments .children .comment {
    margin:30px 0 0 0px;
    padding:0;
    background:none;
}
#commentsubmit span {
    color:#c85849;
}
#commentsubmit label {
    margin:0 0 6px;
    display:block;
    font-size:12px;
    text-transform:uppercase;
}
#commentsubmit input[type=text], #commentsubmit textarea {
    padding: 10px;
    margin: 0 0 20px 0;
    border-width:1px;
    border-style:solid;
    font-size: 12px;
}
#commentsubmit input[type=text] {
    width:275px;
}
#commentsubmit input[type=text]#url {
    width:95%;
}
#commentsubmit input[type=submit] {
    border:none;
}
#commentsubmit textarea {
    width: 95%;
}
#commentsubmit #submit {
    padding: 10px;
    margin: 0 0 20px 0;
    border:inherit;
    width:inherit;
    font-family:inherit;
    color:inherit;
    font-size:inherit;
    font-style:inherit;
}
.reply a {
    font-size:12px;
    line-height:11px;
    margin: 2px 6px 0 0;
    padding: 0 0 0 15px;
    float: right;
}
#commentsubmit input:focus, #commentsubmit textarea:focus {
    border-style:solid;
    border-width:1px;
    outline:0;
}
.gallery-title {
    font-size:1.08em;
    text-transform:uppercase;
}
.cancel-reply p a, .navigation-comments p a {
    padding: 5px 12px;
    background:#555;
    color:#fff;
}
.cancel-reply p a {
    padding: 2px 6px;
    float:right;
    font-size:10px;
}

/*-----------------------------------------------------------------------------------*/
/*	*Contact Forms
/*-----------------------------------------------------------------------------------*/

#contactform {
    margin-bottom:30px;
}
textarea {
    overflow:hidden;
}
.contactsubmit span {
    color:#c85849;
}
.contactsubmit select {
    font-family:Arial, Helvetica, sans-serif;
}
.contactsubmit .formrow {
    height:90px;
}
.contactsubmit .messagerow {
    padding-bottom:15px;
}
.contactsubmit label {
    margin:0 0 6px;
    display:block;
    font-size:12px;
    text-transform:uppercase;
}
.contactsubmit input[type=text], .contactsubmit textarea, .contactsubmit select {
    padding: 10px;
    margin: 0;
    border-width:1px;
    border-style:solid;
    font-size: 12px;
}
.contactsubmit input[type=text] {
    width: 90%;
}
.contactsubmit select {
    width: 100%;
}
.contactsubmit input[type=submit] {
    border:none;
}
.contactsubmit textarea {
    width: 95%;
}
.contactsubmit #submit {
    padding: 10px;
    margin: 0 0 20px 0;
    border:inherit;
    width:inherit;
    font-family:inherit;
    color:inherit;
    font-size:inherit;
    font-style:inherit;
}
.contactsubmit input:focus, .contactsubmit textarea:focus {
    border-width:1px;
    border-style:solid;
    outline:0;
}
.contactsubmit .radiobutton {
    margin-left: 10px;
    display: block;
    margin-right: 0;
    width: 100px;
    float: left;
    line-height: 30px;
    height: 45px;
    font-size: 12px;
    text-transform:none;
}
.contactsubmit input[type="radio"] {
    font-size: 12px;
    display: inline;
    float: left;
    width: 15px;
    margin: 0;
    margin-top: 8px;
    margin-right: 5px;
}
.contactsubmit label.error {
    font-size:10px;
    color:#c85849;
    text-transform:none;
}
p.loading {
    display:none;
}
.contactcontent {
    margin-bottom:30px;
}
.emailfail {
    margin-bottom: 30px;
    background: #F9E6DC;
    border: 1px solid #CE8156;
    padding: 20px;
    box-shadow: 0 1px 2px #F0F0F0;
    -moz-box-shadow:  0 1px 2px #F0F0F0;
    -webkit-box-shadow:  0 1px 2px #F0F0F0;
    text-shadow: 0 1px 0 white;
}
.emailfail h4,
.emailfail p {
    color:#7C481F;
    margin:0;
    margin-bottom:10px;
}
.emailfail p {
    margin:0;
}

/*-----------------------------------------------------------------------------------*/
/*  *Pagination
/*-----------------------------------------------------------------------------------*/

.pagination_container {
    padding:15px 0 8px 0;
    border-top-width:1px;
    border-top-style:solid;
}
.older {
    float:left;
}
.newer {
    float:right;
    margin-right:275px;
}
#pagination {
    height: 20px;
}
#pagination li {
    border: 0 none;
    font-size: 11px;
    list-style: none outside none;
    margin: 0 2px 0 0;
    padding: 0;
    display:inline;
}
#pagination a {
    margin-right: 5px;
    font-size:10px;
    font-weight:bold;
}
#pagination .previous-off, #pagination .next-off {
    display:none;
}
#pagination .next a, #pagination .previous a {
    font-weight: bold;
}
#pagination .active {
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 5px;
    padding: 6px 10px 7px 10px;
}
#pagination a:link, #pagination a:visited {
    display: block;
    float: left;
    padding: 6px 10px 7px 10px;
    text-decoration: none;
}
#pagination a:hover {
    border: 0 none;
    display: block;
    float: left;
    font-weight: bold;
    padding: 6px 10px 7px 10px;
}

/*-----------------------------------------------------------------------------------*/
/*  *WordPress Pagination
/*-----------------------------------------------------------------------------------*/

.page-numbers {
    display: block;
    float: left;
    background: #E3E3E3;
    padding: 13px 15px;
    margin-right: 5px;
    color: #333;
    font-weight: bold;
    font-size: 10px;
    line-height:10px;
}
a.page-numbers:hover, .page-numbers.current {
    background: #333;
    color: white;
}
.pagination {
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
}
.paginationbutton a.button {
    display: block;
    text-align: center;
    padding: 15px 0;
    background: #F2F2F2;
    color: #333;
    font-size: 14px;
    font-weight:bold;
}
.linkpagebutton {
    border-top: 1px solid gainsboro;
    padding-top:10px;
    margin: 25px 0;
}
.pagelabel {
    float:left;
    padding-top:10px;
    padding-right:10px;
}
.linkpagebutton .page-numbers {
    background:#333;
    color:#fff;
}
.linkpagebutton a .page-numbers {
    background: #E3E3E3;
    color:#333;
}

/*-----------------------------------------------------------------------------------*/
/*  *Widget Styling
/*-----------------------------------------------------------------------------------*/

.widget {
    margin-bottom:50px;
}
.widget a {
    text-decoration:none;
}
.widget h3, .widget h2, .widget h4 {
    margin:0;
    padding:0;
    font-size: 10px;
    font-weight:normal;
    line-height: 18px;
    margin-bottom:16px;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    letter-spacing:2px;
    text-transform:uppercase;
    text-shadow:none;
}
.widget ul.children {
    margin:0;
    margin-left:20px;
}

/* #Recent Projects Widget
================================================== */

.widget.ag_recentprojects_widget {
    margin-bottom:40px;
}

/* #Twitter Widget
================================================== */

.ag_twitter_widget .widget-title {
    margin-bottom:5px;
}
#twitter_div {
    font-size:12px;
    line-height:24px;
}
#twitter_div ul li a {
    padding:0;
}
#footer #twitter_div ul li a {
    color:#fff;
}
#twitter_div span {
    display: block;
}
#footer #twitter_div span {
    color:#999;
}
.footerLinks a {
    display: block;
    margin: 5px 0;
}
.footerAccreditations img {
    margin: 15px;
}
.staffImages .grid-block {
    position: relative;
    float: left;
    width: 150px;
    height: 150px;
    margin: 0 0 30px 30px;
}
.staffImages .caption {
    margin-top: 5px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    filter: alpha(opacity=80);
    /* IE */
    -moz-opacity: 0.8;
    /* Mozilla */
    opacity: 0.8;
    width: 100%;
    height: 100%;
}
.staffImages .caption h3, .caption p {
    color: #fff;
    margin: 20px;
}
.staffImages .caption h3 {
    margin: 20px 20px 10px;
}
.staffImages .caption p {
    font-size: .75em;
    line-height: 1.5em;
    margin: 0 20px 15px;
}

ul#twitter_update_list {
    padding:0;
    margin:0;
}
ul#twitter_update_list li {
    padding:10px 0 10px 25px;
    list-style:none;
    overflow:hidden;
    margin-bottom:0;
}
#footer ul#twitter_update_list li {
    background:url(images/quote-footer.png) 0 15px no-repeat;
}

/* #News Widget
================================================== */

.newspost.columns {
    margin-bottom:20px;
}

.widget h4.posttitle,
.widget .newspost h4,
.widget h3.posttitle,
.widget .newspost h3 {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    line-height: 16px;
    margin-bottom: 10px;
}
.news-widget-item {
    margin-bottom:40px;
}
.news-widget-item h5, .news-widget-item h5 a {
    font-size:10px;
    font-weight:normal;
}

/* #List Pages Widget
================================================== */

.widget_pages ul.children {
    margin-left:0;
    margin-top:10px;
}
.widget_pages ul.children li {
    padding-bottom:0;
    border-bottom:none;
}

/* #RSS Widget
================================================== */
ul li a.rsswidget {
    font-size:13px;
    font-weight:bold;
    margin-bottom:10px;
    display:block;
}
a.rsswidget img {
    vertical-align:middle;
    margin-right:10px;
}
span.rss-date {
    display:block;
    margin-bottom:10px;
    font-size:10px;
    font-weight:bold;
}
.rssSummary {
    margin-bottom:10px;
}
#footer .widget_rss li, #footer .widget_recent_entries li {
    border-bottom: 1px solid #333;
}
#footer .widget_rss ul, #footer .widget_recent_entries ul {
    border-top:1px solid #333;
}

.widget ul ul {
    margin:0;
    font-size:100%;
}

/* #Calendar Widget
================================================== */

#wp-calendar caption {
    width: 100%;
    text-align: center;
    padding:7px 2px;
    margin-bottom:7px;
    font-size:10px;
}
#footer #wp-calendar caption {
    background:#333;
    color:#ccc;
}
#wp-calendar {
    border-collapse:collapse;
    width: 100%;
    text-align: center;
}
#footer #wp-calendar {
    color:#ccc;
}
#wp-calendar thead th {
    font-weight:bold;
}
#wp-calendar tbody td {
    padding: 5px 0;
}
#wp-calendar #today {
    color: #000;
}
#footer #wp-calendar #today {
    color:#fff;
}
#wp-calendar a {
    padding: 2px 0;
    font-weight: bold;
}
#wp-calendar tfoot td {
    padding: 3px 0;
}
#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}
#footer #wp-calendar #prev a {
    color:#ccc;
}
#calendar_wrap {
    display: block;
    width: 100%;
    padding: 0 1px 1px 0;
}

/* #Custom Project Widget
================================================== */

.ag_projects_widget .hover {
    margin-bottom:10px;
}
.ag_projects_widget h3 a, .ag_projects_widget h3 {
    font-size:13px;
    font-weight:bold;
    text-transform:none;
    letter-spacing:normal;
    margin-bottom:10px;
}

/* #Custom Recent Project Widget
================================================== */

.recent-project {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    border-style:solid;
    border-width:3px;
    line-height:0;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
.recent-project a.hover {
    background:none;
    display:block;
}
#footer .recent-project {
    border-color:#555;
}

/*-----------------------------------------------------------------------------------*/
/*  *Sidebar Styling
/*-----------------------------------------------------------------------------------*/

/* #Sidebar Widgets
================================================== */

.sidebar .widget_nav_menu ul, .widget_rss ul, .widget_recent_entries ul {
    border-top-width:1px;
    border-top-style:solid;
    list-style-type: none;
    margin: 20px 0 30px;
    padding: 0;
    width: 100%;
}
.sidebar .widget_nav_menu ul ul, .widget_rss ul ul, .widget_recent_entries ul ul, .widget_recent_comments ul ul {
    border-top-width:1px;
    border-top-style:solid;
    list-style-type: none;
    margin: 10px 0 30px;
    padding: 0;
    width: 100%;
}
.sidebar .widget_nav_menu ul li, .widget_rss ul li, .widget_recent_entries ul li {
    border-bottom-width:1px;
    border-bottom-style:solid;
    padding: 10px 0;
    width: auto;
}
.sidebar .widget_nav_menu ul li a, .widget_rss ul li a, .widget_recent_entries ul li a, .widget_recent_comments ul li a {
    padding: 0;
}
.sidebar .widget ul li a {
    padding:0;
}

/*-----------------------------------------------------------------------------------*/
/*  *Top Scroll Button
/*-----------------------------------------------------------------------------------*/

.top {
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    cursor: pointer;
    z-index:20;
}
.top a {
    text-decoration:none;
}
.top .scroll {
    visibility:hidden;
    opacity:0;
    -moz-transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.top a:hover .scroll p, .top a:hover .scroll, .top:hover .scroll {
    display:block;
    float:left;
    text-align:center;
    text-decoration:none;
    visibility:visible;
    opacity:.95;
    -moz-transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}

/*-----------------------------------------------------------------------------------*/
/*  *Footer and Top Panel
/*-----------------------------------------------------------------------------------*/
#footer {
    padding-top:50px;
    position:relative;
    padding-bototm:0;
    margin-bottom:0;
}
#top_panel a, #footer a {
    color:#fff;
}
#top_panel {
    width: 100%;
    font-size:10px;
}
#top_panel a, #footer a {
    color:#fff;
}
#top_panel_button {
    width:100%;
    padding-top:5px;
    height:5px;
    cursor:pointer;
}
#toggle_button {
    position:absolute;
    right:0;
    margin-right:20px;
    margin-bottom:-30px;
    width:40px;
    height:40px;
    border-radius:20px;
}
#toggle_button.uparrow {
    background:#222 url(images/downarrow.png) 15px 35px no-repeat;
    margin-top:-30px;
    padding-bottom:10px;
}
#toggle_button.downarrow {
    background:#222 url(images/uparrow.png) 15px 35px no-repeat;
    margin-bottom:-30px;
    padding-bottom:10px;
}
#top_panel #top_panel_content {
    display: none;
}

#top_panel h1, #top_panel h2,
#top_panel h1 a, #top_panel h2 a,
#top_panel h3, #top_panel .ag_projects_widget h3,
#top_panel h4, #top_panel h3 a, #top_panel h4 a,
#top_panel .blogpost h2 a,

#footer h1, #footer h2,
#footer h1 a, #footer h2 a,
#footer h3, #footer .ag_projects_widget h3,
#footer h4, #footer h3 a, #footer h4 a,
#footer .blogpost h2 a
{
    color:#fff;
}

#top_panel h5, #top_panel h5 a,
#footer h5, #footer h5 a {
    color:#dcdcdc;
}

#top_panel .button, #top_panel a.button, #top_panel a.more-link,
#footer .button, #footer a.button, #footer a.more-link{
    background:#f2f2f2 !important;
    color:#222 !important;
}

.topcontent {
    padding:20px 0 1px 0;
}

#top_panel input[type=text], #top_panel textarea,
#footer input[type=text], #footer textarea {
    background:#333;
    color:#fff;
    border-color:#444;
}

#top_panel input#s, #footer input#s {
    background:#333;
    color:#fff;
    border-color:#444;
}

/*-----------------------------------------------------------------------------------*/
/*  *Shortcode Styles
/*-----------------------------------------------------------------------------------*/

/* #Column Shortcodes
================================================== */
.one_half {
    width: 48%;
}
.one_third {
    width: 30.66%;
}
.two_third {
    width: 65.33%;
}
.one_fourth {
    width: 22%;
}
.three_fourth {
    width: 74%;
}
.one_fifth {
    width: 16.8%;
}
.two_fifth {
    width: 37.6%;
}
.three_fifth {
    width: 58.4%;
}
.four_fifth {
    width: 79.2%
}
.one_sixth {
    width: 13.33%;
}
.five_sixth {
    width: 82.67%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    margin-right: 4%;
    margin-bottom: 25px;
    float: left;
}
#top_panel .one_half,
#top_panel .one_third,
#top_panel .two_third,
#top_panel .three_fourth,
#top_panel .one_fourth,
#top_panel .one_fifth,
#top_panel .two_fifth,
#top_panel .three_fifth,
#top_panel .four_fifth,
#top_panel .one_sixth,
#top_panel .five_sixth {
    margin-right: 3%;
    margin-bottom: 0;
}
.column-last {
    margin-right: 0!important;
    clear: right;
}

/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom-style:solid;
    border-bottom-width:1px;
}
ul.tabs li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    margin-left:0;
    list-style-type:none;
}
ul.tabs li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    padding: 0px 20px;
    line-height: 30px;
    border-style:solid;
    border-width: 1px 1px 0 0;
    margin: 0;
    font-size: 13px;
}
ul.tabs li a.active {
    height: 30px;
    position: relative;
    top: -4px;
    padding-top: 4px;
    border-left-width: 1px;
    margin: 0 0 0 -1px;
    border-bottom:none;
}
ul.tabs li:first-child a.active {
    margin-left: 0;
}
ul.tabs li:first-child a {
    border-width: 1px 1px 0 1px;
}
ul.tabs-content {
    margin: 0;
    display: block;
}
ul.tabs-content br {
    display:none;
}
ul.tabs-content li br {
    display:inline;
}
ul.tabs-content > li {
    display:none;
    margin-left:0;
    list-style-type:none;
}
ul.tabs-content > li.active {
    display: block;
}
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,  ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
ul.tabs:after {
    clear: both;
}
/* #Misc
================================================== */

.remove-bottom {
    margin-bottom: 0 !important;
}
.half-bottom {
    margin-bottom: 10px !important;
}
.add-bottom {
    margin-bottom: 20px !important;
}
.aligncenter {
    text-align:center;
}

/*-----------------------------------------------------------------------------------*/
/*  *Sliders
/*-----------------------------------------------------------------------------------*/

/* #Thumbnail Slider
================================================== */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; margin-bottom:0; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block;}
.flex-pauseplay span {text-transform: capitalize;}

ul.slides li {
    list-style-type: none;
    margin:0;
}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* Browser Resets */
.flex-container a:active, .flexslider a:active {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/

.flexslider {
    width: 100%;
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    margin-bottom:0;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    max-width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}
#slider {
    margin-bottom: 36px;
    display: none;
}
.slideshowcontainer {
    margin-bottom:70px;
}
.slideshow {
    margin-bottom:40px;
    position:relative;
}
.portfolioitem.darkbg {
    background:#000 url(./images/expand.png) center no-repeat;
}
.flexslider .slides li a {
    display:block;
    background:#333;
}
.thumbnailtitle {
    color:#fff;
    padding-top:10%;
    padding-left:10%;
    width:80%;
    font-weight:bold;
    z-index:auto;
    cursor:pointer;
    position:absolute;
    top:0;
    z-index:0;
    opacity:1;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 16px;
}


.flexslider ul {
    position:relative;
    top:0;
    left:0;
}

.flexslider .slides li {
    background:#333;
}


/* #Project (WMU) Slider
================================================== */

.wmuSliderWrapper {
    overflow:hidden;
}
.wmuSlider {
    width: 100%;
    height: auto;
    position:relative;
    overflow:hidden;
}
.wmuSlider img {
    position: relative;
    z-index: 1;
}
.wmuSlider span {
    display:block;
    overflow:hidden;
}
.wmuSliderPrev, .wmuSliderNext {
    position: absolute;
    width: 40px;
    height: 80px;
    text-indent: -9999px;
    background: url(./images/slider-sprite.png) no-repeat 0 0;
    top: 50%;
    margin-top: -40px;
    z-index: 2;
    cursor:pointer;
}
.wmuSliderPrev {
    background-position: 100% 0;
    left: 8px;
}
.wmuSliderNext {
    right: 8px;
}

.wmuSliderPagination {
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 10px;
}
.wmuSliderPagination li {
    float: left;
    margin: 0 5px 0 0;
    list-style-type: none;
}
.wmuSliderPagination a {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    background: url(./images/slider-sprite.png) no-repeat 0 -80px;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -moz-opacity:0.7 !important;
    filter: alpha(opacity=70) !important;
    opacity:0.7 !important;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.wmuSliderPagination a.wmuActive {
    background-position: -10px -80px;
}
.wmuSlider .wmuLoading {
    position: absolute;
    width: 200px;
    text-align: center;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -100px;
    z-index: 0;
}
.wmuSliderPrev, .wmuSliderNext { /* default opacity */
    -moz-opacity:0.0;
    filter: alpha(opacity=00);
    opacity:0.0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.iphone .wmuSliderPrev, .iphone .wmuSliderNext { /* default opacity */
    -moz-opacity:1.0;
    filter: alpha(opacity=100);
    opacity:1;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.wmuSlider a.wmuSliderNext:hover, .wmuSlider a.wmuSliderPrev:hover, .wmuSliderPagination:hover a {  /* hover opacity */
    -moz-opacity:1.0 !important;
    filter: alpha(opacity=100) !important;
    opacity:1.0 !important;
}
.wmuSlider:hover .wmuSliderPrev {
    left: 0;
} /* hover position */
.wmuSlider:hover .wmuSliderNext {
    right: 0;
} /* hover position */
.wmuSlider:hover .wmuSliderNext, .wmuSlider:hover .wmuSliderPrev {
    -moz-opacity:0.7 !important;
    filter: alpha(opacity=70) !important;
    opacity:0.7 !important;
}

/*-----------------------------------------------------------------------------------*/
/*  *Page Styles
/*-----------------------------------------------------------------------------------*/

.logo h1,
.logo h2 {
    line-height:28px;
    font-size:28px;
    margin:0;
    padding:0;
}

#ajaxcontainer {
    display:none;
    width:100%;
}
#ajaxcontainer .darkbubble {
    margin-right: 15px;
}
.ajaxslider {
    min-height:1px;
}
.ajaxcontent {
    padding-top:0;
}
#ajaxouter {
    padding-bottom: 60px;
}
.ajaxloading {
    width:80px;
    height:10px;
    display:block;
    margin:auto;
    z-index:999;
    opacity:.25;
}
.loadingcontainer {
    height:30px;
}
.homecontent {
    margin-bottom:30px;
}

.customerLogos img {
    margin: 20px;
}

/* #Portfolio Filter
================================================== */
.filter li a {
    color: #999;
    text-decoration:none;
    margin-bottom:1px;
    padding:3px 9px;
    text-decoration:none;
}
ul.filter li {
    list-style:none;
    float: left;
    margin-right:0px;
    margin-left:0;
    background:url(./images/slash.png) left center no-repeat;
}
ul.filter li:first-child {
    background:none;
}
.filter li a:hover, .filter li.active a {
    text-decoration:none;
}
.filter {
    min-height:10px;
}

/* #Ajax Styles
================================================== */
#ajax-nav ul li {
    list-style-type:none;
    display:block;
    margin:0;
    margin-right:5px;
    position:absolute;
}
.entry-content, .entry-title {
    padding-right: 25px;
}
.entry-title, .entry-title a {
    color:#fff;
    margin-bottom:0;
    text-decoration:none;
}
p.entry-details, p.entry-details a {
    color:#777;
    font-size:10px;
}
#ajax-nav {
    height:24px;
    padding:14px 0 0 0;
}
#next-port {
    display:block;
    position:absolute;
    width:19px;
    height:19px;
    background-position: 0 0;
    background:url(./images/nextp.png);
    text-indent: -1999px;
    overflow: hidden;
    margin:0;
    right:-35px;
    top:50%;
    margin-top:-40px;
    moz-transition:none;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
    -moz-transition:none;
}
#prev-port {
    display:block;
    position:absolute;
    width:19px;
    height:19px;
    background-position: 0 0;
    background:url(./images/prevp.png);
    text-indent: -1999px;
    overflow: hidden;
    margin:0;
    left:-35px;
    top:50%;
    margin-top:-40px;
    moz-transition:none;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
    -moz-transition:none;
}
a.portfolio-close {
    display:block;
    position:absolute;
    margin:0px;
    width:19px;
    height:19px;
    text-indent: -9999px;
    background:url(./images/xout.gif);
    background-position: 0 0;
    right:0;
    top:0;
    moz-transition:none;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
    -moz-transition:none;
}
a.portfolio-close:hover, #prev-port:hover, #next-port:hover {
    background-position: 0 -19px;
}
.portfolioitem {
    position:relative;
}
.disable {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:none;
    opacity:0;
    z-index:9999;
}
select.dropdownmenu {
    display:none;
    padding:10px;
    margin:20px 0;
    width:100%;
    border-width:1px;
    border-style:solid;
}

/* #Isotope Transitions
================================================== */
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -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;
    -moz-transition-property: height;
    -ms-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
}

.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;
}


/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1030px) {

    #next-port {
        margin:0;
        right:0;
        top:46px;
    }
    #prev-port {
        margin:0;
        right:0;
        left:auto;
        top:24px;
    }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .container .item, .container .postphoto {
        width:192px;
        height:137px;
    }
    .wmuSlider span {

    }
    .top {
        display:none;
    }
    .recent-project {
        width:40px;
    }
    .darkbubble.date h3 {
        font-size: 30px;
        float: none;
        text-align: center;
        margin: 0 0 0px 0;
    }

    .darkbubble.date p {
        float:none;
        text-align:center;
    }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    .container .item, .container .postphoto {
        width:150px;
        height:110px;
    }
    .wmuSlider span {
        width: 300px !important;
    }
    .top {
        display:none !important;
    }
    h1 {
        font-size:28px;
        line-height:32px;
    }
    .recent-project {
        width:44px;
    }
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        width: 100%;
    }
    select.dropdownmenu {
        display:block;
    }
    .nav {
        display:none;
    }
    a.portfolio-close {
        top:-24px;
        right:0;
    }
    #ajaxcontainer .darkbubble {
        margin-right: 0;
    }
    #next-port {
        margin:0;
        right:24px;
        top:-24px
    }
    #prev-port {
        margin:0;
        right:46px;
        left:auto;
        top:-24px;
    }
    .mobiledetails {
        display:inline;
    }
    .mobiledetails {
        display:inline;
    }
    .fulldetails {
        display:none;
    }
    .blogpost h3.blogtitle, .blogpost h3.blogtitle a {
        margin-bottom:10px;
    }
    .wmuSliderPrev, .wmuSliderNext { /* default opacity */
        -moz-opacity:1.0;
        filter: alpha(opacity=100);
        opacity:1;
    }
    .intro {
        padding:0 10px 0 0;
    }

    ul.filter li {
        margin-right: 3px;
        margin-bottom: 3px;
        padding: 5px;
        width: 198px;
    }
    .slideshowcontainer .sixteen.columns.alpha {
        width: 430px;
    }

    .slideshow.container {
        margin-top:10px;
    }
    .widget h4.posttitle,
    .widget .newspost h4 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .container .item, .container .postphoto {
        width:210px;
        height:155px;
    }
    .wmuSlider span {
        width: 420px !important;
    }
    .top {
        display:none;
    }
    .recent-project {
        width:54px;
    }
    .ajaxcontent.sliderContent {
        position: relative;
        width: 100%;
        margin: 0;
    }
    .columns .wmuSlider {
        height: 176px !important;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .slideshowcontainer .sixteen.columns.alpha {
        width: 403px;
    }
    ul.filter li {
        width: 138px;
    }
    .ajaxcontent.sliderContent {
        position: relative;
        width: 100%;
        margin: 0;
    }
    .columns .wmuSlider {
        height: 176px !important;
    }
}
.navcontainer h2 {
    font-size: 16px;
    vertical-align: bottom;
    display: table-cell;
    margin: 92px 0 0;
    display: block;
    text-transform:uppercase;
    letter-spacing:2px;
}