/*

Cloope - CSS File

*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
	font-family: 'DroidSansRegular';
	src: url('../fonts/DroidSans-webfont.eot');
	src: url('../fonts/DroidSans-webfontd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DroidSans-webfont.woff') format('woff'),
		url('../fonts/DroidSans-webfont.ttf') format('truetype'),
		url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'DroidSansBold';
	src: url('../fonts/DroidSans-Bold-webfont.eot');
	src: url('../fonts/DroidSans-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
		url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
		url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'ACaslonProRegular';
	src: url('../fonts/acaslonpro-regular-webfont.eot');
	src: url('../fonts/acaslonpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/acaslonpro-regular-webfont.woff') format('woff'),
		url('../fonts/acaslonpro-regular-webfont.ttf') format('truetype'),
		url('../fonts/acaslonpro-regular-webfont.svg#DroidSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;

}

/*** GLOBAL  ***/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0 auto;
	padding: 0;
	line-height: 20px;
	background: #d6d6d6 url(../images/pattern.png);
}

* {
	margin: 0;
	padding: 0;
}

*:focus {
	outline: none;
	/* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}

form {
	margin: 0;
	padding: 0;
}

hr {
	border-width: 0;
	height: 1px;
	line-height: 0;
	margin: 30px 0px;
	page-break-after: always;
	text-align: center;
	width: 100%;
	clear: both;
	color: #ededed;
	background-color: #ededed;
}



/* Self Clearing Goodness */
.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.row:after,
.clearfix:after {
	clear: both;
}

.row,
.clearfix {
	zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1,
h2 {
	margin-bottom: 15px;
}

h3,
h4,
h5,
h6 {
	margin-bottom: 10px;
}

h1 {
	font-size: 24px;
	line-height: 33px;
}

h2 {
	font-size: 18px;
	line-height: 20px;
}

h3 {
	font-size: 16px;
	line-height: 18px;
}

h4 {
	font-size: 15px;
	line-height: 17px;
}

h5 {
	font-size: 14px;
	line-height: 16px;
}

h6 {
	font-size: 13px;
	line-height: 15px;
}

h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-family: 'DroidSansRegular', sans-serif, Arial, Helvetica;
}

h1 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;
}

.pagetitle {
	font-size: 20px;
	color: #fff;
	margin: 0;
	font-style: normal;
	font-family: 'DroidSansRegular', sans-serif, Arial, Helvetica;
}

.pagedesc {
	font-size: 14px;
	color: #fff;
}

h5.colortext {
	line-height: 40px;
}



/* links */

a,
a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none
}


/* float align */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 3px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 5px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
}

.alignleft1,
img.alignleft1 {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 3px;
	padding: 0 0 0 300px;
}

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
}

/* lists, blockquotes and paragraphs */
p,
ul,
ol,
blockquote {
	margin-bottom: 20px;
}

ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}

ol {
	list-style: decimal;
	margin: 0 0 18px 2.2em;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}

blockquote {
	margin: 0px 0 20px 0px;
	padding: 0px 10px 0px 40px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	font-style: italic;
	font-size: 12px;
	line-height: 22px;
}


blockquote.left,
blockquote.right {
	float: right;
	letter-spacing: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 0px;
	padding: 0px 20px 10px 60px;
	width: 43%;
	background-position: 0px 0px;
}

blockquote.left {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
}

blockquote p {
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 20px
}

/* code */
code {
	font-family: Verdana, Arial;
	letter-spacing: 1px;
	margin: 25px 0 25px 0px;
	display: block;
	font-size: 0.9em;
	border-left: 4px solid #cfcfcf;
	padding: 15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#outer-container {
	width: 100%;
}

#container {
	width: 1000px;
	margin: 30px auto;
	padding: 0 0 0 0;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	/* for old Konqueror browsers */
	border-radius: 10px 10px 10px 10px;
	/* future proofing */
	background: #fff;
}

#content {
	clear: both;
	padding: 0 0;
	background: url(../images/bg-content.gif) repeat-x top left
}

#main {
	padding: 45px 30px 45px 30px;
	clear: both;
}

#content.innerpage {
	margin: 4px 0 0 0
}

#content.innerpage #main {
	padding: 30px 40px 40px 40px;
}

#maincontent {
	width: 930px;
	float: left
}

#maincontent.positionright {
	float: right;
	padding: 0 0 0 30px
}

#maincontent.positionleft {
	float: left;
	padding: 0 30px 0 0;
}

#maincontent.full {
	width: 940px;
}

#sidebar {
	width: 240px;
	padding-left: 0px;
	float: left;
}

#footer {
	background: #242322;
}


/* HEADER */
#header {
	height: 87px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	/* for old Konqueror browsers */
	border-radius: 10px 10px 0px 0px;
	/* future proofing */
	border-bottom: solid 4px #242322;
}

/* Logo */
#logo {
	float: left;
	padding: 40px 0 0 20px;
}

#logo img {
	height: 40px;
}

#logo a {
	color: #403d3a;
	display: block;
}

#logo a:hover {
	text-decoration: none;
	color: #403d3a;
}

#logo span {
	font-size: 30px;
	padding-left: 10px;
	display: inline-block;
	height: 40px;
	vertical-align: top;
	margin-top: 10px;
}


/* Social */
#sn {
	padding: 0 30px 5px 0;
	text-align: right
}

#sn ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}

#sn li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 3px;
	display: inline
}

.sn span {
	height: 21px;
	width: 21px;
	display: inline;
	display: inline-block
}

.icon-img {
	background-position: 0 0;
}

.icon-img:hover {
	background-position: 0 -21px;
}

/* TOP MENU */
#nav {
	position: relative;
	z-index: 200;
	float: right;
	margin: 0;
	padding: 50px 0 0 0
}

/* Nav Menu */
#topnav {
	margin: 0 20px 0px 0;
	padding: 0;
	list-style-type: none;
	overflow: visible;
	position: relative;
	float: left;
	font-family: 'DroidSansRegular', sans-serif, Arial, Helvetica;
}

#topnav li a.current:hover {
	background: transparent !important;
}

#topnav>li {
	margin: 0px 5px;
}

#topnav>li:first-child {
	margin-left: 0px;
}

.sf-menu a {
	text-decoration: none !important;
	display: block;
	position: relative;
	padding: 10px 0px 8px 10px !important;
	text-decoration: none;
	font-weight: 500;
}




/* Drop down menu */
.sf-menu ul a:hover {}

.sf-menu li li {
	text-align: left;
	line-height: 20px;
	margin: 0;
}

.sf-menu,
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12.5px;

}

.sf-menu {
	line-height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	float: left;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 27em;
	/* left offset of submenus need to match (see below) */

}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	visibility: inherit;
	/* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float: left;
	position: relative;
	margin: 0;
}

.sf-menu li li {
	margin: 0px 0px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: -10px;
	top: 3.1em;
	/* match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;

}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em;
	/* match ul width */
	top: -1px;
	margin-left: 0px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;

}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em;
	/* match ul width */
	top: -1px;

}

.sf-menu ul li a {
	padding: 8px 0px 8px 20px !important;
}

.sf-menu li ul {
	padding: 0px;
}

.sf-menu a.sf-with-ul {
	padding-right: 0px;
	min-width: 1px;
	/* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 10px;
	top: 1.05em;
	/* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
}



.sf-menu ul {
	border: 0px;
}

.sf-menu li li {
	background: url(../images/sub-menu-line.gif) repeat-x left bottom;
}

.sf-menu li li:last-child {
	background: transparent
}



/* SLIDER */
#slider-container {
	background: none repeat scroll 0 0 #F55D2D;
	clear: both;
	height: 342px;
	position: relative;
}

#top-opacity-slider {
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/top-opacity-slider.png) repeat-x;
	z-index: 30;
}

.box_skitter_large {
	width: 1000px;
	height: 340px;
	background: #000
}

.label_skitter {
	bottom: 30px;
	right: 30px;
	padding: 0;
	background: url(../images/opacity-slider-text.png) repeat;
	font-size: 14px;
	color: #e9e9e9;
	padding: 10px 25px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	/* for old Konqueror browsers */
	border-radius: 5px 5px 5px 5px;
	/* future proofing */
}

.label_skitter h3 {
	margin-bottom: 10px;
}

#slider-container1 {

	clear: both;
	height: 202px;
	position: relative;
	padding: 0 0 0 300px;
}

#top-opacity-slider1 {
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/top-opacity-slider.png) repeat-x;
	z-index: 30;
}

.box_skitter_large1 {
	width: 300px;
	height: 202px;
	background: #000
}

.label_skitter {
	bottom: 30px;
	right: 30px;
	padding: 0;
	background: url(../images/opacity-slider-text.png) repeat;
	font-size: 14px;
	color: #e9e9e9;
	padding: 10px 25px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	/* for old Konqueror browsers */
	border-radius: 5px 5px 5px 5px;
	/* future proofing */
}

.label_skitter1 h3 {
	margin-bottom: 10px;
}



/*** BEFORE CONTENT ***/
#before-content {
	position: relative;
	background: #f55d2d;
	height: 90px
}

#before-content .title-and-desc {
	padding: 20px 30px 20px 30px;
}

#before-content .title-and-desc h1 {
	margin-bottom: 0px;
	line-height: normal;
}

#before-content .title-and-desc.nodesc {
	padding: 30px 30px 20px 30px;
}

#before-content.useimage {
	height: 184px;
}

#before-content.useimage .title-and-desc {
	position: absolute;
	bottom: 30px;
	right: 30px;
	background: url(../images/opacity-slider-text.png) repeat;
	padding: 15px 20px 15px 20px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	/* for old Konqueror browsers */
	border-radius: 5px 5px 5px 5px;
	/* future proofing */
}

#before-content.useimage .title-and-desc.nodesc {
	padding: 10px 20px 10px 20px;
}

#before-content.useimage .pagetitle {
	font-size: 16px;
}

#before-content.useimage .pagedesc {
	font-size: 12px;
}

.line-shadow {
	background: url(../images/line-shadow.png) repeat-x;
	height: 1px;
	position: absolute;
	top: 0;
	z-index: 10;
	width: 100%
}

.line-shadow-bottom {
	background: url(../images/line-shadow.png) repeat-x;
	height: 1px;
	position: absolute;
	bottom: 3px;
	z-index: 10;
	width: 100%
}


/* CONTENT */
.titlecenter {
	font-size: 16px;
	color: #777;
	text-align: center;
	padding: 10px 0 0 0;
	margin-bottom: 6px;
	clear: both;
}

.titlecenter a,
.titlecenter a:visited {
	color: #777;
}

.titlecenter a:hover {
	color: #f55d2d;
	text-decoration: none
}

.textcenter {
	text-align: center;
	display: block;
	clear: both
}


/* form & button */
form {
	margin: 0;
	padding: 0;
}

input[type="text"],

textarea,
input[type="password"],
select {
	border: solid 1px #ededed;
	font-size: 11px;
	padding: 8px 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

textarea:focus {
	outline: 0;
}

input[type="submit"],
input[type="submit"]:hover {
	font-family: 'DroidSansRegular', sans-serif, Arial, Helvetica;
	padding: 0px 15px;
	height: 25px;
	color: #403d3a;
}

.button,
.button:visited,
.button:hover {
	height: 25px;
}

.button,
.button:visited,
input[type="submit"] {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* future proofing */
	-khtml-border-radius: 5px;
	/* for old Konqueror browsers */
	background: url(../images/bg-button.gif) repeat-x;
	border: 1px solid #cbcbcb;
	padding: 0px 15px;
	line-height: 25px;
	height: 25px;
	color: #74706a;
}

.button:hover,
input[type="submit"]:hover {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* future proofing */
	-khtml-border-radius: 5px;
	/* for old Konqueror browsers */
	text-decoration: none;
}





/*==== Separator ====*/

.separator {
	display: block;
	padding: 15px 0;
	text-align: center;
	width: 100%;
	clear: both;
}

.separator.line {
	display: block;
	text-align: center;
	width: 100%;
	clear: both;
	padding: 0px 0 10px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #ededed;
}


/* Dropcaps */
.dropcap1 {
	text-shadow: 1px 1px 0 #ededed;
	display: block;
	float: left;
	font-size: 35px;
	line-height: 35px;
	margin: 2px 8px 0 0;
	color: #f55d2d
}

.dropcap2 {
	display: block;
	float: left;
	font-size: 35px;
	line-height: 45px;
	width: 47px;
	-moz-border-radius: 47px;
	-webkit-border-radius: 47px;
	-khtml-border-radius: 47px;
	border-radius: 47px;
	float: left;
	text-align: center;
	margin: 8px 15px 0 0;
	padding-top: 3px;
	background: #f55d2d;
	color: #fff;
}

.dropcap3 {
	background: #f55d2d;
	color: #fff;
	display: block;
	float: left;
	font-size: 35px;
	line-height: 40px;
	width: 47px;
	height: 40px;
	text-align: center;
	margin: 6px 8px 0 0;
	padding: 5px 0
}

/* Highlight */
.highlight1 {
	padding: 2px 5px;
	background-color: #f7f7f7;
	border: solid 1px #ebebeb
}

.highlight2 {
	padding: 2px 5px;
	background-color: #ebebeb;
	border: solid 1px #f7f7f7
}



/* Pullquotes */
.pullquote-right,
.pullquote-left {
	padding: 0px 10px 0px 50px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	font-family: 'Ubuntu', Georgia, Arial;
	font-style: italic;
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 22px;
	margin: 0px 2px 20px 20px;
	width: 50%;
}

.pullquote-left {
	float: left;
	margin-left: 2px;
	margin-right: 20px;
}

/* Tabs */
.tabcontainer {
	margin: 0;
}

ul.tabs {
	margin: 0;
	padding: 0 0 2px 0;
	list-style: none;
	height: 25px;
	width: 100%;

}

ul.tabs li {
	float: left;
	margin: 0 0;
	padding: 0 15px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	position: relative;
	font-size: 12px;
	background: #fbfbfb;
	border: solid 1px #ededed;
	border-width: 2px 1px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

ul.tabs li:first-child {
	border-left: solid 1px #ededed;
}

ul.tabs li a {
	text-decoration: none;

	display: block;
	padding: 0 0px;
	outline: none;
	color: #666;
}

.tab-content {
	padding: 10px 0;
}

.tab-content0 {
	padding: 20px 350px 10px 0px;
}

.tab-content1 {
	padding: 20px 350px 10px 0px;
}

.tab-content2 {
	padding: 20px 350px 10px 0px;
}

ul.tabs li:hover {}

ul.tabs li.active {
	background: transparent;
	border-bottom: solid 1px #fff
}

html ul.tabs li.active a {
	color: #f55d2d;
}

#tab-body {
	padding: 0 20px;
	border: solid 1px #ededed;
	border-radius: 0 8px 8px 8px;
	-moz-border-radius: 0 8px 8px 8px;
	-webkit-border-radius: 0 8px 8px 8px;
}


/* jQuery Toggle */
#toggle {
	border: 1px solid #ededed;
	border-width: 0 0 1px 0;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}

h2.trigger {
	padding: 14px 20px;
	margin: 0 0 0 0;
	font-size: 13px;
	font-weight: normal;
	border: 1px solid #ededed;
	border-width: 1px 1px 0 1px;
	background: #fbfbfb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

h2.trigger span {
	text-decoration: none;
	display: block;
	color: #666;
	height: 9px;
	background: url(../images/arrow-left.gif) no-repeat 0 2px;
	padding-left: 20px;
	cursor: pointer;
	line-height: 12px;
}

h2.active span {
	background: url(../images/arrow-down.gif) no-repeat 0 1px;
	color: #f55d2d
}

h2.trigger a:hover {
	color: #454545;
}

h2.active {
	background: transparent;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

.toggle_container {
	margin: 0 0 0 0;
	padding: 10px 25px;
	overflow: hidden;
	clear: both;
	border: 1px solid #ededed;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}

.toggle_container .block {
	padding: 0px;
}

.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}


/* Tables */
.table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 18px;
}

.table,
.td,
.th,
.tr {
	text-align: center;
}

.th {
	padding: 15px;
	text-transform: uppercase;
	border-bottom: 5px solid #403d3a;
}

.td {
	padding: 10px;
}

tfoot td {
	border: 0px;
}

th,
tr:hover {}

.table {
	border: 5px solid #f1f1f1;
	border-bottom: 0;
	text-align: center;
	margin: 0 -1px 24px 0;
	width: 100%;

}

tr th,
thead th {
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	border-style: 3px solid #403d3a;
	border-bottom: 3px solid #403d3a;
	border-width: 1.8px;
	padding: 9px 24px;

}

tr td,
thead td {
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	line-height: 18px;
	padding: 9px 24px;

}

tr,
td {
	border-bottom: 1px solid #f1f1f1;
	padding: 6px 24px;
}

tr.odd td {
	background: #F2F7FC;
}


/*== Bullet List ==*/
.bullet {
	margin: 0;
	padding: 0 0 30px 120px;
	list-style-type: none;
}

.bullet li {
	background: transparent url(../images/arrow.png) no-repeat;
	background-position: 0 5px;
	margin: 0;
	padding: 0 0 8px 20px;
	list-style-type: none;
}

.bullet1 {
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: none;
}

.bullet1 li {
	background: transparent url(../images/arrow.png) no-repeat;
	background-position: 0 5px;
	margin: 0;
	padding: 0 0 8px 20px;
	list-style-type: none;
}

.bullet2 {
	margin: 0;
	padding: 0 0 0 90px;
	list-style-type: none;
}

.bullet2 li {
	background: transparent url(../images/arrow.png) no-repeat;
	background-position: 0 5px;
	margin: 0;
	padding: 0 0 8px 20px;
	list-style-type: none;
}

.bullet3 {
	margin: 0;
	padding: 0 0 0 200px;
	list-style-type: none;
}

.bullet3 li {
	background: transparent url(../images/arrow.png) no-repeat;
	background-position: 0 5px;
	margin: 0;
	padding: 0 0 8px 20px;
	list-style-type: none;
}

/*==== Column ====*/
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	margin-right: 2%;
	margin-left: 2%;
	position: relative;
	float: left;
}

.one_half {
	width: 51.9%;
}

.one_third {
	width: 30.6666%;
}

.one_fourth {
	width: 22%;
}

.one_fifth {
	width: 16.8%;
}

.one_sixth {
	width: 13.3333%;
}

.two_third {
	width: 65.3332%;
}

.one_half1 {
	width: 51.9%;
}

.two_fourth {
	width: 48%;
}

.two_fifth {
	width: 37.6%;
}

.two_sixth {
	width: 30.6666%;
}

.three_fourth {
	width: 74%;
}

.three_fifth {
	width: 58.4%;
}

.three_sixth {
	width: 47.9998%;
}

.four_fifth {
	width: 79.2%;
}

.four_sixth {
	width: 65.3332%;
}

.five_sixth {
	width: 82.6665%;
}

.firstcols {
	margin-left: 0px !important;
}

.last,
.lastcols {
	margin-right: 0px;
	clear: right;
}



/* SIDEBAR */
.widget-title {
	text-align: center;
	font-size: 16px;
	padding: 0;
	margin-bottom: 10px;
	padding-bottom: 18px;
	background: url(../images/line-title.png) bottom no-repeat;
}

#sidebar ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;

}

#sidebar .widget-container {
	margin-bottom: 30px;
	padding: 15px 15px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	/* for old Konqueror browsers */
	border-radius: 10px 10px 10px 10px;
	/* future proofing */
	border: 1px solid #EDEDED;
}

#sidebar li li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 5px 0 0px 0;
	border-top: 1px solid #ededed;
}

#sidebar li li:first-child {
	border: 0px;
	padding-top: 0px;
}

#sidebar li li a {
	padding: 3px 0px 0px 20px;
	display: inline-block;
	background: url(../images/icon-arrow.png) no-repeat 0px 7px;
	color: #74706a;
}

#sidebar li li a:hover,
#sidebar li li a.active {
	text-decoration: none;
	background: url(../images/icon-arrow-hover.png) no-repeat 0px 7px;
	color: #f75948;
}

#sidebar .latestpost li {
	clear: left;
	margin-bottom: 13px;
	padding-top: 13px;
}

#sidebar .latestpost li a,
#sidebar .latestpost li a:hover {
	color: #f75948;
	padding: 0px;
	background: none;
}

#sidebar .latestpost li a:hover {
	text-decoration: underline
}

#sidebar .latestpost .post-date {
	color: #bababa;
	font-size: 11px;
	display: block
}


#sidebar .download p {
	margin-bottom: 0px;
}

#sidebar ul.sub-menu,
#sidebar ul.children,
#sidebar ul ul ul {
	margin: 9px 0 0 15px;
}

#sidebar ul.sub-menu li,
#sidebar ul.children li,
#sidebar ul ul ul li {
	margin-bottom: 5px;
	padding-bottom: 4px
}

#sidebar ul.sub-menu li:last-child,
#sidebar ul.children li:last-child,
#sidebar ul ul ul li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0;
	border-bottom: 0;
}

#sidebar .service h2 {
	font-family: 'DroidSansBold';
	font-size: 22px;
}

#sidebar .service li {
	margin-bottom: 20px;
}

#sidebar .service h4 {
	background: url(../images/icons/icon-arrow.png) no-repeat;
	padding-left: 35px;
	margin-bottom: 10px;
}


#sidebar .boxslideshow li {
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#sidebar .boxslideshow blockquote {
	background: none;
	font-style: italic;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #74706a;
	font-size: 13px;
}

#sidebar .boxslideshow .testi-name {
	text-align: right;
	display: block;
	border-top: 1px solid #ededed;
	padding-top: 15px;
}

.nomargin {
	margin-right: 0 !important;
}

/* AFTER CONTENT */
#after-content {
	border-top: 1px solid #eeede8;
	background: #fdfcf9;
	clear: both;
	width: 960px;
	padding: 20px;
}

#twitter_update_list {
	list-style-type: none;
	padding: 0 15px;
	margin: 0;
	text-align: center
}

#twitter_update_list li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	background: url(../images/tweet.png) no-repeat left top;
	padding: 0 0 0 25px
}



/* FOOTER */
#main-footer {
	padding: 40px 30px 0px 30px;
	color: #ccc
}

#main-footer .footcol1,
#main-footer .footcol2,
#main-footer .footcol3,
#main-footer .footcol4 {
	float: left;
	width: 220px;
	margin-right: 20px
}

#main-footer .footcol4 {
	margin-right: 0px;
}

#main-footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#main-footer li.widget-container {
	list-style-type: none;
	margin: 0 0 40px 0;
	padding: 0;
	border: 0px;
}

#main-footer .widget-title {
	font-size: 16px;
	padding: 0;
	line-height: 18px;
	margin-bottom: 15px !important;
	text-align: left;
	background: none;
	color: #fff
}

#main-footer li li {
	border-bottom: 1px solid #2d2c2b;
	padding: 0 0 5px 0px;
	margin: 0 0 5px 0;
}

#main-footer li li:first-child {
	border-top: 1px solid #2d2c2b;
	padding: 5px 0;
}

#main-footer li a {
	color: #ccc;
	padding: 0px;
	margin: 0px;
}

#main-footer li a:hover {
	text-decoration: none;
	color: #f55d2d
}


#main-footer ul.gallery li {
	float: left;
	margin: 0px 6px 10px 0px !important;
	padding: 3px 3px 3px 3px !important;
	width: 42px;
	height: 42px;
	background: #505050;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	/* for old Konqueror browsers */
	border-radius: 3px 3px 3px 3px;
	/* future proofing */
}

#main-footer ul.gallery li:first-child {
	padding: 0px;
	border: 0px;
}

#main-footer ul.gallery li img {
	float: left;
}

#main-footer ul.gallery li:hover {
	background: #e86a4d;
}

/*** AFTER FOOTER ***/
#after-footer {
	background: #1a1919;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	/* for old Konqueror browsers */
	border-radius: 0px 0px 10px 10px;
	/* future proofing */
	padding: 20px 30px;
}

#copyright {
	font-size: 11px;
	color: #505050;
	text-align: center
}

#copyright a,
#copyright a:visited {
	color: #958d8d;
}

.magic {
	text-align: justify;
}

.matter {
	text-align: center;
}

.mans {
	padding: 0 0 0 20px;
}

.man2 {
	padding: 0 0 0 250px;
}

.man3 {
	padding: 0 0 0 180px;
}

.man5 {
	padding: 10px 0 0 0;
}

/* PORTFOLIO */
#filter {
	line-height: 22px;
	list-style-type: none;
	padding: 0;
	margin: 20px 0 30px 0;
	float: left;
	border-bottom: solid 1px #ededed;
	width: 940px
}

#filter li {
	list-style-type: none;
	float: left;
	margin-right: 0;
	padding-bottom: 6px
}

#filter li a,
#filter li a:visited {
	display: block;
	display: inline-block;
	color: #666;
}

#filter li a:hover,
#filter li.selected-1 a {
	text-decoration: none;
	color: #f45b2a
}

#ts-display-pf-filterable {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#ts-display-pf-filterable li {
	width: 220px;
	float: left;
}

#ts-display-pf-filterable .ts-display-pf-img {
	position: relative;
}

#ts-display-pf-filterable .ts-display-pf-img a.image {
	display: block;
	position: relative;
	overflow: inherit;
	display: block;
	position: relative;
	display: block;
	border: solid 3px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 151px;
	height: 51px;
}

#ts-display-pf-filterable .ts-display-pf-img a .rollover {
	background: url(images/hover-zoom.png);
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	position: absolute;
	z-index: 10;
	display: none;
	cursor: pointer;
	width: 151px;
	height: 51px;
}

#ts-display-pf-filterable .ts-display-pf-img a .rollover.gotolink {

	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
}

#ts-display-pf-filterable .ts-display-pf-img a .rollover.gotopost {
	background: url(images/hover-doc.png);
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
}

#ts-display-pf-filterable .ts-display-pf-img {
	width: 159px;
	background: #f0efec;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 6px;
}

#ts-display-pf-filterable .ts-display-pf-img:hover {
	background: #f45b2a;
}

.image-grid {
	width: 940px;
	float: left;
}

.image-grid li {
	width: 200px;
	height: 120px;
	margin: 0 20px 0 0;
}

.image-grid li.nopfdesc {
	height: 160px;
}

.image-grid li.nopftitle {
	height: 180px;
}

.image-grid li.nopftitle.nopfdesc {
	height: 140px;
}

.image-grid:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.image-grid li {
	float: right;
	overflow: hidden;
}

.image-grid li.nomargin {
	margin-right: 0px !important;
}

#ts-display-pf-filterable .ts-display-pf-text {
	text-align: center;
	padding: 10px 50px 0 0
}

#ts-display-pf-filterable .ts-display-pf-text h3 {
	font-size: 14px;
	font-weight: normal;
	color: #777;
}

#ts-display-pf-filterable .ts-display-pf-text h3 a,
#ts-display-pf-filterable .ts-display-pf-text h3 a:visited {
	color: #777;
}

#ts-display-pf-filterable .ts-display-pf-text h3 a:hover {
	color: #f45b2a;
	text-decoration: none
}