/*
Theme Name: Ung Vanster
Theme URI: http://www.ungvanster.se
Description: Ung Vansters nya tema.
Author: Tommy Gabrielsson
Version: 1.0
Tags: white, red, orange, two-columns, three-columns, fixed-width, threaded-comments, sticky-post, 
*/


/* Reset default browser CSS.
-------------------------------------------------------------- */
html, div, span, applet, object, iframe, blockquote, a, abbr,
acronym, address, big, cite, code, del, dfn, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
}

body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda,sans-serif, Arial, Helvetica, Garuda, sans-serif;
	font-size: 13px;
	line-height: 1;
	font-weight: normal;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, ul, li, p, em, strong, pre, code {
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
}

form {
    display: block;
}

xmp {
    padding: 15px;
}

cite, em, dfn {
    font-style: italic;
}

strong, b {
    font-weight: 700;
}

sup {
    bottom: .3em;
    position: relative;
    vertical-align: super;
}

sub {
    bottom: -.2em;
    position: relative;
    vertical-align: sub;
}

code, kbd, samp, pre, tt, var, textarea {
    font-family: Consolas,  "Lucida Console",  "Courier New",  Courier,  mono-space;
    font-size: 100%;
}

del {
    text-decoration: line-through;
}

ins, dfn {
    border-bottom: 1px solid #ccc;
}

small, sup, sub {
    font-size: 85%;
}

abbr, acronym {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    text-transform: uppercase;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

label, button {
    cursor: pointer;
}

.left {
    float: left
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.clear {
    clear: both;
}

.hidden {
    display: none!important;
    visibility: hidden;
}

img.left {
    margin-bottom: 5px;
    margin-right: 8px;
}

img.right {
    margin-bottom: 5px;
    margin-left: 8px;
}

a abbr, a acronym, fieldset {
    border: medium none;
}

a img, img {
    border: 0;
    text-decoration: none;
}

/* Basics
-------------------------------------------------------------- */

/* LINKS */
a {
	color: #d01a12;
}

a:focus {
   outline:none;
}


a:hover {
	text-decoration: underline;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	font-family: 'PT Sans';
	color: #3f3f3f;
}

#column h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda,sans-serif, Arial, Helvetica, Garuda, sans-serif;
}

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }

#column h4 {
	width: 309px;
	height: 49px;
	background: url(assets/images/skins/skin-1/heading-column.png) repeat-x 0 00 transparent;
	color: #ffffff;
	padding: 14px 0 0 17px;
	font-size: 18px;
	margin: 0;
}

/* DEFAULT CONTENT CSS */

p {
	line-height: 18px;
	font-size: 12px;
	color: #545454;
	margin-bottom: 10px;
}

#footer, #footer p {
	color: #c2c2c2;
}
#footer h5 {
	color: #fff;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #b9b9b9;
}

#footer .dark-footer {
	background-color: #2e2e2e;
	padding: 5px 10px 10px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

img.border {
	padding: 4px;
	border: 1px solid #ccc;
}

img.left {
	margin: 10px 15px 3px 0;
}

img.right {
	margin: 10px 0 3px 15px;
}

.hr-intro {
	height: 50px;
	background: url(assets/images/general/hr.png) repeat-x 0 50% transparent;
	margin: 0 30px;
	clear: both;
}
.hr {
	height: 50px;
	background: url(assets/images/general/hr.png) repeat-x 0 50% transparent;
	margin: 0 4px 0 30px;
	clear: both;
}


.hr.noline {
	height: 50px;
	background: none;
	margin: 0 30px;
}

#column .hr {
	background: none;
}

blockquote p {
	font-family: georgia;
	font-size: 12px;
	line-height: 20px;
	color: #777777;
	clear: both;
	
}

blockquote p cite {
	display: block;
	text-align: right;
	padding-top: 3px;
}

.hr.noline {
	background: none;
}

.article-sep {
	height: 20px;
	background: none;
	margin: 0 30px;
	clear: both;
}

/* FORM CSS */
form p {
	margin: 0;
	padding: 0;
}

#content form fieldset input,
#content form fieldset textarea {
	background-color: #d8d8d8;
	border: 1px solid #c6c6c6;
	margin-bottom: 8px;
	width: 275px;
	color: #757575;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda,sans-serif, Arial, Helvetica, Garuda, sans-serif;
	font-size: 110%;
	padding: 1px 20px 0 5px;
}

/*#content form input {
	height: 25px;
}*/

#content form p.spam label {
	float: left;
	margin-top: 5px;
}

#content form p.spam input {
	width: 40px;
	height: 35px;
	float: left;
	padding-right: 5px;
	margin-right: 10px;
}

#content form fieldset input.LV_invalid_field,
#content form fieldset textarea.LV_invalid_field,
#content form p.spam input.LV_invalid_field {
	border: 1px solid #ae3838;
}


#content form fieldset p.spam .LV_validation_message {
	display: none;
}

#content form fieldset textarea {
	height: 91px;
	width: 500px;
	padding-top: 8px;
}

#content button.submit {
	background-color: #d8d8d8;
	color: #757575;
	margin: 0;
	padding: 0;
	border: 0;
	width: 101px;
	height: 33px;
	line-height: 32px;
	font-family: Arial, Helvetica, Garuda, sans-serif;
}

#content button.submit:hover {
	background-color: #bebebe;
	color: #000000;
}

#content form fieldset,
#footer form fieldset {
	padding-bottom: 5px;
}

span.backtotop {
	float: right;
	cursor: pointer;
	background-color: #484848;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 8px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 10px;
}

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

/* Default
-------------------------------------------------------------- */

/* DEFAULT STRUCTURE */
body {
	background: url(assets/images/general/uv_bg.jpg) 0 0 repeat-x #090908;
	height: 100%;
	width: 100%;
	line-height: 18px;
	font-size: 12px;
	color: #545454;
}

#outer-wrapper {
	width: 980px;
	margin: 0 auto;
	background: url(assets/images/general/outer-bg.png) 0 20px no-repeat;
	margin-top: 80px;

}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#top {
	height: 90px;
	width: 960px;
	padding-top: 35px;
	margin: 0 0 0 0;
	background: url(assets/images/general/top-bg.jpg) 0 0 no-repeat #1f1f1f;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px;
}

#logo {
	float: left;
	width: 280px;
	height: 61px;
	margin: 0 0 0 30px;
}

#logo a {
	background: url(assets/images/general/logo.png) no-repeat 0 0 transparent;
	display: block;
	width: 280px;
	height: 61px;
}
#logo a:hover {
	opacity: 0.8;
}

#nav {
	float: left;
	width: 630px;
}

#contentWrap {
	width: 960px;
	background-color: #ffffff;
	padding-bottom: 0;
	padding-top: 30px;
}

#login-slider {
	height: 50px;
	padding: 10px;
	width: 940px;
	background-color: #fff;
	position: relative;
}

#breadcrumb {
	width: 960px;
	height: 40px;
	background-color: #484848;
}

#content {
	width: 620px;
	float: left;
}
#content img {
	padding: 5px;
	border: 1px solid #ccc;
}

.full-width #content {
	width: 960px;
}

#column {
	float: left;
	width: 280px;
	margin-left: 30px;
}

#footer {
	background-color: #353535;
	min-height: 35px;
	padding: 30px 10px 30px 10px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;

}

#footer .half-page {
	margin-left: 20px;
}

#footer .footer-dark{
	background-color: 
}

#copyright {
	padding: 10px 30px 10px 30px;
	color: #fff;
}
#copyright a {
	color: #545454;
}

#copyright a:hover {
	color: #757575;
}


/* HOMEPAGE CSS */
#header {
	position: relative;
	background-color: #fff;
}

#header div.rightside {
	width: 15px;
	height: 180px;
	background-color: #ffffff;
	position: absolute;
	right: -15px;
	top: 35px;
	z-index: 9;
}

#header span.corner {
	height: 15px;
	width: 15px;
	background: url(assets/images/general/slider-textbox-corner.png) no-repeat 0 0 transparent;
	position: absolute;
	right: -15px;
	bottom: 20px;
}

#header li {
	width: 960px;
	height: 250px;
	background-repeat: no-repeat;
}

#header li div.content {
	width: 419px;
	height: 150px;
	background-color: #ffffff;
	position: absolute;
	right: 0;
	top: 35px;
	padding: 15px;
	opacity: 0.9;
	
}

div.readmore {
	position: absolute;
	width: 180px;
	height: 47px;
	top: 182px;
	left: 499px;
	font-size: 18px;
}

div.readmore a {
	display: block;
	width: 168px;
	height: 30px;
	font-size: 18px;
	font-family: 'PT Sans';
	padding: 17px 0 0 12px;
	position: relative;
}

div.readmore a span.arrow {
	background: url(assets/images/icons/icon-readmore-white.png) no-repeat 0 0 transparent;
	width: 11px;
	height: 11px;
	position: absolute;
	right: 50px;
	top: 23px;
}

div.readmore a:hover {
	text-decoration: underline;
}

#header div.content h2 {
	color: #e73f18;
	font-size: 22px;
	font-family: 'PT Sans';
	line-height: 26px;
	margin: 0;
}

#header div.content p {
	padding-top: 10px;
	color: #777777;
	font-size: 1em;
	font-family: georgia;
	line-height: 20px;
	background-color: #ffffff;
}

#header #headernav {
	position: absolute;
	left: 30px;
	bottom: 15px;
	width: 100px;
	height: 22px;
	z-index: 9;
	overflow: hidden;
}

#header #headernav a {
	width: 22px;
	height: 22px;
	background-image: url(assets/images/general/btn-slider.png);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	margin-right: 5px;
}

#header #headernav a.prevslide {
	background-position: top right;
}

div.intro {
	padding: 0px 30px;
}

div.intro h2,
div.intro p {
	color: #4d4c4c;
	font-size: 32px;
	font-family: 'PT Sans';
	line-height: 1.0em;
}

div.intro .textwidget {
	font-size: 18px;
	line-height: 1.5em;
}


/* MAINMENU CSS */
#nav ul {
	float: right;
	padding-top:20px;
	z-index: 15;

}

#nav li {
	float: left;
	font-family: Georgia, serif, Times, ̉Times New RomanÓ;
	font-size: 18px;
	margin-left: 6px;
	position: relative;
	z-index: 15;
}

#nav a {
	color: #828282;
	display: block;
	float: left;
	padding: 0 12px 20px 12px;
}

#nav li.hover a,
#nav a:hover {
	text-decoration: none;
}

#nav ul ul {
	position: absolute;
	top: 30px;
	left: 0;
	background-color: #ffffff;
	width: 200px;
	padding-top: 0;
	z-index: 15;
	visibility: hidden;
}

#nav ul ul li {
	float: none;
	margin: 0;
	font-size: 12px;
	z-index: 15;
	width: 200px;
}

#nav ul ul a {
	padding: 12px 10px 12px 10px;
	width: 180px;
	color: #6a6a6a;
	float: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda,sans-serif, Arial, Helvetica, Garuda, sans-serif;
}
#nav ul ul {
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
}


#nav ul ul li.hover a,
#nav ul ul a:hover,
#nav ul ul li.hover ul a:hover {
	color: #6a6a6a;
	background-color: #e8e8e8;
	text-decoration: none;
}

#nav li.hover ul a {
	color: #6a6a6a;
}

#nav ul ul ul {
	left: 200px;
	top: 0;
	z-index: 9;
}

#nav ul ul ul li {
	z-index: 9;
}

#nav ul ul li.hover ul a {
	background-color: #ffffff;
}

#breadcrumb ul {
	padding: 10px 0 0 30px;
	color: #9a9a9a;
	float: left;
}

#breadcrumb li {
	float: left;
	margin: 0 5px;
}

#breadcrumb li a {
	color: #e3e3e3;
}

/* CONTENT COLUMN SYSTEM CSS */
.one-fourth {
	width: 202px;
	float: left;
	margin-left: 30px;
}

.one-third {
	width: 280px;
	float: left;
	margin-left: 30px;
}
.one-third h3 a {
	color: #000;
	font-size: 0.8em;
	line-height: 1.2em;
}

.two-third {
	width: 580px;
	float: left;
	margin-left: 30px;
}

.half-page {
	width: 435px;
	float: left;
	margin-left: 30px;
}

.full-page {
	width: 900px;
	margin: 0 30px;
}

/* BLOG */
.blog-item {
	width: 590px;
	margin-left: 30px;
	position: relative;
}

.blog-item h2 {
	margin: 0 0 5px 0;
	padding-left: 10px;
	line-height: 1.2em;
}
#notfound h2 {
	margin: 0 0 5px 0;
	padding-left: 0px;
	line-height: 1.2em;
}

#page h2, .page h2 {
	margin: 0 0 5px 0;
	padding-left: 0px;
	line-height: 1.2em;
}


.blog-item h2 a {
	color: #000;
}
.blog-item h2 a:hover {
	color: #d01a12;
}

.blog-item h4 {
	line-height: 1.2em;
}


.blog-item img {
	padding: 5px;
	border: 1px solid #ccc;
}

.blog-item div.image {
	margin-bottom: 10px;
}

div.entry-meta {
	padding: 5px 0 10px 10px;
	font-size: 91.6%;
}
div.page {
	padding: 5px 0 10px 0;
}

div.entry-meta span {
	padding: 3px 0 5px 20px;
	margin-right: 12px;
}

div.entry-meta span.post-date {
	position: absolute;
	top: -5px;
	left: -46px;
	width: 38px;
	height: 56px;
	display: block;
	background: url(assets/images/skins/skin-1/heading-blog-date.png) no-repeat 0 0 transparent;
	margin: 0;
	padding: 12px 0 0 0;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}

div.entry-meta span.post-date span.day,
div.entry-meta span.post-date span.month {
	margin: 0;
	padding: 0;
}

div.entry-meta span.post-date span.month {
	font-size: 11px;
	display: block;
	text-transform: uppercase;
	text-align: center;
}

div.entry-meta span.post-author {
	background: url(assets/images/icons/person.gif) no-repeat 0 6px transparent;
}

div.entry-meta span.post-tags {
	background: url(assets/images/icons/tag.gif) no-repeat 0 6px transparent;
}

div.entry-meta span.post-comments {
	background: url(assets/images/icons/comment.gif) no-repeat 0 6px transparent;
}

div.entry-meta span.posted-date {
	background: url(assets/images/icons/calendar_day.gif) no-repeat 0 6px transparent;
}

div.entry-meta span.pressmess {
	background: url(assets/images/icons/plus.gif) no-repeat 0 7px transparent;
	display: block;
	height: 10px;
}
div.entry-meta span.location {
	background: url(assets/images/icons/flag.gif) no-repeat 0 6px transparent;
}

.press-block {
	background: #eaeaea;
	padding: 15px 0 15px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul.sponsors {
	overflow: hidden;
}

ul.sponsors li {
	float: left;
	margin-right: 15px;
}

div.about-author {
	border: 1px solid #dedede;
	background-color: #ffffff;
	overflow: hidden;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.about-author div.img {
	float: left;
	width: 80px;
	padding-top: 4px;
}

div.about-author div.content {
	float: left;
	width: 480px;
}

div.about-author div.content h4 {
	margin: 0 0 5px 0;
}

div.commentWrap {
	overflow: hidden;
	margin: 30px 0;
}

div.commentWrap div.user-info {
	width: 80px;
	float: left;
}

div.user-info div.img img {
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #ccc;
}

div.commentWrap div.user-info p {
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 13px;
}

div.commentWrap div.user-info p.date {
	text-transform: uppercase;
		font-size: 9px;
		padding-top: 3px;
}

.comment-body {
	border: 1px solid #dedede;
	background-color: #ffffff;
	padding: 10px;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.commentWrap div.comment p {
	padding-bottom: 10px;
}

.comment-reply-link {
	display: inline-block;
	height: 16px;
	width: 51px;
	background: url(assets/images/general/blog-btn-reply.png) no-repeat top left transparent;
	color: #ffffff;
	font-size: 10px;
	margin: 0;
	line-height: 12px;
	padding: 3px 0 0 10px;
	float: right;
}

 a.comment-reply-link:hover {
	background-position: left bottom;
	color: #ffffff;
	text-decoration: none;
}

/* Community styling */
#community-wrapper {
	background-color: #fff;
	padding: 1px 10px 30px 0;
}

#community-inner {
	background: #fbd300 url(assets/images/general/community-bg.jpg) no-repeat;
	height: 300px;
	margin: 15px 20px 0 30px;
	padding-top: 70px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.community-half-page {
	width: 405px;
	float: left;
	margin-left: 30px;
}


.movie-wrapper {
	background: #73705e;
	padding: 5px;
}

#social_wrapper { overflow: hidden; width: 405px; margin: 0 0 0 0;}
#social_wrapper img { 
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent;
	-webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
#social_wrapper a:hover img {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}


#flickr_wrapper { overflow: hidden; width: 405px; margin: 0 0 0 0;}
.flickr_badge_image { float: left; display: inline; margin: 0 15px 0 0;}
.flickr_badge_image img { border: 3px solid #73705e; width: 59px; height: 59px;}
#flickr_badge_source {text-align:left; margin:0 0 0 0;}
#flickr_badge_icon {float:left;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


/* SIDEBAR COLUMN STYLING */

/* submenu */
.sidebar ul,
.sidebar .widget_mailpress form,
.sidebar .textwidget {
	padding: 0 0 12px 17px;
}
.sidebar ul li {
	padding: 2px 0 2px 18px;
	background: url(assets/images/icons/icon-readmore.png) no-repeat 0 6px transparent;
}

.sidebar ul li a {
	color: #545454;
}
.sidebar .widget_tag_cloud div, 
.sidebar .widget_archive select {
	margin: 0 0 12px 17px;
}
.sidebar .widget_tag_cloud a {
	color: #545454;
}

.sidebar .widget_mailpress input {
	margin: 0 0 8px 0;
}
/* SIDEBAR BLOG ITEMS */
#column div.latest h6 {
	font-size: 12px;
}



div.latest.blog li {
	padding: 5px 0;
	overflow: hidden;
	border-bottom: 1px solid #d7d7d7;
	background: none;
}

div.latest.blog li:hover {
	background-color: #e6e6e6;
}

div.latest.blog div.img {
	float: left;
	width: 60px;
	margin-top: 5px;
}

div.latest.blog img {
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	float: left;
	
}

div.latest.blog div.content {
	float: left;
	width: 170px;
	padding-left: 10px;
}

div.latest.blog h6 {
	margin: 2px 0 0 0;
	line-height: 16px;
}

div.latest.blog h6 a {
	display: block;
	color: #252525;
}

div.latest.blog h6 a:hover {
	color: #000000;
	text-decoration: none;
}

div.latest.posts span.date {
	display: block;
}
div.latest.blog.comments ul li div.content span.comment {
	line-height: 17px;
	padding: 0;
	margin: 0;
	display: block;
}

/* BLOG SIDEBAR TABS */
div#tabs ul {
	overflow: hidden;
}

div#tabs ul.ui-tabs-nav {
	width: 309px;
	height: 49px;
	background: url(assets/images/skins/skin-1/heading-column.png) repeat-x 0 00 transparent;
	color: #ffffff;
	padding: 14px 0 0 17px;
	font-size: 18px;
	margin: 0;
}

div#tabs ul.ui-tabs-nav li {
	float: left;
	background: none;
	padding: 0;
}

div#tabs h4 {
	border: 0;
}

div#tabs ul.ui-tabs-nav li a {
	display: block;
	float: left;
	font-size: 15px;
	margin-right: 20px;
	color: #ffffff;
}

div#tabs ul.ui-tabs-nav li.ui-state-active a { 
	text-decoration: underline;
}

div#tabs ul.ui-tabs-nav li a:hover {
	text-decoration: underline;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

/* MISC */

/* portfolio grid */

div.portfolio.grid {
	width: 825px;
	margin: 0 auto;
}

div.portfolio.grid ul {
	margin-left: -22px;
}


.portfolio.grid li {
	float: left;
	width: 241px;
	margin-left: 34px;
	position: relative;
	height: 225px;
}

.portfolio-list img,
.portfolio.grid li img.grid-img {
	padding: 4px;
	border: 1px solid #ccc;
}

.portfolio.grid .content {
	position: absolute;
	top: -25px;
	left: -14px;
	background-color: #e2e2e2;
	width: 249px;
	height: 210px;
	display: none;
	padding: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.portfolio.grid li.hover div.content {
	display: block;
}

.portfolio.grid .content h5 {
	margin: 0 0 5px 0;
}

.portfolio.grid div.content div.row {
	padding: 4px 0;
}

.portfolio.grid div.content div.row span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
	padding: 2px 5px 3px 5px;
}

.portfolio.grid div.content div.row span.name {
	width: 75px;
	margin-right: 15px;
}

.portfolio.grid div.content div.row span.detail {
	margin-right: 4px;
}

.portfolio.grid li a.folio-more,
.portfolio.grid li a.folio-zoom {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 25px;
	width: 25px;
	background: url(assets/images/icons/icon-portfolio-more.png) no-repeat 50% 50% transparent;
}

.portfolio.grid li a.folio-zoom {
	background: url(assets/images/icons/icon-portfolio-zoom.png) no-repeat 50% 50% transparent;
	background-color: #484848;
	right: 25px;
}

div.portfolio-list h2 {
	margin-top: 0;
}

div.portfolio-list.image {
	background-image: url(assets/images/general/icon-zoom-image.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div.portfolio-list.youtube,
div.portfolio-list.vimeo {
	background-image: url(assets/images/general/icon-zoom-video.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

ul.screens {
	margin-left: -10px;
}

ul.screens li {
	float: left;
	margin-left: 10px;
	padding-bottom: 10px;
}

/* services css */
.services h3 {
	margin-top: 13px;
}

.services img {
	float: left;
	margin-right: 10px;
	margin-top: 8px;
}

.services p {
	clear: both;
	padding-top: 8px;
}

/* who we are css */
.team div.img {
	width: 70px;
	height: 70px;
	float: left;
	border: 1px solid #ccc;
	padding: 6px 4px 4px 6px;
	margin-top: 3px;
}

.team img {
	border: 0!important;
	padding: 0!important;
	margin: 0!important;
}

.team div.content {
	width: 455px;
	float: left;
	margin-left: 20px;
}

.team h3 {
	margin: 0;
}

.team p {
	margin: 0;
}

.team .job-title {
	margin: 4px 0 5px 0;
	display: block;
	font-weight: bold;
}

.team ul.social {
	padding-top: 8px;
}

.team ul.social li {
	float: left;
	margin-right: 5px;
}

/* portfolio detail css */
#content .types li.file {
	padding: 3px 0 3px 32px;
}

#content .types li.file.html {
	background: url(assets/images/icons/file-htm.png) no-repeat 0 1px transparent;
}

#content .types li.file.css {
	background: url(assets/images/icons/file-css.png) no-repeat 0 1px transparent;
}

#content .types li.file.php {
	background: url(assets/images/icons/file-php.png) no-repeat 0 1px transparent;
}

#content .types li.file.js {
	background: url(assets/images/icons/file-js.png) no-repeat 0 1px transparent;
}

#content .types li.file.xml {
	background: url(assets/images/icons/file-xml.png) no-repeat 0 1px transparent;
}

#content .types li.file.mov {
	background: url(assets/images/icons/file-mov.png) no-repeat 0 1px transparent;
}

#content .types li.file.pdf {
	background: url(assets/images/icons/file-pdf.png) no-repeat 0 1px transparent;
}

a.more {
	color: #545454;
	font-size: 14px;
	margin-top: 10px;
	background: url(assets/images/skins/skin-1/icon-readmore.png) no-repeat 100% 6px transparent;
	clear: both;
	padding-right: 18px;
}

#breadcrumb #searchform {
	display: block;
	float: right;
	padding: 3px 8px 3px 8px;
	margin: 8px 10px 0 0;
	background-color: #636363;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #ffffff;
	width: 150px;
}
#breadcrumb #searchform input[type=text]{
	background: none; 
	border: none; 
	color: #fff; 
	margin-top: 1px; 
	float:left; 
	width: 135px; 
	font-size: 11px;

}
#breadcrumb #searchsubmit{
	/*padding-top: 4px;*/

}


/* LOGIN SLIDER */
#login-slider a.login {
	display: block;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(assets/images/icons/icon-close.png) no-repeat 0 0 transparent;
}

div.register {
	float: left;
	width: 300px;
}

div.register h4 {
	margin: 5px 0 0 10px;
}

div.register p {
	margin: 4px 0 0 10px;
}

div.login {
	float: left;
	padding: 10px 0 0 40px;
}

#loginForm {
	float: left;
	width: 450px;
}

#loginForm fieldset {
	float: left;
}

#loginForm p {
	float: left;
	margin-right: 10px;
}

#loginForm input {
	border: 0;
	background-color: #fff;
	background: url(assets/images/general/bg-input.jpg) repeat-x 0 0 transparent;
	border: 1px solid #dedede;
	height: 26px;
	color: #999999;
	padding-left: 10px;
	width: 140px;
	font-size: 11px;
	padding-top: 0;
}

#loginForm button {
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dedede;
	height: 26px;
	line-height: 13px;
	border: 0;
	height: 30px;

	font-size: 11px;
}

div.logintext {
	float: left;
	font-size: 20px;
	width: 125px;
	text-transform: uppercase;
	margin-top: 5px;
}

div.clearfix {
	clear: both;
}

/* testimonails page */
.half-page.testimonial {
	padding-left: 60px;
	width: 375px;
	background: url(assets/images/general/quotes.png) no-repeat 0 0 transparent;
}

.half-page.testimonial h4 {
	margin: 0;
	padding: 0;
}

.half-page.testimonial p {
	margin: 0;
	padding: 0;
}

.half-page.testimonial p.position {
	padding: 5px 0;
}

/* Elements
-------------------------------------------------------------- */

/* FEATURED SLIDER */
.container { width:280px; height:375px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides li { position:absolute; top:0; width:280px; display:none; padding:0; margin:0; }
#loopedSlider,#newsSlider { margin:0 auto; width:300px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }

ul.slides li img {
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #ccc;
}

#loopedSlider h4 {
	position: relative;
}

#loopedSlider h4 a {
	position: absolute;
	top: 15px;
	right: 50px;
	width: 22px;
	height: 22px;
	background-image: url(assets/images/general/btn-slider-lighter.png);
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
	 -right: 6px;
}

#loopedSlider h4 a.previous {
	top: 15px;
	right: 80px;
	background-position: top left;
}

#loopedSlider h6 {
	margin: 5px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #2b2d2e;
}

/* TWITTERFEED */
.twitterfeed p {
	font-family: georgia;
}

#content div.twitterfeed {
	padding-left: 80px;
	background: url(assets/images/icons/icon-twitter-grey.png) no-repeat 0 10px transparent;
	overflow: hidden;
	padding-bottom: 0;
	text-align: center;
	min-height: 35px;
}

#content .twitterfeed p {
	float: left;
	display: block;
	width: 500px;
	font-size: 16px;
	font-family: georgia;
	color: #828a8e;
	line-height: 26px;
}

#content .twitterfeed p a:hover {
	text-decoration: underline;
}

#content .twitterfeed a.btn {
	float: right;
}

#content .twitterfeed div#twitter p.twitterStatus .twitterTime a {
	font-size: 14px;
}

#content .twitterfeed p.twitterStatus span.username {
	font-size: 14px;
}

#column .twitterfeed h4 {
	padding: 14px 0 0 17px;
	width: 309px;
}

#column .twitterfeed h4 span.icon {
	padding: 0 0 0 32px;
	background: url(assets/images/icons/icon-twitter.png) no-repeat 0 5px transparent;
}

#column .twitterfeed h4 span.alltweets {
display: inline-block;
	filter:alpha(opacity=30);
	padding: 2px 10px 3px 10px;
	margin-left: 35px;
	background-color: #000000;
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 10px;
}

#column h4 span.button a {
	display: inline-block;
	filter:alpha(opacity=30);
	padding: 2px 10px 3px 10px;
	margin: -1px 45px 2px 0;
	background-color: #000000;
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 10px;
	float: right;
}


/* GALLERY */
/* **************************** */
/* IMAGE / VIDEO GALLERY AND PORTFOLIO */
/* **************************** */
div.gallery p {
	clear: both;
}

#content div.gallery img {
	background-color: transparent;
	border: 0;
	padding: 4px;
	border: 1px solid #ccc;
}


/* PAGE NAV */
#page-nav {
	clear: both;
	float: none;
	margin: 0 30px;
	font-size: 11px;
	padding-bottom: 30px;
}

#page-nav li {
	float: left;
}

#page-nav a {
	display: block;
	height: 25px;
	width: 30px;
	margin-right: 10px;
	float: left;
	background-color: #ececec;
	padding: 5px 0 0 0;
	text-align: center;
	color: #252525;
	border: 1px solid #d1d1d1;
}

#page-nav li.current a,
#page-nav a:hover {
	background-color: #484848;
	color: #fff;
	text-decoration: none;
	border: 1px solid #3a3939;
}

#page-nav span.pages {
	float: right;
	margin-top: 8px;
}

/* **************************** */
/* ****** PORTFOLIO GRID V2 CSS *********/
/* **************************** */
div.portfolio.grid-2 li {
	min-height: 375px;
	width: 270px;
	position: relative;
	float: left;
	margin-left: 30px;
}

div.portfolio.grid-2 p {
	overflow: hidden;
	height: 105px;
}

div.portfolio.grid-2 div img {
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #ccc;
}

div.portfolio.grid-2 span.info {
	position: absolute;
	bottom: 50px;
	left: 0;
	font-size: 91.6%;
}

div.portfolio.grid-2 span.date,
div.portfolio.grid-2 span.tags {
	padding: 3px 0 5px 25px;
	margin-right: 12px;
}

div.portfolio.grid-2 span.date,
#content-slider span.date {
	background: url(assets/images/icons/icon-tick.png) no-repeat top left;
}

div.portfolio.grid-2 span.tags {
	background: url(assets/images/icons/icon-tag.png) no-repeat top left;
}

/* **************************** */
/* ****** PRICE TABLE CSS *******/
/* **************************** */
#price-table .pack {
	width: 180px;
	float: left;
	text-align: center;
}

#price-table div.service-list .header-bg {
	background-image: url(assets/images/general/price-table-header.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 4px;
}

#price-table h2 {
	padding-top: 10px;
}

#price-table .service-list li {
	font-weight: bold;
}

#contentWrap #price-table .service-list p {
	text-shadow: 0 0;
}

#price-table div.odd li.odd {
	background-color: #dddacf;
}

#price-table .pack p.intro {
	height: 65px;
	padding: 0 10px 20px 10px;
	margin-bottom: 0;
	overflow: hidden;
}

#price-table .pack li {
	height: 25px;	
	padding: 5px 0 0 10px;
}

#price-table .pack li.odd {
	background-color: #e4e1d7;
}

#price-table .pack li.buy {
	height: 55px;
	padding-top: 15px;
}

#price-table .pack li.buy a.graph {
	float: none;
	margin: 0 auto;
}

#price-table .pack img {
	background-color: transparent;
	padding: 0;
	border: 0;
}

#price-table.v2 .service-list .pt-header,
#price-table.v2 .service-list.odd li,
#price-table.v2 .service-list h2 {
	background-color: #3a3a3a;
	color: #ffffff;
	text-shadow: 0 0;
}

#price-table.v2 .service-list p.intro {
	height: 61px !important;
}

#price-table.v2 .service-list li {
	font-weight: normal;
}

#price-table.v2 .service-list.odd li.odd {
	background-color: #5c5c5c;
}

/* **************************** */
/* ******* INFOBOXES *********/
/* **************************** */
div.box-error {
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius: 6px;
	background: url("assets/images/icons/box-error.png") no-repeat 15px 16px #FFCECE;
	border: 1px solid #DF8F8F;
	color:#883333;
	padding: 20px 15px 20px 75px;
	font-size: 108.3%;
	margin: 2px 0 15px 0;
}

div.box-error a {
	color: #883333;
	font-weight: bold;
}

div.box-information {
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius: 6px;
	background: url("assets/images/icons/box-info.png") no-repeat 15px 16px #DEEEF7;
	border: 1px solid #82C3E6;
	color:#2F81B0;
	padding: 20px 15px 20px 75px;
	font-size: 108.3%;
	margin: 2px 0 15px 0;
}

div.box-information a {
	color: #2F81B0;
	font-weight: bold;
}

div.box-notification {
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius: 6px;
	background: url("assets/images/icons/box-note.png") no-repeat 15px 16px #FFFBCC;
	border: 1px solid #E6DB55;
	color: #8f8838;
	padding: 20px 15px 20px 75px;
	font-size: 108.3%;
	margin: 2px 0 15px 0;
}

div.box-notification a {
	color: #8f8838;
	font-weight: bold;
}

div.box-download {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: url("assets/images/icons/box-download.png") no-repeat 15px 16px #E3F4DE;
	border: 1px solid #A2D392;
	color:#599847;
	padding: 20px 15px 20px 75px;
	font-size: 108.3%;
	margin: 2px 0 15px 0;
}

div.box-download a {
	color: #599847;
	font-weight: bold;
}

/* CONTENT TOGGLE */
h6.toggle-heading {
	margin: 0 0 5px 0;
	padding: 0;
}

h6.toggle {
	position: relative;
	font-size: 13px;
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	/*height: 24px;*/
}

h6.toggle a {
	margin: 0;
	display: block;
	background-color: transparent;
	color: #303030;
	font-size: 14px;
	margin: 0 0 0 15px;
}

h6.toggle span.indicator {
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 20px;
	background: url(assets/images/general/icon-contentslider.png) no-repeat 0 0 transparent;
	cursor: pointer;
}

h6.toggle.active span.indicator {
	background: url(assets/images/general/icon-contentslider.png) no-repeat -20px 0 transparent;
}

div.toggle_div {
	background-color: #ffffff;
     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
	border: 1px solid #eeeeee;
	padding: 12px;
	font-size: 11px;
	line-height: 20px;
	margin: 5px 15px 10px 0;
	background-color: #f9f9f9;
}
div.toggle_div a {
	color: #303030;
}

div.toggle_div p  {
	padding: 0;
}

/* **************************** */
/* ***** LIST STYLE TYPES *******/
/* **************************** */
ol {
	padding-left: 20px;
}

ul.bullets {
	padding-bottom: 15px;
}

ul.bullets li {
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 25px;
	background-image: url(assets/images/icons/bullet_black.png);
}

ul.bullets.arrow li {
	background-image: url(assets/images/icons/bullet_arrow.png);
}

ul.bullets.blue li {
	background-image: url(assets/images/icons/bullet_blue.png);
}

ul.bullets.green li {
	background-image: url(assets/images/icons/bullet_green.png);
}

ul.bullets.red li {
	background-image: url(assets/images/icons/bullet_red.png);
}
ul.bullets.star li {
	background-image: url(assets/images/icons/bullet_star.png);
}


/* **************************** */
/* ** QUOTEBOX IN CONTENT CSS ***/
/* **************************** */
.quotebox-right {
	border-right:6px solid #DDDDDD;
	float:right;
	font-size:15px;
	line-height:22px;
	margin:22px 0 22px 22px;
	padding:0 15px 0 0;
	width:22%;
}

.quotebox-left {
	border-left:6px solid #DDDDDD;
	float:left;
	font-size:15px;
	line-height:22px;
	margin:22px 22px 22px 0;
	padding:0 0 0 15px;
	width:22%;
}

/* BUTTONS */

a.btn {
	background-repeat: repeat-x;
	background-color:transparent;
	display: inline-block;
	padding: 8px 10px 0 10px;
	font-size: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 15px 15px 10px 0;
	color:#000;
	height: 27px;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.0), rgba(255,255,255,0.40) 0 1px 0 inset;
   -moz-box-shadow: 0 0 0 rgba(0,0,0,0.0), rgba(255,255,255,0.40) 0 1px 0 inset;
}

a.btn.grey {
	background-image: url(assets/images/buttons/btn-grey.jpg);
	color: #303030;
	border: 1px solid #cacaca;
}

a.btn.black {
	background-image: url(assets/images/buttons/btn-black.jpg);
	border: 1px solid #494949;
	color: #ffffff;
}

a.btn.blue {
	background-image: url(assets/images/buttons/btn-blue.jpg);
	border: 1px solid #1b77a6;
}

a.btn.blue-dark {
	background-image: url(assets/images/buttons/btn-blue-dark.jpg);
	border: 1px solid #1a45a4;
}

a.btn.blue-ocean {
	background-image: url(assets/images/buttons/btn-blue-ocean.jpg);
	border: 1px solid #179d92;
}

a.btn.green {
	background-image: url(assets/images/buttons/btn-green.jpg);
	border: 1px solid #579619;
}

a.btn.green-sub {
	background-image: url(assets/images/buttons/btn-green-sub.jpg);
	border: 1px solid #168f55;
}

a.btn.green-light {
	background-image: url(assets/images/buttons/btn-green-light.jpg);
	border: 1px solid #96a01d;
}

a.btn.orange {
	background-image: url(assets/images/buttons/btn-orange.jpg);
	border: 1px solid #cd320e;
}

a.btn.pink {
	background-image: url(assets/images/buttons/btn-pink.jpg);
	border: 1px solid #991758;
}

a.btn.pink-purple {
	background-image: url(assets/images/buttons/btn-pink-purple.jpg);
	border: 1px solid #ac129c;
}

a.btn.pink-red {
	background-image: url(assets/images/buttons/btn-pink-red.jpg);
	border: 1px solid #9b182e;
}

a.btn.purple {
	background-image: url(assets/images/buttons/btn-purple.jpg);
	border: 1px solid #651593;
}

a.btn.red {
	background-image: url(assets/images/buttons/btn-red.jpg);
	border: 1px solid #961414;
}

a.btn.yellow {
	background-image: url(assets/images/buttons/btn-yellow.jpg);
	border: 1px solid #a08c1e;
}

button.btn.skin,
a.btn.skin {
	background-image: none;
	padding: 12px 15px 5px 15px;
	font-size: 14px;
	border-radius: 4px;
	-webkit-box-shadow: 0;
   -moz-box-shadow: 0;
}

button.btn.skin {
	background-image: none;
	padding: 3px 15px 5px 15px;
	font-size: 14px;
	border-radius: 4px;
	-webkit-box-shadow: 0;
   -moz-box-shadow: 0;
}

#galleria {
	width: 900px;
	height: 400px;
}


/*
 * Galleria Classic Theme
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */
 
.galleria-container {
    position: relative;
    overflow: hidden;
    background: 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;
    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: 2;
	display: none !important;
}
.galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(assets/images/general/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;
}
.galleria-info-description {
    font: italic 12px/1.4 georgia,serif;
    margin: 0;
    color: #bbb;
}
.galleria-info-title+.galleria-info-description {
    margin-top: 7px;
}
.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;
}
.galleria-info-close:hover{
    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;
}
.galleria-info-link:hover {
    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;
}
.galleria-image-nav-left:hover,
.galleria-image-nav-right:hover {
    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;
}
.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.galleria-thumbnails-container .disabled:hover {
    opacity: 0.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(assets/images/general/classic-map.png);
    background-repeat: no-repeat;
}

/* SOCIAL */
div.social ul {
	padding: 10px;
}

div.social ul li {
	float: left;
	margin-right: 5px;
}


/* **************************** */
/* ***** CSS FOR DEMO PAGES *****/
/* *************************** */

code, pre {
	background: url("assets/images/general/template-example-pre-bg.gif") repeat scroll 0 0 #E8EBEC;
	border: 1px dotted #BBBBBB;
	color: #333333;
	font: 13px/18px Consolas,"Courier New",Courier,monospace;
	padding: 18px 5px;
	margin-bottom: 15px;
}

code {
	background-image: none;
	padding: 1px 3px;
}

#contentWrap img.demo {
	padding: 0;
	border: 0;
	background-color: transparent
}

div.seperator {
	width: auto;
	height: 8px;
	background-color: #dfdede;
	margin: 20px 0;
}

#nav li li.orange a:hover {
	background-color: #e95533;
}

#nav li li.corpblue a:hover {
	background-color: #45a2d2;
}

#nav li li.green a:hover {
	background-color: #accb50;
}

#nav li li.black a:hover {
	background-color: #3d3d3d;
}

#nav li li.pink a:hover {
	background-color: #e14882;
}

#nav li li.purple a:hover {
	background-color: #c03fd3;
}

#nav li li.oceanblue a:hover {
	background-color: #36c0cc;
}

#nav li li.red a:hover {
	background-color: #eb5e5e;
}

#nav li li.sp-one a:hover {
	background: url(assets/images/skins/skin-9/demo.jpg) no-repeat 0 0 #612f30;
}

#nav li li.sp-two a:hover {
	background-color: #7a423b;
}

/* Skin
---------------------------------------------- */

/*  SLIDER HEADER TXT */
#header div.content h2 {
	color:#d01a12;
}

/* NAVIGATION */
#nav li.hover a,
#nav a:hover {
	color: #d01a12;
}

#nav ul ul li.hover a,
#nav ul ul a:hover,
#nav ul ul li.hover ul a:hover {
	color: #ffffff;
	background-color: #d01a12;
}

#nav ul ul li.hover ul a {
	color: #6a6a6a;
	background-color: #ffffff;
}

/* HEADER SLIDER */
div.readmore a {
	background: url(assets/images/skins/skin-1/btn-header.png) no-repeat 0 0 transparent;
	color: #ffffff;
}

/* COLUMN HEADING */
#column h4 {
	background: url(assets/images/skins/skin-1/heading-column.png) repeat-x 0 00 transparent;
	color: #ffffff;
}

#column h4 a {
	color: #ffffff;
}

/* BUTTONS */
button.btn.skin,
a.btn.skin {
	color: #ffffff;
   background-color: #d01a12;
}

/* BLOG */
div.entry-meta span.post-date {
	background: url(assets/images/skins/skin-1/heading-blog-date.png) no-repeat 0 5px transparent;
	text-align: center;
}

/* PORTFOLIO */
.portfolio.grid li a.folio-more,
.portfolio.grid div.content div.row span.name {
	background-color: #d01a12;
	color: #ffffff;
}

/* MISC */
.highlight {
	color: #d01a12;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
h4#comments {
	font-size: 180%;
	border-bottom: 1px dashed #eaeaea;
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-weight: normal;
	font-size: 200%;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 0 0 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 70px;
	position: relative;
}
.commentlist ul.children {
	margin: 24px 0 0 10px;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
.comment-body em {
	color: #ff0000;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 0;
	left: 0;
	border: 5px solid #eaeaea;
}
.comment-author {
	font-size: 0.9em;
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 0.9em;
	margin: 0 0 0 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	padding: 0 0 24px 0;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0 0 25px 0;

}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}

#respond h3 {
font-size: 160%;
font-weight: normal;
padding: 0 0 5px 0;
}

#respond label {
	color: #888;
	font-size: 1.1em;
}
#respond input {
	margin:0 0 9px;
}

#respond .inputText{
	width:300px;
	background: #f4f4f4;
	border: 1px dotted #ccc;
	padding: 4px;
}

#respond textarea {
	width:500px;
	padding: 4px;
	margin: 0 0 10px 0;
	background: #f4f4f4;
	border: 1px dotted #ccc;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

.aligncenter { 
	display:block; 
	margin:0 auto 
}
.alignleft { 
	float:left; 
	margin: 0 10px 0 0; 
}
.alignright { 
	float:right; 
	margin: 0 0 0 10px; 
}
.wp-caption-text { 
	font-style: italic;
	text-align: center;
	font-size: 0.8em;
	margin: 0;	
}

#map {
	width: 260px;
	height: 150px;
	overflow: hidden;
	border: 1px solid #ccc;
	margin: 0 0 20px 17px;
	background-color: #fff;
}
#map_big {
	width: 570px;
	height: 194px;
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-bottom: 10px;
}
#map_huge {
	width: 570px;
	height: 250px;
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-bottom: 10px;
}

.gmnoprint {
	width: 50px;
	height: 50px;
}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 2px 8px;
	margin: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

#wpcf7-f1-p758-o1{float:right;margin:0 10px 0 30px;}

.sitemap ul.children {
	margin: 0 0 0 10px;
}

.blogDateBox {
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	float: left;
	width: 60px;
	height: 46px;
	font-weight: bold;
	line-height:100%
}
.bdb-day{
	font-size: 18px;
	display: block;
	text-transform: uppercase;
	text-align: center;
	width: 60px;
	height: 14px;
	background-color: #989898;
	padding: 9px 0 0 0;
	text-shadow: 0px 2px 3px #ababab;
	color: #4f4f4f;
}
.bdb-month{
	font-size: 12px;
	display: block;
	text-transform: uppercase;
	text-align: center;
	width: 60px;
	height: 21px;
	background-color: #989898;
	padding: 2px 0 0 0;
	text-shadow: 0px 2px 3px #ababab;
	color:#4f4f4f;
}
.alert {
	width:420px;
	background-color:transparent;
	display: inline-block;
	padding: 2px 10px 0 10px;
	font-size: 12px;
	border-radius: 4px;
	margin: 15px 15px 10px 0;
	color:#000;
	height: 27px;
}
.twitterfeed {
	font-size: 16px;
}
.instaRubbe {
	padding-left: 45px;
	background: url(assets/images/icons/instagram.jpg) no-repeat 0 0 transparent;
	overflow: hidden;
	padding-bottom: 20px;
	text-align: left;
	min-height: 40px;
}

.instagram { overflow:hidden; margin-bottom:7px; padding-left:4px;  }
.instagram-placeholder { float:left; margin-right:16px; margin-bottom:16px; }
.last { margin-right:0; }
.instagram-placeholder a img { height:120px; width:120px; }

hr.floatclear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0 0 10px 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/******* Front buttons *******/

.frontbutton {
	height:70px;
	width: 262px;
	line-height: 70px;
	text-align: center;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	font-family: 'PT Sans';
	letter-spacing: 1px;
	outline: none;
	cursor: pointer;
	border-radius: 5px;
	color: #fff;
	border:0;
	box-shadow:
		inset 0 1px #bd291e,
		inset 1px 0 #bd291e,
		inset -1px 0 #bd291e,
		inset 0 -1px #bd291e,
		0 2px #bd291e,
		0 3px #bd291e,
		0 4px 2px rgba(0,0,0,0.0)
	;
	background: #e10e00;
	padding: 10px 15px 10px 15px;
	display: inline-block;
	vertical-align: top;
}
.frontbutton:hover { opacity:0.9;text-decoration: none; }
.frontbutton:active {
	top: 3px;
	background: #e10e00;
	box-shadow: inset 0 1px 2px #bd291e;
}
.notlast{
	margin-right: 10px;
}