core.css 
ASCII C program text
/*-----------------------------------------------------------------------------------*/
/*	CSS Sitemap
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
	0.	Reset
	1.	Typography & Basic HTML styling
	2.	Default WP Classes
	3.	Forms Styling
	4.	Backround Images and Video
	5.	Site Header
	6.	General Layout
	7.	Navigation & Menus
	8.	Blog Styles
	9.	Gallery Styles
	10.	Portfolio Styles
	11.	Flex Slider Styles
	12.	Comments Styles
	13.	Lighbox Styles
	14.	Galleria Styles
	15.	Footer Styles
	16.	Widgets Styles
	17.	Shortcodes Styles
	18.	Complementary Styles
	
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	0.	Reset by html5doctor.com - v1.6.1
/*-----------------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

body {
    line-height:1;
	background: #000;
}

body, html {
	height: 100%;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/* pre tag formatting */
pre {
    font-size: 0.9em;
    line-height: 20px;
    overflow-x: auto;
    overflow-y: hidden;
}
pre, code, kbd, samp {
    font-family: monospace,sans-serif;
}
pre code {
    display: block;
    font-family: Consolas,"Courier New",Courier,monospace;
    margin: 0 15px;
    padding: 10px 0;
}


a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}


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

strong {
	font-weight: bold;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:2px;
    border:0;   
	background: url(../img/horz_border.png) repeat-x bottom;
    margin: 35px 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clear {
	clear:both;
}

/*-----------------------------------------------------------------------------------*/
/*	1.	Typography & Basic HTML styling
/*-----------------------------------------------------------------------------------*/

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
    background-color: #1f1f1f;
	color: #666666;
	position: relative;
}

/* Heading Styles */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;	
	margin-bottom: 20px;
}

a h1, a h2, a h3, a h4, a h5, a h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #000000 !important;
}

/* Paragraph Styles */
p {
    color: #000000;
	font-size: 14px;
    margin: 0 0 20px 0;
    padding: 0 0 0 2px;
	line-height: 17.4px;
}
p img       { float: left; margin: 0.3em 0.8em 0.5em 0; padding: 0; }
p img.right { float: right; margin: 0.3em  0 0.833em 0.833em;  }


/* Link Styles */
a {
    outline: medium none;
    text-decoration: none;
	color: #000000;
}
a:hover {
    text-decoration: none;
}

/* List Styles */
ul, ol {
	margin: 15px 0 15px 30px;
	color: #666666;
	line-height: 20px;
}
ul {
	list-style-type: disc;
}
ul li ul {
	margin: 4px 30px;
}


/* Quotation Styles */
blockquote {
	background: url("../img/quote_bg.png") no-repeat scroll 5px 12px transparent;
	font-size: 13px;
	padding: 1em 4em 1em 4em; 
	font-family: Georgia,Times,serif;
	margin-bottom: 20px;
	font-style: italic;
}
blockquote p {
	margin-bottom: 0;
	font-size: 13px;
	line-height: 20px;
}
cite {
	padding-top: 5px;
	display: block;
	text-align: right;
	font-size: 12px;
}

/* Table */
table.ms_table {
    border-collapse: collapse;
    color: #666666;
    font-size: 11px;
    margin: 10px 0;
    width: 100%;
}
.ms_table thead {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 7px 7px 7px 7px;
    font-size: 17px;
    line-height: 45px;
}
.ms_table th {
    padding: 0 28px;
}
.ms_table td {
    padding: 0 10px;
    text-align: center;
}
.ms_table tbody tr {
    background: rgba(255, 255, 255, 0.02);
    line-height: 40px;
}
.ms_table tbody tr:nth-child(2n+1) {
    background: rgba(0, 0, 0, 0.1);
    line-height: 40px;
}
.ms_table tfoot {
    line-height: 35px;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Default WP Classes
/*-----------------------------------------------------------------------------------*/

.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignleft {
	text-align: left;
	float: left;
}
.alignright {
	text-align: right;
	float: right;
}
.aligncenter {
	text-align: center;
}

img.alignleft, .wp-caption.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
img.alignright, .wp-caption.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
img.aligncenter, .wp-caption.aligncenter {
  display: block;
  float: none;
  margin: 20px auto;
}

.wp-caption {
  font-style: italic;
  margin-bottom: 20px;
  padding-top: 4px;
  text-align: center;
  
  width: 100%;
}
.wp-caption img, .wp-caption img a {
  border: 0 none;
  margin: 0 !important;
  padding: 0 5px;
}
.wp-caption-text {
	font-size: 11px;
	text-align:center;
	margin-top:5px;
}

			
/*-----------------------------------------------------------------------------------*/
/*	3.	Forms Styling
/*-----------------------------------------------------------------------------------*/

/* General */
input, textarea {
    color: #999999;
	background-color: #f1f1f1;
	
	padding: 6px 5px 5px 13px;
	margin-bottom: 5px;
	
	display: inline-block;
	
	border: 1px solid #1C1C1C;
	border: 1px solid  rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	
	width: 92%;
	box-shadow: 0 1px 7px 3px rgba(102, 102, 102, 0.1) inset;	
	opacity: 0.96;
}
input {
	vertical-align: middle;
	height: 25px;
	line-height: 25px;
}
textarea {
	padding: 10px 11px;
	line-height: 17.4px;
}
form p {
    margin: 15px 0 9px 0;
    padding: 0;
    position: relative;
}

/* Fields without sidebar */
input {
	width: 867px;
}
input.name_field, input.email_field, input.url_field, input.password_field {
	padding-left: 62px;
	width: 818px;
}
textarea {
	width: 863px;
}

/* Fields with sidebar */
.with_sidebar input {
	width: 581px;
}
.with_sidebar .name_field, .with_sidebar .email_field, .with_sidebar .url_field, .with_sidebar .password_field {
	padding-left: 62px;
	width: 496px;
}
.with_sidebar textarea {
	width: 541px;
}

/* Field Error */
form span.error {
    color: #999;
	font-size: 11px;
    position: absolute;
    right: 11px;
    top: 8px;
	background: #ebcecb;
    background: rgba(245, 101, 89, 0.2);
	padding: 2px 7px;
	border-radius: 5px;
}
#commentform span.error {
	padding: 2px 7px 0px 7px;
    top: 9px;
}


/* Password Form */
.password_form p {
	margin-top: 26px;
}

/* Error (404) Form */
.error_404_form p {
	margin-top: 26px;
}
.error_404_form input {
  width: 95%;
}

/* Labels */
form label {
    color: #8c8b8b;
	display: inline-block;
	position: absolute !important;
	top: 12px;
	left: 15px;
	z-index: 99;
}
form label small {
	font-size: 11px;
	color: #F56559;
	padding-left: 5px;
}
form label span {
	font-size: 11px;
	color: #B3B7BC;
	padding-left: 5px;
}
label[for="ms_author"], label[for="ms_email"], label[for="ms_url"], label[for*="pwbox-"] {
	left: 40px;
}
#commentform label[for="author"], #commentform label[for="email"], #commentform label[for="url"] {
	left: 40px;
}
form span.field_caption {
	color: #B3B7BC;
	font-size: 11px;
	left: 81px !important;
	padding-left: 5px;
	position: absolute !important;
	top: 12px;
}

/* Field Icons */
form span.name_icon .icon {
  background: url("../img/form_icons.png") no-repeat 10px 9px;
}
form span.email_icon .icon {
  background: url("../img/form_icons.png") no-repeat 10px -16px;
}
form span.url_icon .icon {
  background: url("../img/form_icons.png") no-repeat 10px -43px;
}
form span.password_icon .icon {
  background: url("../img/form_icons.png") no-repeat 10px -72px;
}


form span.field_icon {
    color: #8c8b8b;
	display: inline-block;
	position: absolute !important;
	top: 1px;
	left: 1px  !important;
	
	line-height: 41px;
	height: 36px;
	border-radius: 3px 0 0 3px;
	
	padding: 0 4px;
	width: 35px !important;
	margin: 0;
	border: 0;
	border-right: 1px solid #a3a3a2;
	
	
	background: url("../img/default_button_bg.png") repeat-x scroll center bottom transparent;
	color: #3C3C3C;
	
	opacity: 0.8;
	
	z-index: 999;
}
form span.field_icon .icon {
	display: inline-block;
	position: absolute !important;
	top: 1px;
	left: 3px  !important;
	
	line-height: 41px;
	height: 36px;
	width: 36px !important;
}

form span.field_icon .arrow {
	display: block;
	width: 15px;
	height: 16px;
	position: absolute;
	top: 13px;
	right: -7px;
	
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid transparent;
	
	border-left-color: #9C9C9B;
}






label[for="ms_author"], label[for="ms_email"], label[for="ms_url"], label[for*="pwbox-"] {
	left: 62px;
}
#commentform label[for="author"], #commentform label[for="email"], #commentform label[for="url"] {
	left: 62px;
}

/* Form Button */
input[type="submit"], button, input[type="button"] {
	width: 115px !important;
	height: 36px !important;
	
	font-size: 12px;
	padding: 5px 12px;
	clear: both;
	color: rgba(0, 0, 0, .6);
	display: inline-block;
	
	background: url("../img/default_button_bg.png") repeat-x center bottom;
	border-radius: 6px;
	clear: both;
	color: #3C3C3C;
	cursor: pointer;
	
	opacity: 0.8;
}
input[type="submit"]:hover, button:hover, input[type="button"]:hover { 
	opacity: 1;
}

/* Search Form */
.search_form {
	margin: 0 0 30px 0;
}
.search_form input {
	width: 230px;
}
.search_form label {
	top: 12px;
	z-index: 9999;
	
    color: #8c8b8b;
	display: inline-block;
	position: absolute !important;
	top: 11px;
	left: 13px  !important;
	margin: 0;
	border: 0;
	border-right: 0;
	
	background: none;
	opacity: 1;
}
.search_button {
	font: 22px "DroidSans","Helvetica Neue",Helvetica,Arial,sans-serif;
	
	padding: 0 14px;
	width: auto !important;
	margin: 0;
	border: 0;
	border-left: 1px solid #a3a3a2;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	
	
	background: url("../img/default_button_bg.png") repeat-x scroll center bottom transparent;
	border-radius: 0 3px 3px 0;
	color: #3C3C3C;
	font-size: 12px !important;
	
	opacity: 0.8;
}
.search_button:hover {
	opacity: 1;
}
.search_form button .icon {
	background: url("../img/form_icons.png") no-repeat scroll 12px -102px transparent;
	display: inline-block;
	position: absolute !important;
	top: 1px;
	left: 3px  !important;
	
	line-height: 41px;
	height: 36px;
	width: 36px !important;
}


/*-----------------------------------------------------------------------------------*/
/*	4.	Backround Images and Video
/*-----------------------------------------------------------------------------------*/

/* Supersized (Background Image) */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url("../img/ajax-loader.gif") no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url:("../img/ajax-loader.gif") no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

/* Background Video */
#video_background {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

/* Background Pagination */
ul#bg_pagination {
	display: none;
	position: absolute;
	bottom: 75px;
	left: 0;
	z-index: 9999;
	width: 60px;
	margin: 0;
}
ul#bg_pagination li {
	list-style: none;
}
ul#bg_pagination a {
    background: #fff;
	
    outline: none;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px 5px 0;
	text-indent: -99999px;
	float: left;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
    filter: alpha(opacity=50); /* IE 4, 5, 6 and 7 */
	opacity: 0.5;
	
}
ul#bg_pagination a:hover, ul#bg_pagination li.current-slide a {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
    filter: alpha(opacity=100); /* IE 4, 5, 6 and 7 */
	opacity: 1;
	
	cursor: pointer;
}
.home ul#bg_pagination {
	display: block;
}

/* Background Navigation */
ul#bg_nav {
	bottom: 45%;
	position: fixed;
	right: 0;
	margin: 0;
	width: 45px;
	border: 1px solid rgba(56, 56, 56, 0.4);
	z-index: 9999;
	
	border-radius: 5px 0 0 5px;
	
	opacity: 0.8;
}
ul#bg_nav li {
    height: 40px;
    width: 45px;
	z-index: 9999999;
	list-style: none;
	background: url(../img/nav_horz_border.png) repeat-x bottom;
}
ul#bg_nav li:first-child {
	border-radius: 5px 0 0 0;
}
ul#bg_nav li:last-child {
	border-radius: 0 0 0 5px;
}


ul#bg_nav li#prev_slide a, ul#bg_nav li#next_slide a, ul#bg_nav li#toggle_slide a, ul#bg_nav li#toggle_audio a {
	background: url("../img/bg_nav.png") no-repeat;
	text-indent: -99999px;
	display: inline-block;
    height: 40px;
    width: 45px;
}
ul#bg_nav li:last-child {
	background: none;
}

ul#bg_nav li#prev_slide a {
	background-position: 13px 10px;
}
ul#bg_nav li#next_slide a {
	background-position: -90px 10px;
}


ul#bg_nav li#toggle_slide.pause a {
	background-position: -54px 10px;
}
ul#bg_nav li#toggle_slide.play a {
	background-position: -22px 10px;
}


ul#bg_nav li#toggle_audio.pause a {
	background-position: -167px 10px;
}
ul#bg_nav li#toggle_audio.play a {
	background-position: -131px 10px;
}


ul#bg_nav li#prev_slide:hover, ul#bg_nav li#next_slide:hover, ul#bg_nav li#toggle_slide:hover, ul#bg_nav li#toggle_audio:hover {
	opacity: 1;
}

/* Social Navigation */
ul.social_nav {
	display: none;
	height: 15px;
	
	position: absolute;
	bottom: 20px;
	right: 0;
	
	background: url("../img/white_bg.png") repeat scroll 0 0 transparent;
	border: 1px solid rgba(56, 56, 56, 0.4);
	border-radius: 5px;
	
	z-index: 9999;
	
	padding: 15px 20px;
	margin: 0;
	list-style: none;
}
ul.footer_social_nav {
	list-style: none;
	margin: 17px 0;
}
ul.social_nav li, ul.footer_social_nav li {
	display: inline;
}

ul.social_nav li a, ul.footer_social_nav li a {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 4px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /* IE 8 */
    filter: alpha(opacity=70); /* IE 4, 5, 6 and 7 */
	opacity: 0.7;
}
ul.social_nav li:first-child a, ul.footer_social_nav li:first-child a {
	margin-left: 0;
}
ul.social_nav li:last-child a, ul.footer_social_nav li:last-child a {
	margin-right: 0;
}
ul.social_nav li a:hover, ul.footer_social_nav li a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
    filter: alpha(opacity=100); /* IE 4, 5, 6 and 7 */
	opacity: 1;
}
.home ul.social_nav, .page-template-template-fullscreen-php ul.social_nav {
	display: block;
}
.page-template-template-blog-php ul.social_nav,
.page-template-template-gallery-php ul.social_nav,
.page-template-template-portfolio-php ul.social_nav,
.page-template-template-contact-php ul.social_nav,
.page-template-default ul.social_nav
{
	display: none;
}


/* Background Caption */
#bg_slide_caption {
	position: absolute;
	left: 0;
	bottom: 18px;
	z-index: 999;
	display: none;
}
#bg_slide_caption h2 {
	color: #000000 !important;
	margin: 0;
	padding: 15px 50px 15px 0;
	display: block !important;
	
	background: url("../img/white_bg.png") repeat scroll 0 0 transparent;
	border: 1px solid rgba(56, 56, 56, 0.4);
	border-left: 0;
	border-radius: 0 5px 5px 0;
	margin: 0;
}
.home #bg_slide_caption, .page-template-template-fullscreen-php #bg_slide_caption {
	display: block;
}
.page-template-template-blog-php #bg_slide_caption,
.page-template-template-gallery-php #bg_slide_caption,
.page-template-template-portfolio-php #bg_slide_caption,
.page-template-template-contact-php #bg_slide_caption,
.page-template-default #bg_slide_caption
{
	display: none;
}

/* Background Loader */
#bg_loader {
  background: url("../img/ajax-loader.gif") no-repeat scroll left top transparent;
  display: block;
  height: 32px;
  right: 50%;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 32px;
  z-index: 10;
}

/* Back to Top */
#back_to_top a {
	position: fixed;
	bottom: 70px;
	right: 40px;
	
	display: inline-block;
	
	width: 69px;
	height: 69px;
	
	background: url(../img/back_to_top.png) no-repeat;
	
	z-index: 99999;
	
	display: none;
}
@media screen and (max-width: 768px) {
	#back_to_top a {
		display: none !important;
	}
}


/* Background Overlay */
#bg_overlay {
	width: 100%;
	min-height: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	position: fixed;
}
#bg_overlay.none {
	background: url(../img/clear.gif) repeat;
}

/*-----------------------------------------------------------------------------------*/
/*	5.	Site Header
/*-----------------------------------------------------------------------------------*/

/* Structre */
.site_header {
	width: 958px; /* 2px for border */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}

ul#navigation {
	height: 100px;
	line-height: 105px;
}
ul#navigation ul {
	top: 101px;
}

/* Logo */
.site_logo {
	display: table-cell;
	vertical-align: middle;
	
	background: url(../img/white_bg.png) repeat;
	border: 1px solid rgba(56, 56, 56, 0.4);
	
	border-radius: 5px 5px 5px 5px;
}
.site_logo h1, .site_logo h1 a, .site_logo h1 a.img_logo img {
    margin: 0;
	font-size: 38px;
}



/*-----------------------------------------------------------------------------------*/
/*	6.	General Layout
/*-----------------------------------------------------------------------------------*/

/* Sidebar */
#sidebar {
	float: right;
	width: 250px;
	margin-top: 35px;
	position: relative;
}
.sidebar_top, .sidebar_inner, .sidebar_bottom {
	padding-left: 39px;
	margin-left: -39px;
}

.sidebar_top {
  background: url("../img/vertical_border_top.png") no-repeat scroll 0 -20px transparent;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.sidebar_inner {
  background: url("../img/vertical_border.png") repeat-y scroll 0 -35px transparent;
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
}
.sidebar_bottom {
  background: url("../img/vertical_border_bottom.png") no-repeat scroll 0 -30px transparent;
  height: 30px;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

/* Page Content */
.page_content {
	margin: 35px 0 0 0;
}
.page_content.with_sidebar {
	float: left;
	width: 565px;
}
.page_content img { /* Makes large image responsive */
	max-width: 100%;
	height: auto;
}

.template_content {
	background: url("../img/horz_border.png") repeat-x scroll center bottom transparent;
	color: #CCCCCC;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
#portfolio .template_content {
	margin-top: 35px;
}

/* Fold Style */
.compact, .full {
	position: absolute;
	width: 960px;
	z-index: 9;
	
	-webkit-transition: top 0.4s ease-in;  
	-moz-transition: top 0.4s ease-in;  
	-o-transition: top 0.4s ease-in;  
	transition: top 0.4s ease-in;
}
.compact {
  top: 140px;
}

/* Wrapper */
#wrapper {
  width: 960px;
  height: 100%;
  margin: 10px auto;
  position: relative;
}

/* Main Body */
#main_body {
	background: url(../img/white_bg_solid.png) repeat;
	color: #666666;
	padding: 0 35px 35px 35px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid rgba(56, 56, 56, 0.4);
	
	position: relative;
	z-index: 10;
}
#main_body:before {
	border: 0px solid #272727;
	border: 0px solid rgba(39, 39, 39, 0.7);
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* Page Header */
#main_content_header {
	position: relative;
}
#main_content_header h3 {
	color: #000000;
	margin: 0 !important;
	padding-left: 0px;
	background: url("../img/horz_border.png") repeat-x bottom;
}
#main_content_header h3 span {
	color: #989898;
	display: inline-block;
	height: 70px;
	text-transform: none;
}
#main_content_header #toggle_fold {
	position: absolute;
	top: 24px;
	right: 150px;
	width: 35px;
	height: 30px;
}
#main_content_header #toggle_fold a {
	display: block;
	width: 185px;
	height: 30px;
}
#main_content_header #toggle_fold a.collapse {
	background: url(../img/fold_collapse.png) no-repeat;
}
#main_content_header #toggle_fold a.expand {
	background: url(../img/fold_expand.png) no-repeat;
}

/* Page Notice */
.page_notice {
	text-align: center;
	background: url(../../img/bg_white_0.02.png) repeat;
	background: rgba(255, 255, 255, 0.02);
	padding: 25px;
}

/* Thumbnail Overlay */
.thumb_overlay {
	display: block;
	height: 100%;
	width: 100%;
	
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	
	display: none;
}
.post_link .thumb_overlay {
	background: black url(../img/post_hover_icon.png) no-repeat center !important;
}
.image_link .thumb_overlay {
	background: black url(../img/image_hover_icon.png) no-repeat center !important;
}
.video_link .thumb_overlay {
	background: black url(../img/video_hover_icon.png) no-repeat center !important;
}
.link_link .thumb_overlay {
	background: black url(../img/link_hover_icon.png) no-repeat center !important;
}

/*-----------------------------------------------------------------------------------*/
/*	7.	Navigation
/*-----------------------------------------------------------------------------------*/

ul#navigation:before {
	border: 0px solid #272727;
	border: 0px solid rgba(39, 39, 39, 0.7);
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* Primary Navigation (Header) */
ul#navigation {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
	
    margin: 0;
	padding: 0 35px;
	
	background: url(../img/white_bg.png) repeat;
	border: 1px solid rgba(56, 56, 56, 0.4);
	
	border-radius: 5px 5px 5px 5px;
}
ul#navigation li {
	margin: 0 0 0 7px;
	padding: 0;
	float: left;
	position: relative;
	list-style: none;
}
ul#navigation li:after {
	color: #1e2326;
	content: '|';
	margin-left: 0px;
}
ul#navigation li:last-child:after {
	content: '';
}

/* main level link */
ul#navigation a {
	padding: 10px 15px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.current-menu-item a, .current-menu-ancestor a, .sfHover a {
}

/* dropdown */
ul#navigation li:hover > ul {
	display: block;
}

/* No Js Support */
ul#navigation ul {
    position: absolute;
    top: -999em;
    width: 100%;
}
ul#navigation li:hover {
    visibility: inherit;
}
ul#navigation li {
    float: left;
    position: relative;
}
ul#navigation li:hover ul, ul#navigation li.sfHover ul {
    left: 0;
    top: 8.4em;
    z-index: 99;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome CSS here*/
	ul#navigation li:hover ul, ul#navigation li.sfHover ul {
		top: 8.45em;
	}
	
}

noindex:-o-prefocus,

    /*Opera CSS here*/
	ul#navigation li:hover ul, ul#navigation li.sfHover ul {
		top: 8.45em;
	}
	
}


ul#navigation li:hover li ul, ul#navigation li.sfHover li ul {
    top: -999em;
}
ul#navigation li li:hover ul, ul#navigation li li.sfHover ul {
    left: 10em;
    top: 0;
}
ul#navigation li li:hover li ul, ul#navigation li li.sfHover li ul {
    top: -999em;
}
ul#navigation li li li:hover ul, ul#navigation li li li.sfHover ul {
    left: 10em;
    top: 0;
}

/* level 2 list */
ul#navigation ul {
	position: absolute;
	top: -999em;
	
	margin: 0;
	padding: 10px 0;
	width: 210px !important;
	position: absolute;
	left: 0;
	z-index: 9;
	border-radius: 0 0 5px 5px;
	border: 1px solid rgba(56, 56, 56, 0.1);
}
ul#navigation ul li {
	float: none;
	margin: 0 18px;
	padding: 10px 0 12px 0;
	
	background: url(../img/nav_horz_border.png) repeat-x;
}
ul#navigation ul li:first-child {
	background: none;
}

ul#navigation ul li:after {
	content: '';
}

ul#navigation ul a {
	padding: 7px 3px !important;
	background: none;
	padding: 0;
}
ul#navigation ul a:hover {
	background: none;
}

/* 2nd level link hover */
ul#navigation ul li:hover, ul#navigation ul a:hover, ul#navigation ul a:active, ul#navigation ul li.current-menu-item > a, ul#navigation ul li.current-menu-item, ul#navigation ul li.sfHover, ul#navigation ul li.current-menu-ancestor > a, ul#navigation ul li.current-menu-ancestor {
	border-bottom: 0;
}
ul#navigation ul li:hover {
}
/* level 3+ list */
ul#navigation ul ul {
	left: 165px;
	top: 0;
	z-index: 9;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Default Menu */
ul.menu, .widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.menu li, .widget ul li {
	padding: 10px 3px;
	background: url("../img/horz_border.png") repeat-x bottom;
}
ul.menu li a, .widget ul li a {
	background: url("../img/next_arrow_light.png") no-repeat;
	padding-left: 17px;
	opacity: 0.8;
}
ul.menu li a:hover, .widget ul li a:hover {
	opacity: 1;
}
ul.menu ul.sub-menu, .widget ul ul.children {
	margin: 9px 0 0 0;
	padding: 3px 0 0 0; 
	background: url("../img/horz_border.png") repeat-x scroll center top transparent;
}
ul.menu ul.sub-menu li a, .widget ul ul.children li a  {
	background: url("../img/next_arrow.png") no-repeat;
	padding-left: 15px;
	margin-left: 15px;
	opacity: 0.5;
}
ul.menu ul.sub-menu li ul.sub-menu li a, .widget ul ul.children li ul.children li a {
	padding-left: 20px;
	margin-left: 30px;
}
ul.menu ul.sub-menu li, .widget ul ul.children li {
	list-style: none;
}
ul.menu li:last-child, .widget ul li:last-child {
	background: none;
}
ul.menu ul.sub-menu li:last-child, .widget ul ul.children li:last-child {
	background: none;
}

/* Smartphone Menu */
#smart_menu {
	margin-top: 0;
	display: none;
	position: absolute;
}
#smart_menu .widget{
	margin: 0;
}

#smart_menu .smart_inner_wrapepr {
  padding: 25px 25px 15px 25px;
}


/* Pagination */
.pagination_wrapper {
    padding: 18px 20px 0 0;
	margin: 25px 0 -10px 0;
    font-size: 12px;
    line-height: 22px;
	background: url("../img/horz_border.png") repeat-x scroll center top transparent;
}
.page-numbers {
	display: inline-block;
	margin: 0 0 0 30px;
}
#secondry_content .page-numbers {
	margin: -30px 0 0 0;
}
.page-numbers .pagination_links {
	margin-left: 6px;
	height: 25px;
}
.page-numbers li {
	list-style: none;
	display: inline-block;
}
.page-numbers a, .page-numbers span.current  {
	color: #ffffff;
	font-size: 11px;
	padding: 3px 9px 1px 9px;
	clear: both;
	margin: 8px 4px 0 0;
	display: inline-block;
	
	border-radius: 3px;
	
	background: url("../img/twitter_bg.png") repeat center top transparent;
	opacity: 0.6;
	
	border: 1px solid rgba(0, 0, 0, 0.4);
	
}
.page-numbers span {
    margin-right: 46px;
}
.page-numbers span.dots {
    margin: 0 3px;
}
.page-numbers a:hover, .page-numbers span.current {
    text-decoration: none;
	opacity: 0.8;
	
	background: url("../img/default_button_bg.png") repeat-x scroll center bottom;
	color: #3c3c3c;
}
.page-numbers .next, .page-numbers .prev {
	display: none;
}

/* Read More */
span.read_more a {
	font-size: 12px;
	padding: 6px 14px 3px 14px;
	clear: both;
	margin: 8px  8px 0 0;
	display: inline-block;
	
	border-radius: 3px;
	
	background: url("../img/default_button_bg.png") repeat-x scroll center bottom;
	color: #3c3c3c;
	
	opacity: 0.8;
}
span.read_more a:hover {
	opacity: 1;
}

/*-----------------------------------------------------------------------------------*/
/*	8.	Blog
/*-----------------------------------------------------------------------------------*/

/* General */
.blog_entry {
	padding-bottom: 40px;
	margin-bottom: 40px;
	background: url(../img/horz_border.png) repeat-x bottom;
	position: relative;
}
.blog_entry:nth-last-child(1) {
	padding-bottom: 0;
	background: none;
}
.blog_entry ul.slides {
	margin: 25px 0;
}
.blog_entry h1 {
	display: inline-block;
	margin-bottom: 0px;
	letter-spacing: 1px;
}
.blog_entry p {
	margin-top: 25px;
}
.blog_entry ul.slides {
	margin: 25px 0 0 0;
}
.last_entry, .second_last_entry{
	background: none !important;
	padding-bottom: 0 !important;
}

/* Blog - Standard Style */
.blog_standard .blog_entry .simple_meta {
	display: none;
}


/* Blog - List Style */
.blog_list .blog_entry .flex-container li .thumb_img {
  width: 175px;
}
.blog_list .without_sidebar .flex-container {
  width: 195px;
}

.blog_list .flex-container {
  float: left;
  margin-right: 35px;
}
.blog_list .blog_entry .flex-container ul.slides {
	margin-top: 0;
}
.blog_list .blog_entry .flex-container {
	margin-top: -43px;
}
.blog_list .bar_meta {
	display: none;
}

.blog_list .blog_entry h1 {
  margin-top: 5px;
  display: block;
}
.blog_list .blog_entry .read_more a {
	margin-top: 0;
}

.blog_list .has_featured_image .entry_desc, .blog_list .has_featured_image .entry_header {
	margin-left: 210px;
}



/* Blog - Magazine Style */
.blog_magazine.with_sidebar .blog_entry {
	width: 265px;
	float: left;
	margin-right: 35px;
}
.blog_magazine.without_sidebar .blog_entry {
	width: 425px;
	float: left;
	margin-right: 35px;
}

.blog_magazine .blog_entry .bar_meta, .blog_magazine .blog_entry .side_meta, .blog_magazine.with_sidebar .not_first_post .bar_meta li a.category {
	display: none;
}
.blog_magazine .even_magazine {
	margin-right: 0 !important;
}


.blog_magazine .first_post {
	width: 100% !important;
	float: none !important;
	margin-right: 0 !important;
}
.blog_magazine .first_post .bar_meta, .blog_magazine .first_post .side_meta {
	display: block !important;
}
.blog_magazine .first_post .simple_meta {
	display: none !important;
}



/* Simple Meta */
.simple_meta {
	display: block;
	font-size: 9px;
	text-transform: uppercase;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
	opacity: 0.5;
}
.simple_meta a {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* IE 8 */
	opacity: 0.9;
}

/* Bar Meta */
.bar_meta {
	background: url(../img/border.png) repeat;
	padding: 6px 0;
	margin: 0;
	font-size: 9px;
	display: inline-block;
	width: 100%;
	letter-spacing: 1px;
	margin-top: 15px;
}

.bar_meta li {
	display: inline;
}
.bar_meta li a {
	padding-left: 30px !important;
	padding: 2px 0;
	text-transform: uppercase;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /* IE 8 */
    filter: alpha(opacity=80); /* IE 4, 5, 6 and 7 */
	opacity: 0.8;
}
.bar_meta li a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
	opacity: 1;
}
.bar_meta li a.date {
	margin-left: 5px;
    background: url(../img/date_meta_icon.png) no-repeat 5px center;
}
.bar_meta li a.author {
	margin-left: 5px;
    background: url(../img/author_meta_icon.png) no-repeat 5px center;
}
.bar_meta li a.category {
	margin-left: 25px;
    background: url(../img/category_meta_icon.png) no-repeat 5px center;
}
.bar_meta li a.comments {
	float: right;
	margin-right: 11px;
	padding: 0;
    background: url(../img/comment_meta_icon.png) no-repeat 5px center;
}

/* Side Meta */
.side_meta {
	position: absolute;
	top: 0;
	left: -116px;
	width: 51px;
        display:none !important;
	
	border: 1px solid rgba(56, 56, 56, 0.2);
	border-right: 0;
	border-radius: 5px 0 0 5px;
	color: #666666;
	
	opacity: 0.94;
	
	padding: 15px 0 15px 28px;
}
.side_meta img {
	display: block;
	margin: 18px 0 18px 25px;
}
.side_meta span.arrow {
	display: block;
	width: 15px;
	height: 16px;
	position: absolute;
	top: 26px;
	right: -12px;
	
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 12px solid transparent;
}
.side_meta span.date, .side_meta span.month {
	display: block;
}

/* Author Bio */
.author-bio {
    clear: both;
    line-height: 18px;
    padding: 0 0 20px 0;
	
	background: url("../img/horz_border.png") repeat-x scroll center bottom transparent;
	margin-bottom: 40px;
	margin-top: -10px;
}
.author-bio h2 {
	padding-top: 5px;
	margin-bottom: 15px;
}
.author-bio img {
    float: left;
    margin: 0 20px 0 0;
}
.author-bio p {
    margin: 0 20px 20px 0;
}


/*-----------------------------------------------------------------------------------*/
/*	9.	Gallery
/*-----------------------------------------------------------------------------------*/

/* Gallery (General) */
.gallery_desc {
	margin-top: 20px;
	padding-bottom: 20px;
	background: url("../img/horz_border.png") repeat-x scroll center bottom transparent;
}
.gallery_entries, .similiar_entries {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.gallery_entries li, .similiar_entries li {
	float: left;
	border: 1px solid rgb(27, 27, 27);
	border: 1px solid rgba(0, 0, 0, 0.11);
	position: relative;
	text-align: center;
	line-height: 0;
}
.masonry_disabled.gallery_entries li, .masonry_disabled.similiar_entries li {
	overflow: none;
}


.gallery_entries li .thumb_highlight {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.gallery_entries li .thumb_img, .similiar_entries li .thumb_img, .blog_list .blog_entry li .thumb_img {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
}
.blog_list .blog_entry li .thumb_img { /* Fix for IE */
	display: block;
}

.gallery_entries li .thumb_img:after, .similiar_entries li .thumb_img:after {
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	border: solid 1px rgba(0, 0 , 0, 0.4);

	-wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.3);
	box-shadow: inset 0 0 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.3);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.gallery_entries li .thumb_img img, .similiar_entries li .thumb_img img, .portfolio_images li .thumb_img img, .blog_list .blog_entry li .thumb_img img {
	vertical-align: bottom;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.blog_entry li .thumb_img img, .portfolio_entry li .thumb_img img {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
}




/* Gallery (5 Column) */
.gallery_five_column li {
	margin-right: 15px;
	margin-bottom: 15px;
}
.gallery_five_column li, .gallery_five_column li img {
	width: 163px;
}
.masonry_disabled.gallery_five_column li, .masonry_disabled.gallery_five_column li img {
	height: 110px;
}
.gallery_five_column li:nth-child(5n+5) {
	margin-right: 0;
}
.gallery_five_column li .thumb_highlight {
	background: url("../img/thumb_glossy_5_col.png") no-repeat scroll 0 0 transparent;
}


/* Gallery (4 Column) */
.gallery_four_column li {
	margin-right: 15px;
	margin-bottom: 15px;
}
.gallery_four_column li, .gallery_four_column li img {
	width: 208px;
}
.masonry_disabled.gallery_four_column li, .masonry_disabled.gallery_four_column li img {
	height: 135px;
}
.gallery_four_column li:nth-child(4n+4) {
	margin-right: 0;
}
.gallery_four_column li .thumb_highlight {
	background: url("../img/thumb_glossy_4_col.png") no-repeat scroll 0 0 transparent;
}


/* Gallery (3 Column) */
.gallery_three_column li {
	margin-right: 18px;
	margin-bottom: 18px;
	overflow: hidden;
}
.gallery_three_column li, .gallery_three_column li img {
	width: 281px;
}

.masonry_disabled.gallery_three_column li, .masonry_disabled.gallery_three_column li img {
	height: 170px;
}
.gallery_three_column li:nth-child(3n+3) {
	margin-right: 0;
}
.gallery_three_column li .thumb_highlight {
	background: url("../img/thumb_glossy_3_col.png") no-repeat scroll 0 0 transparent;
}


/* Gallery (2 Column) */
.gallery_two_column li {
	margin-right: 30px;
	margin-bottom: 30px;
}
.gallery_two_column li, .gallery_two_column li img {
	width: 427px;
}
.masonry_disabled.gallery_two_column li, .masonry_disabled.gallery_two_column li img {
	height: 250px;
}
.gallery_two_column li:nth-child(2n+2) {
	margin-right: 0;
}
.gallery_two_column li .thumb_highlight {
	background: url("../img/thumb_glossy_2_col.png") no-repeat scroll 0 0 transparent;
}


/* Gallery (Grid) */
.gallery_grid li {
	margin-right: 2px;
	margin-bottom: 2px;
	border: 0;
}
.gallery_grid li, .gallery_grid li img {
	width: 125px;
}
.masonry_disabled.gallery_grid li, .masonry_disabled.gallery_grid li img {
	height: 94px;
}
.gallery_grid li .thumb_highlight {
	background: url("../img/thumb_glossy_grid.png") no-repeat scroll 0 0 transparent;
}


/*-----------------------------------------------------------------------------------*/
/*	10.	Portfolio
/*-----------------------------------------------------------------------------------*/

#portfolio {
	width: 100%;
}
.last_project, .second_last_project {
	background: none !important;
	padding-bottom: 0 !important;
	margin-bottom: 15px !important;
}
.portfolio_entry .flex-container {
	margin-bottom: 25px;
}

/* Index */
.site_entry_two_col_full {
	width: 425px;
	padding-bottom: 40px;
	margin: 0 35px 40px 0;
	background: url(../img/horz_border.png) repeat-x bottom;
	display: inline-block;
	float: left;	
}
.site_entry_two_col_full.even {
	margin-right: 0;
}
.site_entry_two_col_full ul.slides {
	margin: 0;
}
.site_entry_two_col_full h1 {
	display: inline-block;
	margin-bottom: 0;
	letter-spacing: 1px;
}
.site_entry_two_col_full p {
	margin-top: 20px;
}

/* Single Entry */
.single_entry {
	margin-bottom: 40px;
	position: relative;
}

.portfolio_single_entry {
	position: relative;
}
.portfolio_single_entry ul.slides {
	margin: 0;
}
.portfolio_single_entry ul.slider_disable li {
	margin-bottom: 20px;
}
.portfolio_single_entry h1 {
	display: inline-block;
	letter-spacing: 1px;
	margin-bottom: 0;
}
.portfolio_single_entry p {
	margin-top: 25px;
}
.portfolio_single_entry .portfolio_images {
  float: left;
  width: 565px;
}
.portfolio_single_entry .portfolio_desc {
	width: 250px;
	float: right;
	position: relative;
}



.portfolio_entry ul.default_list li {
  list-style: none;
}
.portfolio_entry ul.default_list li:before {
	content:'\2022';
	display: block;
	position: relative;
	max-width: 0px;
	max-height: 0px;
	left: -15px;
	top: 1px;
	font-size: 20px;
}



/* Similiar Projects */
#similiar_projects {
	padding-top: 40px;
	margin-top: 40px;
	background: url(../img/horz_border.png) repeat-x top;
}

#similiar_projects.with_comments {
  background: url("../img/horz_border.png") repeat-x scroll center bottom transparent;
  margin-bottom: 40px;
  padding-bottom: 25px;
}
.similiar_projects li {
	width: 205px;
	height: 135px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.similiar_projects li, .similiar_projects li img {
}
.similiar_projects li:nth-child(4n+4) {
	margin-right: 0;
}

/* Portfolio Navigation */
#portfolio_nav {
    padding: 15px 0 26px 0;
    font-size: 12px;
    line-height: 24px;
	background: url("../img/horz_border.png") repeat-x scroll center bottom transparent;
}
#portfolio_nav .filteration_wrap, #portfolio_nav .sort_wrap {
	display: inline-block;
}
#portfolio_nav .sort_wrap {
	float: right;
}

#portfolio_nav a {
	border-radius: 3px 3px 3px 3px;
	clear: both;
	display: inline-block;
	font-size: 12px;
	margin: 8px 4px 0 0;
	opacity: 0.8;
	padding: 3px 14px 2px;
	
	background: url("../img/default_button_bg.png") repeat-x scroll center bottom;
	color: #3c3c3c;
}

#portfolio_nav span {
	font-size: 12.5px;
    margin-right: 46px;
}
#portfolio_nav a:hover, #portfolio_nav a.active_sort {
    text-decoration: none;
	opacity: 1;
}
#portfolio_nav a.active_sort, #portfolio_nav a:hover {
	opacity: 1;
}

/*-----------------------------------------------------------------------------------*/
/*	11.	Flex Slider
/*-----------------------------------------------------------------------------------*/

/* Custom CSS */
ul.slides, ul.nested_slides {
	margin: 1px;
	padding: 0;
}

ul.slides li span img, ul.nested_slides li span img {
	display: block !important;
	
	max-width: 100% !important;
	min-width: 100% !important;
	
	margin-right: auto !important;
	margin-left: auto !important;
}

/* Plugin CSS */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides, .nested_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, .flexslider .nested_slides > li {display: none; background: none; padding: 0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides span.colored, .flexslider .nested_slides span.colored {min-width: 100%; max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after, .nested_slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides, html[xmlns] .nested_slides {display: block;} 
* html .slides, * html .nested_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, .no-js .nested_slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: none; zoom: 1;}
.flexslider .slides, .flexslider .nested_slides {zoom: 1;}
.flexslider .slides > li, .flexslider .nested_slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {color: #999999;  display: table; text-align: center;  position: absolute; opacity: 1;  line-height: 18px; z-index: 99999;}

.flex-caption {
	display: inline-block;
	background: rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	clear: both;
	padding: 6px 0;
	display: inline-block;
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	
	color: rgba(255, 255, 255, 0.9);
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
}


/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 2px; left: 10px; z-index: 99999; text-align: left;}
.flex-control-nav li {margin: 0 0 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 12px; display: block; background: url(../img/slide_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -12px;}
.flex-control-nav li a.active {background-position: 0 -25px; cursor: default;}

/* Direction Nav - Footer */
.low_res_block .footer_extended > .flex-container > .flexslider > .flex-direction-nav {*height: 0; position: absolute; top: -6px; right: 0; z-index: 9999;} /* height fix for IE 7 */
.low_res_block .footer_extended > .flex-container > .flexslider > .flex-direction-nav li {display: inline-block; margin-right: 1px;}
.low_res_block .footer_extended > .flex-container > .flexslider > .flex-direction-nav li:last-child {margin-right: 0px;}
.low_res_block .footer_extended > .flex-container > .flexslider > .flex-direction-nav li a {text-indent: -999999px; display: inline-block; width: 32px !important; height: 30px !important;}
.low_res_block .footer_extended > .flex-container > .flexslider > .flex-direction-nav li .next {background: url("../img/small_res_footer_nav.png") no-repeat -28px 0;}
.low_res_block .footer_extended > .flex-container > .flexslider > .flex-direction-nav li .prev {background: url("../img/small_res_footer_nav.png") no-repeat 3px 0;}
.low_res_block .footer_extended > .flex-container > .flexslider > .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}


/* Quote Nav - Footer */
.quote_widget .flex-direction-nav {*height: 0; top: none; bottom: 0; position: absolute; right: 20px; z-index: 999;} /* height fix for IE 7 */
.quote_widget .flex-direction-nav li {display: inline-block; margin-right: 5px; background: none; padding: 0;}
.quote_widget .flex-direction-nav li:last-child {margin-right: 0px;}
.quote_widget .flex-direction-nav li a { cursor: pointer; display: inline-block; height: 20px; opacity: 0.7; text-indent: -9999em; width: 7px !important; padding: 0;}
.quote_widget .flex-direction-nav li .next {background: url("../img/next_arrow.png") no-repeat scroll center center transparent;}
.quote_widget .flex-direction-nav li .prev {background: url("../img/prev_arrow.png") no-repeat scroll center center transparent;}

/* Portfolio Images */
.flex_img_slider .flex-direction-nav {*height: 0; top: none; bottom: 50%; position: absolute; right: 0; z-index: 999; width: 100%; display: none;} /* height fix for IE 7 */
.flex_img_slider .flex-direction-nav li {display: inline-block; margin-right: 5px;}
.flex_img_slider .flex-direction-nav li:last-child {margin-right: 0px;}
.flex_img_slider .flex-direction-nav li a {position: absolute; cursor: pointer; display: inline-block; height: 32px; opacity: 0.7; text-indent: -9999em; width: 23px !important;}
.flex_img_slider .flex-direction-nav li .next {right: 15px; background: url("../img/classic-map.png") no-repeat -297px center transparent; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";}
.flex_img_slider .flex-direction-nav li .prev {left: 15px;  background: url("../img/classic-map.png") no-repeat 3px transparent; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";}
.flex_img_slider .flex-direction-nav li .next:hover, .flex_img_slider .flex-direction-nav li .prev:hover {opacity: 1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}


/*-----------------------------------------------------------------------------------*/
/*	12.	Comments
/*-----------------------------------------------------------------------------------*/

#commentlist {
    list-style: none;
    margin: 0 0 40px 0;
    padding: 0;
}
#commentlist li .comment {
	background: url("../img/border.png") repeat scroll 0 0 transparent;
	border: 1px solid rgba(56, 56, 56, 0.3);
	
    margin: 0 0 20px 0;
    padding: 14px 20px 5px 20px;
    position: relative;
    z-index: 5;
	
}
#commentlist ul.children {
	margin-right: 0;
	margin-left: 0;
	position: relative;
	border-left: 1px solid rgba(56, 56, 56, 0.3);
	padding-left: 30px
}
#commentlist ul.children li {
	list-style: none;
}
.comment img.avatar {
    left: 20px;
    position: absolute;
    top: 18px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /* IE 8 */
	opacity: 0.7;
}
.comment img.avatar:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
	opacity: 1;
}
.comment a.comment_author {
    left: 90px;
    position: absolute;
    top: 22px;
	
	background: url("../img/default_button_bg.png") repeat-x scroll center bottom;
	color: #3c3c3c;

	border-radius: 3px 3px 3px 3px;
	
	background-color: #F5F5F5;
	border: 0 none;
	font-size: 9px;
	padding: 3px 11px 0px;
	text-decoration: none;
	text-transform: uppercase;
	
	opacity: 0.5;
}
.comment a.comment_author:hover {
	opacity: 1;
}
.comment p.comment_metadata {
    color: #8E8E8E;
    left: 90px;
    position: absolute;
    top: 51px;
	font-size: 10px;
	padding-left: 0;
	text-transform: capitalize;
}
.comment p.comment_number {
    color: #4D4D4D;
    font-size: 40px;
    font-style: italic;
    position: absolute;
    right: 30px;
    top: 25px;
}
.comment p.comment_text {
	background: url("../img/horz_border.png") repeat-x scroll center top transparent;
    margin: 70px 0 0 0;
    padding: 20px 0 0;
}

#commentlist .replies-wrapper {
	margin: 30px 0 0 0;
}
#commentlist .replies-wrapper span {
	opacity: 0.5;
}
#commentlist .replies-wrapper span:hover {
	opacity: 1;
}

#commentlist li span.reply-link a, #commentlist li span.no-replies a, #commentlist li span.comment-reply-link a {
    color: #A1A3A8;
    font-size: 9px;
    padding: 3px 0;
    text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
}
#commentlist li span.comment-reply-link, #commentlist li span.no-replies {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}
#commentlist li span.reply-link {
    float: right;
    margin-top: 2px !important;
}
#commentlist li .replies-wrapper {
    clear: both;
    display: inline-block;
    width: 100%;
}
#commentlist li .comment-replies {
    float: left;
    margin-bottom: 5px;
    width: 350px;
}

#cancel-comment-reply-link {
	display: inline-block;
    cursor: pointer;
    color: #666666;
	opacity: 0.8;
}
#cancel-comment-reply-link:hover {
	opacity: 1;
}

.nocomments {
	background: url("../img/password_icon.png") no-repeat 0 center;
	padding-left: 30px;
	padding-top: 4px;
	margin-bottom: 16px;
}

#commentlist #respond {
	margin: 20px 0;
}



/*-----------------------------------------------------------------------------------*/
/*	13.	Lighbox
/*-----------------------------------------------------------------------------------*/

/* Colorbox */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
		
/* PrettyPhoto */

/* ----------------------------------
	Dark Square Theme
----------------------------------- */

div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }

div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #c4c4c4; }
div.dark_square .pp_loaderIcon { background: url(../img/loading.gif) center center no-repeat; } /* Loader icon */

div.dark_square .pp_expand { display: none !important; background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_close { background: url("../img/controls.png") no-repeat scroll center top transparent; display: block; height: 19px; position: absolute; right: 10px; text-indent: -9999px; top: -1px; width: 38px; z-index: 9999;} /* Close button */
div.dark_square .pp_close:hover { background: url("../img/controls.png") no-repeat scroll center bottom transparent;} /* Close button hover */
div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.dark_square .pp_arrow_previous { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
	div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
	div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_square .pp_next:hover { background-position: right bottom; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background-position: left bottom; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
	background: #000;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9999;
}

div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000;
}

	
.pp_top {
	height: 10px;
	position: relative;
}
* html .pp_top { padding: 0 20px; }

.pp_top .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}
.pp_top .pp_middle {
	height: 20px;
	left: 10px;
	position: absolute;
	right: 10px;
}
	* html .pp_top .pp_middle {
		left: 0;
		position: static;
	}

.pp_top .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}

.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }

.pp_fade { display: none; }

.pp_content_container {
	position: relative;
	text-align: left;
	width: 100%;
}
	
.pp_content_container .pp_left { padding-left: 10px; }
.pp_content_container .pp_right { padding-right: 10px; }

.pp_content_container .pp_details {
	float: left;
	margin: 10px 0 2px 0;
}
.pp_description {
	display: none;
	margin: 0;
}

.pp_social { float: left; margin: 7px 0 0 0; }
.pp_social .facebook { float: left; position: relative; top: -1px; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }

.pp_nav {
	clear: left;
	float: right;
	margin: 3px 10px 0 0;
}
			
.pp_nav p {
	float: left;
	margin: 2px 4px;
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
	float: left;
	margin-right: 4px;
	text-indent: -10000px;
}

a.pp_arrow_previous,
a.pp_arrow_next {
	display: block;
	float: left;
	height: 15px;
	margin-top: 3px;
	overflow: hidden;
	text-indent: -10000px;
	width: 14px;
}
	
.pp_hoverContainer {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2000;
}

.pp_gallery {
	display: none;
	left: 50%;
	margin-top: -50px;
	position: absolute;
	z-index: 10000;
}
	
.pp_gallery div {
	float: left;
	overflow: hidden;
	position: relative;
}

.pp_gallery ul {
	float: left;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	position: relative;
	white-space: nowrap;
}
		
.pp_gallery ul a {
	border: 1px #000 solid;
	display: block;
	float: left;
	height: 33px;
	overflow: hidden;
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }

.pp_gallery ul a img { border: 0; }

.pp_gallery li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.pp_gallery li.default a {
	background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
	display: block;
	height: 33px;
	width: 50px;
}

.pp_gallery li.default a img { display: none; }

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
	margin-top: 7px !important;
}
	
a.pp_next {
	background: url("../img/controls.png") no-repeat scroll right top transparent;
	height: 65px;
	margin-top: -32px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 50%;
	width: 28px;
}
	
a.pp_previous {
	background: url("../img/controls.png") no-repeat scroll left top transparent;
	height: 65px;
	left: 0;
	margin-top: -32px;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 28px;
}

a.pp_expand,
a.pp_contract {
	cursor: pointer;
	display: none;
	height: 20px;	
	position: absolute;
	right: 30px;
	text-indent: -10000px;
	top: 10px;
	width: 20px;
	z-index: 20000;
}
	
a.pp_close {
	position: absolute; right: 0; top: 0; 
	display: block;
	line-height:22px;
	text-indent: -10000px;
}

.pp_bottom {
	height: 20px;
	position: relative;
}
* html .pp_bottom { padding: 0 20px; }

.pp_bottom .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}
.pp_bottom .pp_middle {
	height: 20px;
	left: 10px;
	position: absolute;
	right: 10px;
}
	* html .pp_bottom .pp_middle {
		left: 0;
		position: static;
	}
	
.pp_bottom .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
}

.pp_loaderIcon {
	display: block;
	height: 24px;
	left: 50%;
	margin: -12px 0 0 -12px;
	position: absolute;
	top: 50%;
	width: 24px;
}

#pp_full_res {
	line-height: 1 !important;
}
	
#pp_full_res .pp_inline {
	text-align: left;
}
		
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

div.ppt {
	color: #fff;
	display: none !important;
	font-size: 17px;
	margin: 0 0 5px 15px;
	z-index: 9999;
}

/* Fancybox */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../img/fancy/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 99999;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #000000;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 5px solid #000000;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 38px;
	height: 19px;
	background: url("../img/controls.png") no-repeat scroll center top transparent;
	cursor: pointer;
	z-index: 1103;
	display: none;
	
}
#fancybox-close:hover { background: url("../img/controls.png") no-repeat scroll center bottom transparent;} /* Close button hover */


#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../img/fancy/blank.gif');
	z-index: 1102;
	display: block !important;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left span {
	left: 5px;
}

#fancybox-right span {
	left: auto;
	right: 5px;
}

#fancybox-left:hover span {
}

a#fancybox-right:hover span {
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	height: 65px;
	width: 28px;
	cursor: pointer;
	z-index: 1102;
	display: block !important;
}

#fancybox-left-ico {
	background: url("../img/controls.png") no-repeat scroll left top transparent;
	height: 65px;
	width: 28px;
	margin: -30px 0 0 0;
}

#fancybox-right-ico {
	background: url("../img/controls.png") no-repeat scroll right top transparent;
	height: 65px;
	width: 28px;
	margin: -30px 0 0 0;
}

#fancybox-left-ico:hover {
	background-position: left bottom;
}
#fancybox-right-ico:hover {
	background-position: right bottom;
}



.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;

	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancy/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../img/fancy/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../img/fancy/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../img/fancy/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancy/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../img/fancy/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../img/fancy/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../img/fancy/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 0 0 10px 0;
	text-align: center;
	color: #333;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
}

#fancybox-title-over {
	padding: 0;
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
}
#fancybox-title-over span {
	color: #C4C4C4;
}
span.title_content {
	position: absolute;
	left: 20px;
	top: 0;
	color: #C4C4C4;
	text-align: left;
}


.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
}

#fancybox-title-float-main {
	font: 12px "DroidSans","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #CCCCCC;
	line-height: 0;
	padding: 0 0 3px 0;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancy/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


/*-----------------------------------------------------------------------------------*/
/*	14.	Galleria
/*-----------------------------------------------------------------------------------*/

#galleria{
	height: 600px;
	margin: 15px 0;
}

.galleria-container {
    position: relative;
    overflow: hidden;
	
	background: url("../img/border.png") repeat scroll 0 0 transparent;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px;
    left: 10px;
    right: 10px;
    overflow:hidden;
}
.galleria-thumbnails-container {
    height: 50px;
    bottom: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
}
.galleria-carousel .galleria-thumbnails-list {
    margin-left: 30px;
    margin-right: 30px;
}
.galleria-thumbnails .galleria-image {
    height: 40px;
    width: 60px;
    background: #000;
    margin: 0 5px 0 0;
    border: 1px solid #000;
    float: left;
    cursor: pointer;
}
.galleria-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #fff;
    font: normal 11px/1 arial,sans-serif;
    z-index: 1;
}
.galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url("../img/classic-loader.gif") no-repeat 2px 2px;
}
.galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
    position: absolute;
}
.galleria-info-text {
    background-color: #000;
    padding: 12px;
    display: none;
    /* IE7 */ zoom:1;
}
.galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #fff;
    margin-bottom: 7px;
}
.galleria-info-description {
    font: italic 12px/1.4 georgia,serif;
    margin: 0;
    color: #bbb;
}
.galleria-info-close {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -753px -11px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
}
.notouch .galleria-info-close:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-close:active{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-info-link {
    background-position: -669px -5px;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000;
}
.notouch .galleria-info-link:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-link:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    height: 62px;
    left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 62px;
    height: 124px;
    position: absolute;
    left: 10px;
    z-index: 2;
    background-position: 0 46px;
}
.galleria-image-nav-right {
    left: auto;
    right: 10px;
    background-position: -254px 46px;
    z-index: 2;
}
.notouch .galleria-image-nav-left:hover,
.notouch .galleria-image-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-image-nav-left:active,
.touch .galleria-image-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-thumbnails-container .disabled {
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default;
}
.notouch .galleria-thumb-nav-left:hover,
.notouch .galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.touch .galleria-thumb-nav-left:active,
.touch .galleria-thumb-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.notouch .galleria-thumbnails-container .disabled:hover {
    opacity: .2;
    filter: alpha(opacity=20);
    background-color: transparent;
}

.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url("../img/classic-map.png");
    background-repeat: no-repeat;
}


/*-----------------------------------------------------------------------------------*/
/*	15.	Footer
/*-----------------------------------------------------------------------------------*/

/* General */
.footer, #smart_menu {
	width: 958px;  /* 2px for border */
	background: url(../img/white_bg_solid.png) repeat;
	margin: 15px 0 20px 0;
	font-size: 12px;
	z-index: 7;
	
	border: 1px solid rgba(56, 56, 56, 0.4);
	
	-moz-border-radius: 5px;
	-webkit-border: 5px;
	border-radius: 5px;
	
	z-index: 10;
	position: relative;
}
.footer:before {
	border: 0px solid #272727;
	border: 0px solid rgba(39, 39, 39, 0.7);
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#footer ul.menu li:last-child {
	background: none;
}

#smart_menu {
	margin-top: 0;
}

/* Extended Footer */
.footer_extended {
	position: relative;
	display: block;
	padding: 35px 35px 0 35px;
}
.footer_extended .widget {
	margin-bottom: 0;
}
.footer_extended .widget-last {
	margin-right: 0;
}
.footer_extended .widget form label {
	font-size: 12px;
}

.footer_extended .widget ul.flickr_feed li {
	margin-right: 15px;
	margin-bottom: 10px;
}
.footer_extended .widget ul.flickr_feed li img {
	width: 80px;
	height: 80px;
}

.footer_extended .widget ul.flickr_feed li:nth-child(3n+3) {
	margin-right: 0;
}

ul.footer_nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 25px;
	z-index: 99999;
}
ul.footer_nav li {
	display: inline-table;
	list-style: none;
}
ul.footer_nav li a {
	width: 29px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}
ul.footer_nav li a.prev {
	background: url(../img/small_res_footer_nav.png) no-repeat 0 0;
	margin-right: -3px;
}
ul.footer_nav li a.next {
	background: url(../img/small_res_footer_nav.png) no-repeat -28px 0;
	width: 33px;
}

/* Compact Footer */
.footer_compact {
	height: 50px;
	line-height: 50px;
	margin: 0 35px;
}
.extended .footer_compact {
	background: url("../img/horz_border.png") repeat-x scroll center top transparent;
}

.footer_compact p {
	margin: 0;
	padding: 18px 0 8px 0;
    color: #999999;
}


/*-----------------------------------------------------------------------------------*/
/*	16.	Widgets
/*-----------------------------------------------------------------------------------*/

/* General */
.widget {
	margin-bottom: 40px;
}
.widget h3 {
	padding-bottom: 15px;
	margin: 0;
	background: url("../img/horz_border.png") repeat-x bottom;
	color: #CCCCCC;
}
#sidebar .widget:last-child {
	margin-bottom: 0;
}

/* Contact Info */
.contact_info li p.name, .contact_info li p.email, .contact_info li p.phone, .contact_info li p.address {
	padding-left: 30px;
	background: url("../img/contact_info.png") no-repeat;
	margin: 0;
	line-height: 20px;
}

.contact_info li p.name {
	background-position: 2px 0;
}
.contact_info li p.email {
	background-position: 2px -36px;
}
.contact_info li p.phone {
	background-position: 2px -73px;
}
.contact_info li p.address {
	background-position: 2px -113px;
}

/* Entries List */
ul.entries-list {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
ul.entries-list li {
	padding: 0;
	background: url("../img/horz_border.png") repeat-x scroll center bottom transparent;
    clear: both;
    color: #A1A3A8;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 180%;
    list-style: none outside none;
    text-transform: capitalize;
}
ul.entries-list li:last-child {
	background: none;
}
ul.entries-list li a {
	background: none;
    display: block;
    list-style: none outside none;
    padding: 2px 6px 2px 15px;
}
ul.entries-list li:last-child a {
    padding: 2px 6px 0 15px;
}
ul.entries-list li a:visited {
    color: #A1A3A8;
}
ul.entries-list li.entries-list {
    height: 80px;
    line-height: 22px;
}
ul.entries-list li.entries-list a {
    padding: 8px 0 2px;
}
ul.entries-list .thumb_img {
    float: left;
    padding: 10px 15px 0 0;
	opacity: 0.8;
}
ul.entries-list .thumb_img img {
	width: 75px;
	height: 50px;
}

ul.entries-list li span.thumb_img div.img_wrapper {
    border: 0 none !important;
}
ul.entries-list .date {
	font-size: 9px;
	padding: 0px 10px;
	clear: both;
	margin: 6px  0 0 0;
	display: inline-block;
	
	border-radius: 3px;
	
	background: url("../img/default_button_bg.png") repeat-x scroll center bottom;
	color: #000000;
	
	opacity: 0.5;
}

/* Flickr Feed */
ul.flickr_feed {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}
ul.flickr_feed li {
	background: none;
	padding: 0;
	display: inline-block;
	margin-right: 13px;
	margin-bottom: 10px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* IE 8 */
    filter: alpha(opacity=60); /* IE 4, 5, 6 and 7 */
	opacity: 0.6;
}
ul.flickr_feed li a {
	background: none;
	padding: 0;
}
ul.flickr_feed li img {
	width: 74px;
	height: 74px;
}
ul.flickr_feed li:hover {
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
    filter: alpha(opacity=100); /* IE 4, 5, 6 and 7 */
	opacity: 1;
}
ul.flickr_feed li:nth-child(3n+3) {
	margin-right: 0;
}

/* About Us */
p.about_us_widget {
	margin-top: 20px;
}
p.about_us_widget img {
	opacity: 0.6;
	margin-top: 0;
}
p.about_us_widget img:hover {
	opacity: 1;
}

/* Video */
.ms_video {
	margin: 20px 0;
}

/* Quote */
.quote_widget {
  padding-bottom: 50px;
  position: relative;
  margin-top: 20px;
}
#smartphone_footer .quote_widget {
  margin: 20px 0;
}
.twitter_widget {
  background: url("../img/twitter_bg.png") no-repeat scroll right bottom transparent;
}
.comments_widget {
  background: url("../img/comment_bg.png") no-repeat scroll right bottom transparent;
}
.quote_widget .slides, .quote_widget .nested_slides {
  padding: 25px;
}
.quote_single {
  display: none;
}
.quote_single:first-child {
  display: block;
}
.quote_widget p {
  margin-bottom: 10px;
}

/* Tag Cloud */
.tagcloud {
	margin: 5px 0;
	text-align: center;
}
.tagcloud a {
	background: url("../img/default_button_bg.png") repeat-x scroll center bottom;
	color: #3c3c3c;
	border-radius: 3px 3px 3px 3px;
	clear: both;
	display: inline-block;
	font-size: 12px !important;
	margin: 8px 8px 0 0;
	opacity: 0.8;
	padding: 5px 14px 3px;
}
.tagcloud a:hover {
	opacity: 1;
}

/*-----------------------------------------------------------------------------------*/
/*	17.	Shortcodes
/*-----------------------------------------------------------------------------------*/

/* Columns Layout */
.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: 67.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 {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}

/* Videos */
.video_wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video_wrapper iframe,  
.video_wrapper object,  
.video_wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video_wrapper video {
	max-width: 100%;
	height: auto;
}

/* Google Maps */
.gmap img {
	max-width: inherit;
}

/* Tabs */
.tabs_container {
    margin: 20px 0;
}
ul.tabs {
	background: url("../img/border.png") repeat scroll 0 0 transparent;
	border: 1px solid rgba(56, 56, 56, 0.2);
    border-radius: 7px 7px 7px 7px;
    display: inline-block;
    padding: 4px;
	margin: 0 !important;
}
ul.tabs li {
    display: inline;
    float: left;
    margin: 0 -1px -1px 0;
    padding: 1px;
}
ul.tabs li:last-child {
    border-style: solid solid solid solid;
}
ul.tabs a {
    color: #666666;
    font-size: 12px;
    display: block;
    line-height: 14px;
    padding: 9px 12px 6px 12px;
    white-space: nowrap;
}
ul.tabs li a:hover, ul.tabs li a:active {
    text-decoration: none;
}
ul.tabs li.current a {
	
	background: url("../img/default_button_bg.png") repeat-x scroll center bottom transparent;
	
	border-radius: 5px 5px 5px 5px;
	color: rgba(0, 0, 0, .6);
	position: relative;
}
ul.tabs li.current a:after {
    display: block;
    background: url(../img/tab_arrow.png) no-repeat scroll 0 0 transparent;
    content: "";
    height: 6px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    bottom: -6px;
    top: auto;
	width: 13px;
}

.tabs_container .panes {
	background: url("../img/border.png") repeat scroll 0 0 transparent;
	border: 1px solid rgba(56, 56, 56, 0.2);
    border-radius: 7px 7px 7px 7px;
    margin: 0;
    padding: 10px 15px;
}
.tabs_container .panes p:last-child {
    margin-bottom: 0;
}

/* Accordion */
.accordion, .toggle {
	background: url("../img/border.png") repeat scroll 0 0 transparent;
    margin: 20px 0;
}
.accordion .tab, .toggle .tab {
	background: url("../img/border.png") repeat scroll 0 0 transparent;
	border: 1px solid rgba(56, 56, 56, 0.2);
	
	border-top: 0;
    color: #666666;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 8px 15px;
}
.accordion .tab:first-child {
	border-top: 1px solid rgba(56, 56, 56, 0.2);
}
.accordion .tab.current, .toggle .tab.current {
    background-color: #ffffff;
    color: #333333;
    cursor: default;
}
.accordion .pane, .toggle .pane {
	border: 1px solid rgba(56, 56, 56, 0.2);
	border-top: 0;
    display: block;
    font-size: 12px;
    overflow: hidden;
    padding: 10px 15px;
}
.accordion .tab:first-child, .toggle .tab:first-child {
    border-top: 1px solid rgba(56, 56, 56, 0.2);
}

.accordion .tab:last-child, .toggle .tab:last-child {
}
.accordion .pane p:last-child, .toggle .pane p:last-child {
    margin-bottom: 0;
}

/* Dividers */
.divider, .hidden_divider {
	color: #CCCCCC;
    border-color: #E0E0E0;
    clear: both;
    display: block;
    margin: 20px 0;
    padding-top: 20px;
    position: relative;
	width: 100%;
}
.divider {
	background: url("../img/horz_border.png") repeat-x scroll center bottom transparent;
}
.divider.top_link {
	width: 96%;
}
.hidden_divider {
	background: none;
}
.divider_top {
    margin-bottom: 40px;
}
.divider_complete {
    margin-bottom: 23px;
    padding-top: 3px;
}


.top_link {
    margin: 20px 0 40px !important;
}
.top_link a, .complete_link a {
    color: #CCCCCC;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 0 2px 0 5px;
    position: absolute;
    text-decoration: none;
    top: 10px;
}
.divider.top_link a {
    right: -28px;
    text-align: right;
    width: 20px;
}
.divider.complete_link a {
    left: 379px;
    text-align: center;
    top: -2px;
    width: 130px;
}

/* Buttons & Boxes */
.css_button {
    cursor: pointer;
    padding: 11px 20px 9px 20px;
    border-radius: 6px;
}
.css_box {
    padding: 13px 12px 10px 13px;
}
.css_box_right {
    float: right !important;
    margin: 0 0 10px 10px;
}
.css_box_left {
    float: left !important;
    margin: 0 15px 10px 0;
}
.css_box_full_width {
    display: block !important;
    float: none !important;
}

/* default color */
.default_button {
	background: url("../img/default_button_bg.png") repeat-x scroll center bottom transparent;
    border: 1px solid #333333;
    color: #3C3C3C;
	opacity: 0.8;
}
.default_button:hover {
	opacity: 1;
}
.default_button:active {
	opacity: 1;
}

.default_box, .default {
	background: #bcbcbb;
    border: 1px solid #333333;
    color: #3C3C3C;
	opacity: 0.8;
}

/* gray */
.gray, .gray_box {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
a.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
a.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white, .white_box {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
a.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
a.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange , .orange_box {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
a.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
a.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red, .red_box {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
a.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
a.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue, .blue_box {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
a.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
a.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy, .rosy_box {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
a.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
a.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green, .green_box {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
a.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

a.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink, .pink_box {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
a.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
a.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

/* Highlight */
.highlight {
	padding: 3px;
}
.highlight_default {
	background: #bcbcbb;
    color: #3C3C3C;
}
.highlight_gray {
	color: #e9e9e9;
	background: #6e6e6e;
}
.highlight_white {
	color: #606060;
	background: #fff;
}
.highlight_orange {
	color: #fef4e9;
	background: #f78d1d;
}
.highlight_red {
	color: #faddde;
	background: #d81b21;
}
.highlight_blue {
	color: #d9eef7;
	background: #0095cd;
}
.highlight_rosy {
	color: #fae7e9;
	background: #da5867;
}
.highlight_green {
	color: #e8f0de;
	background: #64991e;
}
.highlight_pink {
	color: #feeef5;
	background: #f895c2;
}

/* Dropcap */
.dropcap {
  border-radius: 35px;
  color: #FFFFFF;
  float: left;
  height: 30px;
  margin-right: 12px;
  padding: 10px;
  text-align: center;
  width: 30px;
  border: 0 !important;
}


/*-----------------------------------------------------------------------------------*/
/*	18.	Complementary Styles
/*-----------------------------------------------------------------------------------*/

.row {
  overflow: hidden;
  width: 100%;
}
.block {
    display: block !important;
}

.clear {
    clear: both !important;
    width: 100% !important;
}
.fr {
	float: right !important;
}
.fl {
	float: left !important;
}

.uppercase {
	text-transform: uppercase !important;
}
.capitalize {
	text-transform: capitalize !important;
}

.italic {
	font-style: italic !important;
}
.center {
	text-align: center;
}

.hidden {
	display: none !important;
}
.no_border {
	border: 0 !important;
	background: none !important;
}
.no_bg {
	background: none !important;
}

.inner {
    margin: 25px 20px !important;
	height: 100% !important;
}
.inner_center {
    margin: 0 20px !important;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.bottom {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.first {
	margin-left: 0 !important;
}
.last {
	margin-right: 0 !important;
}

.mr-45 {
	margin-right: 45px !important;	
}
.mt-15 {
	margin-top: 15px !important;	
}
.mt-25 {
	margin-top: 25px !important;	
}
.mb-15 {
	margin-bottom: 15px !important;	
}

.low_res_block {
	display: none;
}
.high_res_block {
	display: block;
}

/* iPhone Demo Popup */
#iphone_demo {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 373px;
    height: 134px;

    margin-top: -67px;
    margin-left: -187px;

    z-index: 9999999999;

    display: none;

}
.home #iphone_demo {
    display: block;
}