/*  

Theme Name: Cleanex

Theme URI: http://www.templatesquare.com/

Description: Cleanex is a simple, clean and minimalist business wordpress theme suitable for company, business, portfolio and corporate sites.

Version: 1.0

Author: templatesquare

Author URI: http://www.templatesquare.com/

License: GNU General Public License

License URI: license.txt

Tags: theme-options

*/







/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

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



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, 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;


	margin: 0;

	padding: 0;

	vertical-align: baseline;

}

body {

	line-height: 1;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

blockquote {

	quotes: none;

}

blockquote:before, blockquote:after {

	content: '';

	content: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

a img {

	border: none;

}



*:focus {

	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you

					 if you want to keep it! */

}





/* =Global Elements

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



/* Main global 'theme' and typographic styles */

body {

	font-family:Arial, Tahoma, Verdana;

	font-size:14px;

	margin:0 auto;

	padding:0;

	line-height:20px;

}



/* links */

a, a:visited {text-decoration:none;}

a:hover{text-decoration:underline;}

a img{border:none}



form{margin:0; padding:0;}



.clr, .clear{clear:both; height:1px !important; line-height:1px !important; float:none!important; }



/* heading */

h1, h2{margin-bottom:15px; font-family:Arial, Verdana; font-weight:normal; }

h3, h4, h5, h6{margin-bottom:8px; font-family:Arial, Verdana; font-weight:normal;}

h1 {font-size:36px; line-height:30px;}

h2 {font-size:26px; line-height:24px;}

h3 {font-size:24px; line-height:20px;}

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

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

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



.pagetitle{margin:0}

.titlepage{margin:0;}







/* Text elements */

hr {

	border-width:0;

	height:1px;

	line-height:0;

	margin:45px 0px;

	page-break-after:always;

	text-align:center;

	width:100%;

	clear:both;

}



p {

	margin-bottom:20px;

}



body p:last-child{margin-bottom:0;}



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;

}

dl {

	margin: 0 0 24px 0;

}

dt {

	font-weight: bold;

}

dd {

	margin-bottom: 18px;

}

strong {

	font-weight: bold;

}

cite,

em,

i {

	font-style: italic;

}

big {

	font-size: 131.25%;

}

ins {

	background: #ffc;

	text-decoration: none;

}



blockquote, .quote {

	font-style:italic;

	margin:0px 0 20px 0px;

	padding:6px 10px 0px 40px;

	background-image:url(images/quote.png);

	background-repeat:no-repeat;

	background-position:0px 0px;

	clear:both;

	font-size:12px;

	line-height:20px;

	font-family:Arial;

	}

	

blockquote p{ margin:0px;}

blockquote div{}

blockquote cite,

blockquote em,

blockquote i {

	font-style: normal;

}



code {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	letter-spacing:1px;

	margin:25px 0 25px 0px;

	display:block;

	font-size:0.9em;

	border-left:4px solid #cfcfcf;

	padding:15px 10px;

}



pre {

	background: #f7f7f7;

	line-height: 18px;

	margin-bottom: 18px;

	padding:20px;

}

abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

sup,

sub {

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}



/* Text meant only for screen readers */

.screen-reader-text {

	position: absolute;

	left: -9000px;

}



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





/* CONTAINER

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

#wrapper{width:1020px; margin:30px auto; }

#container{width:940px; margin:0 auto;}





/* TOP

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

#top{padding:22px 0px 22px 0px; width:100%; float:left;}

#logo{ float:left;}

#logo h1, #logo h1 a, #logo h1 a:visited{font-size:36px; margin-bottom:0px;}

#logo h1 a:hover{text-decoration:none;}

#logo .desc{ font-size:15px; font-family:Calibri, Verdana, Arial;}

.information{ float:right;}



/* TOP MENU

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

#topnav{float:left; margin-bottom:10px; width:100%; float:left}

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

#topnav ul li{list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#topnav ul li li{padding:0px;}

#topnav ul li:first-child{background-image:none;}





/*Top level list items*/

.jqueryslidemenu ul li{

	position: relative;

	display: inline;

	float: left;

	z-index:100;

	font-size:12px;

}





/*Top level menu link items style*/

.jqueryslidemenu ul li a{

	display: block;

	padding: 10px 15px 10px 15px;

	text-decoration: none;

}



* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

	display: inline-block;

}

	

/*1st sub level menu*/

.jqueryslidemenu ul li ul{

	position: absolute;

	left: 0px;

	top:25px !important;

	display: block;

	visibility: hidden;

	padding:0px !important;

	padding-top:15px !important;

}





/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{display: list-item; float:none;}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{

	left: 191px !important;

	top: -1px !important;

	padding-top:0px !important;

}



/* Sub level menu links style */

.jqueryslidemenu ul li ul li a{

	width: 160px; /*width of sub menus*/

	padding: 6px 15px;

	margin: 0;

	border-top-width:0px!important;

}



.jqueryslidemenu ul li ul li li a{border-width:0px 1px 1px 1px;}





/* ######### CSS classes applied to down and right arrow images  ######### */

.jqueryslidemenu a span.downarrowclass{background:url(images/down.gif) no-repeat right top; height:8px; width:7px; margin-left:8px; margin-top:7px; display:inline-block;}

.jqueryslidemenu a span.rightarrowclass {background: url(images/right.gif) no-repeat right center;  height:7px; width:4px; margin-left:8px; margin-top:7px; float:right;}





/* HEADER AND SLIDER

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

#header{float:left; width:100%; margin:26px 0px 10px 0px !important; padding:0 0 20px 0;  position:relative;}

#header.inner{padding:0 0 30px 0;}

.header-desc{ background:url(images/bg-text-slide.png); width:178px; padding:34px 19px 0px 19px;; margin-right:78px; position:absolute; z-index:15; right:0px; height:186px; top:0px;}

.header-desc h1{ margin-bottom:0px;}



.header-desc p{ margin-top:25px;}



/* SLIDER */

#slideshow{ padding-bottom:35px; position:relative; width:940px; overflow:hidden;}

#slider{ position: absolute !important; top:0px; width:940px; height:220px; z-index:88; left:0px; }

.desc-slide{height:186px; overflow:hidden; position:relative;}





/* END SLIDER */





/* CONTENT

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

#main-content{margin:20px 0px;}

#main-content, #content, #sidebar{float:left;}

#content{width:610px; margin-right:30px;}

#content.positionright{width:610px; margin:0 0 0 30px; float:right}

#content.full{ width:940px !important; float:none !important;}

.indent{overflow:hidden; margin-bottom:0;}





.contentbox{ font-size:22px; padding:24px 0px; text-align:center; clear:both;}





/* form and button */

input[type="text"],

textarea {	padding: 5px;}

	

.more:hover, .button:hover{ text-decoration:none; }

.more, .button, input[type="submit"]{

	padding:4px 15px;

	display:inline-block;

	font-size:12px;

	text-align:center;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	-khtml-border-radius: 2px;

	border-radius: 2px;

}



input[type="submit"]{

	padding:6px 15px;

}



/* Column list */

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

.four_column li{list-style-type:none;width:22%; margin-right:4%; float:left;}

.four_column p{margin-bottom:10px;}



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

.three_column li{list-style-type:none;width:30.66%; margin-right:4%; float:left;}

.three_column p{margin-bottom:10px;}



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

.two_column li{list-style-type:none;width:48%; margin-right:4%; float:left;}

.two_column p{margin-bottom:10px;}



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

.three_four_column li{list-style-type:none;width:74%; margin-right:4%; float:left;}

.three_four_column p{margin-bottom:10px;}



.two_column li li, .three_column li li, .four_column li li, .three_four_column li li{margin:0px; width:auto !important; float:none;}





/* Separator */

.separator {

	display:block;

	height:20px;

	text-align:center;

	width:100%;

	clear:both;

}



.separator.line {

	display:block;

	height:40px;

	text-align:center;

	width:100%;

	clear:both;

	margin:0px 0 20px 0;

}





/* Tables */

table {border-collapse:separate;border-spacing:0;width:100%;}

table,td,th { text-align:left;}

th{padding:10px;text-transform:uppercase;}

td{padding:10px;}

tfoot td{border:0px;}

th,tr:hover{}

table {


	text-align: left;

	margin: 0 -1px 24px 0;

	width: 100%;

}

tr th,

thead th {


	font-size: 12px;

	font-weight: bold;

	line-height: 18px;

	padding: 9px 24px;

}

tr td {


	padding: 2px 24px;

}

tr.odd td {

}







/* CONTACT */

.red{color: #FF0000;}

.wpcf7 p{margin-bottom:10px;}

.wpcf7 label{display:block; width:80px; float:left;}

.wpcf7 input[type="text"]{

	margin-bottom:6px;

	padding:8px 5px;

	font-size:11px;

	width:60%;

}



.wpcf7 textarea{

	margin-bottom:7px;

	padding:8px 5px;

	font-size:11px;

	width:80% !important

}



.wpcf7 .wpcf7-submit{

}



.wpcf7 .wpcf7-submit:hover{

}







/* BLOG STYLE

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

.sticky{

	background: #f6f6f6;

	border-top: 4px solid #d8d8d8;

	padding: 0px;

}

.posttitle a:hover{text-decoration:none}

#postsingle .posttitle{margin:0 0 5px 0;}

.post{margin-bottom:50px;  position:relative; padding-bottom:50px;}

#postsingle .post{margin-bottom:0px; padding-bottom:0px; border:0;}

.entry-content.postsection{padding:0px; float:left; width:336px;}

#postsingle .entry-content, #searchresult .entry-content{ float:none; width:100%}





.entry-utility{font-size:11px; float:left; width:243px; margin-right:30px; font-style:italic; }

#postsingle .entry-utility, #searchresult .entry-utility{float:none; width:100%; margin:0 0 10px 0;}

.entry-utility2{ float:right; text-align:right;}

.entry-utility2 span{ margin-bottom:10px; display:block;}

.entry-utility2 .post-icons{ margin:0px; padding:0px; list-style-type:none;}

.entry-utility2 .post-icons li{ display:inline;}

.entry-utility2 .post-icons li.icomment{ background:url(images/comment.png) no-repeat left; padding-left:15px; margin-right:0px;}

.entry-utility2 .post-icons li.like{ background:url(images/like.png) no-repeat left; padding-left:15px; position:relative}



.entry-utility2 .post-social{ margin:5px 0px; padding:0px 0 10px 0; list-style-type:none;}

.entry-utility2 .post-social span{ display:inline-block; margin:0 0 0 3px !important;}

.entry-utility2 .post-social span:last-child{ margin-right:0px;}



#searchresult .posttitle{font-size:16px;}

#searchresult .hentry{margin:0 0 10px 0; padding:0 0 10px 0; border:0}





/* author */

h2.title-author{ font-size:16px;}

#entry-author-info {

	clear: both;

	padding:0 0 20px 0;

	margin-bottom:30px;

	position:relative;

}

#entry-author-info #author-avatar {

	margin: 0 0 0 0;

	position:absolute;

	top:7px;

}

.avatar{}

#entry-author-info #author-description {

	margin: 0 0 10px 85px; vertical-align:top;

}

#entry-author-info #author-description  h2{font-size:15px; margin-bottom:0}

#author-description span.author{ font-weight:bold;}



/* attachment pages wordpress */



.attachment .entry-content .entry-caption {

	font-size: 140%;

	margin-top: 24px;

}

.attachment .entry-content .nav-previous a:before {

	content: '\2190\00a0';

}

.attachment .entry-content .nav-next a:after {

	content: '\00a0\2192';

}





/* images content */

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 15px;

	margin-top: 3px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 15px;

	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;

	padding:0px;

}

img.alignleft, 

img.alignright, 

img.aligncenter,

img.alignnone {

	margin-bottom: 12px;

}



#content .wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	text-align: center;

	margin-bottom: 20px;

	padding: 4px;

}

#content .wp-caption img {

	margin: 5px 5px 0;

}

#content .wp-caption p.wp-caption-text {

	margin: 5px;

	color: #888;

	font-size: 11px;

}

#content .wp-smiley {

	margin:0;

}

#content .gallery {

	margin: auto;

}

#content .gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

#content .gallery img {

	border: 2px solid #cfcfcf;

}

#content .gallery .gallery-caption {

	color: #888;

	font-size: 11px;

	margin: 0 0 12px;

}

#content .gallery dl {

	margin: 0;

}

#content .gallery img {

	border: 10px solid #f1f1f1;

}

#content .gallery br+br {

	display: none;

}

.tag-links{padding:10px 0; display:block}





/* navigation  */

.navigation {



	line-height: 18px;

	overflow: hidden;

}

.navigation a:link,

.navigation a:visited {

	text-decoration: none;

	color:#666

}

.navigation a:active,

.navigation a:hover {

}

.nav-previous {

	float: left;

	width: 50%;

	font-size:13px;

	text-transform:uppercase;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

	font-size:13px;

	text-transform:uppercase;

}

#nav-above {

	margin: 0 0 18px 0;

}

#nav-above {

	display: none;

}

.paged #nav-above,

.single #nav-above {

	display: block;

}

#nav-below {

	margin: 20px 0 10px 0;

}





/* Comments */

#comments{

	clear: both;

}

#comments .navigation {

	padding: 0 0 18px 0;

}

h3#comments-title{

	line-height:24px;

	padding:13px 0px;

	margin:0 0 20px 0;

	border-bottom:dotted 1px #ccc;



}



h3#reply-title {

	line-height:24px;

	margin:0 0 15px 0;

}

.commentlist {

	list-style: none;

	margin: 0;

	margin-bottom:0px;

}

.commentlist li.comment {

	margin: 0 0 0px 0px;

	padding: 0 0 10px 0px;

	position: relative !important;

}

.commentlist li.comment ul.children{margin:0 0 0 0; margin-left:13%; padding:0px 0 0 0;}

.commentlist li.comment ul.children li{border-bottom:0 !important; margin:0; padding:0}

#comments .comment-body ul,#comments .comment-body ol {

	margin-bottom: 0;

}

.commentlist ol {

	list-style: decimal;

}

.commentlist .avatar {

	padding:0px;

	background-color:transparent;

}

.comment-body cite {

	font-style: italic;

	font-weight:bold;

	font-size:14px;

	line-height:14px;

	color:#65696a;

}

.comment-body cite  a, .comment-body cite  a:visited{color:#65696a;}

.comment-body cite  a:hover{text-decoration:none}

.comment-author .says {	font-style: normal;}

.comment-meta {	font-size: 11px;	margin: 0 0 18px 0;}

.comment-meta a:link,

.comment-meta a:visited {

	text-decoration: none;

}

.comment-meta a:active,

.comment-meta a:hover {

	color: #ff4b33;

}

.commentlist .even {}

.commentlist .bypostauthor {}

.reply {

	padding: 0 0 0px 20px;

	font-size:11px;

	top:0;

	position:absolute;

	right:0;

	 

}

.reply a.comment-reply-link{padding-right:12px;}

a.comment-edit-link {

	color:#555;

}

a.comment-edit-link:hover {

	text-decoration:none

}

.commentlist .children {

	list-style: none;

}

.commentlist .children li {}

.nopassword, .nocomments {display: none;}

#comments .pingback {

	margin-bottom: 18px;

	padding-bottom: 18px;

}

.commentlist li.comment+li.pingback {

	margin-top: -6px;

}

#comments .pingback p {

	display: block;

	font-size: 11px;

	line-height: 18px;

	margin: 0;

}

#comments .pingback .url {

	font-size: 14px;

}

.con-comment{padding:0 0 0 0}

.commentlist .comment-author{ float:left; margin-top:7px;}

.commentlist .comment-body{width:auto; margin-bottom:20px !important; margin-left:80px; border-bottom:1px dotted #ccc; padding-bottom:10px; }

.commenttext{margin-right:65px; overflow:hidden;}

.commentlist .comment-body p{margin-bottom:20px !important}

.commentlist ul.children .comment-author{}

.commentlist ul.children .comment-body{}

*+html .commentlist .comment-body{margin-top:-15px}

.comment-body .time{margin-bottom:11px; display:block;  font-size:11px; font-style:italic;;}

.comment-body .time a, .comment-body .time a:visited{color:#555555;}

.comment-body .boldtext{font-weight:normal; font-size:22px}



/* Comments form */

#commentform{padding:0; }

#commentform label{margin-top:0px; padding:5px 0; display:inline-block;}

#commentform .required{}

#commentform code{padding:0; margin:10px 0; border:0}



#commentform input[type=text]{ 

	margin-bottom:12px;

	padding:8px 5px;

	vertical-align:middle;

	width:50%;

	font-size:12px;

	font-family:arial;

	display:block;

	page-break-after:always

	

	}



#commentform textarea{ 

	height:150px;

	width:90%;

	margin-bottom:12px;

	padding:8px 5px;

	vertical-align:top;

	font-size:12px;

	line-height:20px;

	font-family:Arial;

	display:block;

	}

	

#respond .comment-reply{

	font-size: 20px;

	line-height:24px;

	padding:0px 0px;

	margin:0 0 10px 0;

}

#respond p {

	margin: 0;

}

#respond .comment-notes {

	margin-bottom: 1em;

}

.form-allowed-tags {

	line-height: 1em;

}

.children #respond {

	margin: 0 0px 0 0;

}

.cancel-comment-reply{ font-size:12px;}

h3#reply-title {

	margin: 18px 0;

}

#comments-list #respond {

	margin: 0 0 18px 0;

}

#comments-list ul #respond {

	margin: 0;

	padding:0;

}

#cancel-comment-reply-link {

	font-weight: normal;

	line-height: 18px;

}

#respond .required {

}

#respond label {

}

#respond input {

}

#respond textarea {

}

#respond .form-allowed-tags {

}

#respond .form-allowed-tags code {

}

#respond .form-submit {

	margin: 12px 0;

	clear:both;

}

#respond .form-submit input {

}



.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment{}

.comment-form-comment{ width:100%;}

.form-submit{ clear:both;}



/* Calendar */

.widget_calendar #wp-calendar {

	width: 98%;

	text-align:left;

	border: 0px !important;

}

.widget_calendar #wp-calendar caption,

.widget_calendar #wp-calendar td,

.widget_calendar #wp-calendar th {

	text-align: center;

	padding:3px !important;

	border: 0px !important;

}

.widget_calendar #wp-calendar caption {

	font-size: 11px;

	font-weight: 800;

	padding: 5px 0 3px 0 !important;

	text-transform: uppercase;

}

.widget_calendar #wp-calendar th {

	background: #f4f4f4;

	border: 0px !important;

	font-weight: bold;

	padding:3px !important

}

.widget_calendar #wp-calendar tfoot td {

	background: #f4f4f4;

	border: 0px !important

}

#today{font-weight:bold}



/* SIDEBAR */

#sidebar{width:270px; padding-left:29px; }

#sidebar.positionleft{width:270px; padding:0 29px 0 0 }

#sidebar .widget-title{margin-bottom:15px; font-size:20px; line-height:28px;}

#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 ul li li{

	list-style-type:none;

	margin:0px 0px 7px 0px;

	padding:0px 0px 7px 14px;

}

#sidebar .widget-container{margin-bottom:40px;}



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

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

#sidebar ul.sub-menu li, #sidebar ul.children li{padding-left:15px}

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





.lp-date{font-size:10px;}

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

#sidebar .latestpost li{clear:both; margin-bottom:30px}

#sidebar .latestpost  .lp-date{ display:block; margin-bottom:10px;}

#sidebar .latestpost .lp-title{ display:block; margin-bottom:0px; font-size:20px;}

#sidebar .latestpost .lp-title a:link, #sidebar .latestpost .lp-title a:visited{ padding:0px; text-decoration:underline!important; }

#sidebar .latestpost p{ overflow:hidden;}



#sidebar li.banner ul{ margin:0px; padding:0px;}

#sidebar li.banner li{ display:inline; background:none; border:0px; float:left; margin:0px 20px 18px 0px; padding:0px;}

#sidebar li.banner li a{background:none; padding:0px;}



#sidebar .text a{ background:none; padding:0px;}



#sidebar #searchform div {

    padding: 5px 0px 5px 0px;

    width: 268px;

}

#sidebar #searchform input {

    background-color: transparent;

    background-image: none;

    border: 0 none;

    font-size: 11px;

    padding: 0 10px;

    width: 215px;

}

#sidebar #searchform .button_src {

    border: solid 0px;

	background-color:none;

	-moz-box-shadow: 0px 0px 0px;

	-webkit-box-shadow: 0px 0px 0px;

	box-shadow: 0px 0px 0px;

    cursor: pointer;

    width: 20px;

	height:20px;

	text-indent:-9999px;

}







/* PLUGIN

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

#breadcrumbs{padding:0 0 20px 0;  margin:0 auto}

#breadcrumbs a, #breadcrumbs a:visited{color:#555;}



.widget_adrotate_widgets img{margin:0 10px 6px 0;}



/* WP-PageNavi  Plugin  */

.wp-pagenavi {clear:both; padding:10px 0 0 0; }

.wp-pagenavi a, .wp-pagenavi a:visited{

	padding:5px 10px !important;

	margin-right:8px !important;

}



.wp-pagenavi a:hover{

	padding:5px 10px !important;

	margin-right:8px !important;

}



.wp-pagenavi span.current{

	padding:5px 10px !important;

	margin-right:8px !important;

	}

	

.wp-pagenavi .pages, .wp-pagenavi .extend {

	padding:5px 10px !important;

	margin-right:8px !important;

}



/* Flickr Plugin  */

#flickr {text-align:center !important; padding:12px 0 0 0}

#flickr img {

margin:0 5px 10px 5px !important;

padding:0px;

border:2px solid #d6d6d6;

}

.flickr_badge_image{ display:inline-block !important}

* html .flickr_badge_image, *+html .flickr_badge_image{display:inline !important}







/* SHORTCODE

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

/* 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: 4%; position:relative; float:left; }

.one_half{ width:48%; }

.one_third{width:30.6666%;}

.one_fourth{width:22%; }

.one_fifth{width: 16.8%;}

.one_sixth {width: 13.3333%;}



.two_third{width: 65.3332%;}

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

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



/* Tabs */

.tabcontainer{margin:20px 0px 0px 0px;}

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

ul.tabs li {

	float: left;

	margin: 0 2px 0 0;

	padding: 0;

	height: 29px;

	line-height: 31px;

	overflow: hidden;

	position: relative;

	font-size:12px;

}

ul.tabs li a {	text-decoration: none;	display: block;	padding: 0 15px; outline: none;}

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

.tab-content {padding: 21px 16px}



/* Toggles */

.trigger {

	padding: 10px 15px;

	margin: 0 0 0px 0;

	width:auto;

	font-size:12px;

	font-weight: normal;

	border-top:0px;

}



.trigger span {

	text-decoration: none;

	display: block;

	padding-left:15px;

	height:12px;

	line-height:normal;

	cursor:pointer;

}

.active span{background-position:0px -7px !important;}

.active {background-position: left bottom;}

.toggle_container {

	margin: 0 0 0px;

	padding: 0;

	overflow: hidden;

	clear: both;



}

.toggle_container .block {

	padding: 10px;

}

.toggle_container .block p {

	padding: 5px 0;

	margin: 5px 0;

}







/* Dropcaps */

.bigcircle{

	display: block;

	width: 65px;

	height: 65px;

	-moz-border-radius: 40px;

	-webkit-border-radius: 40px;

	-khtml-border-radius: 40px;

	border-radius: 40px;

	float:left;

	font-size:36px;

	line-height:60px;

	text-align: center;

	margin:0px 8px 0 0;

}

.dropcap{

	display:block;

	float:left;

	font-size:34px;

	line-height:34px;

	margin:2px 8px 0 0;

	color:#666

}



/* Highlight */

.highlight1{padding:2px 5px;background-color:#e6e8e8;color:#000; border:solid 1px #ccc}	

.highlight2{padding:2px 5px;background-color:#666666;color:#fff; border:solid 1px #333}	







/* Pullquotes */

.pullquote-right,.pullquote-left{

	padding:0px 10px 0 45px;

	float:right;

	font-style:italic;

	letter-spacing:0px;

	line-height:20px;

	margin:0px 2px 20px 20px;

	width:50%;

	background-image:url(images/quote.png);

	background-repeat:no-repeat;

	background-position:0px 0px;

	clear:both;

	font-size:12px;

	font-family:Arial;

	}

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







/* Predifined Button*/



/* white */

.button.white{

	color:#666666!important;	

	border:solid 1px #e5e5e5!important;

	background:#f3f3f3!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3))!important;

	background: -moz-linear-gradient(top,  #ffffff,  #f3f3f3)!important;

	background: -o-linear-gradient(top,  #ffffff,  #f3f3f3)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3')!important;

}



.button.white:hover{

	border:solid 1px #e5e5e5!important;

	color:#666666!important;	

	background:#ffffff!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ffffff))!important;

	background: -moz-linear-gradient(top,  #f3f3f3,  #ffffff)!important;

	background: -o-linear-gradient(top,  #f3f3f3,  #ffffff)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff')!important;

}



/* black */

.button.black{

	color:#bdbdbd!important;	

	border:solid 1px #3f3f3f!important;

	background:#454545!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#5c5c5c), to(#454545))!important;

	background: -moz-linear-gradient(top,  #5c5c5c,  #454545)!important;

	background: -o-linear-gradient(top,  #5c5c5c,  #454545)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c5c5c', endColorstr='#454545')!important;

}

.button.black:hover{

	color:#bdbdbd!important;	

	border:solid 1px #3f3f3f!important;

	background:#5c5c5c!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#5c5c5c))!important;

	background: -moz-linear-gradient(top,  #454545,  #5c5c5c)!important;

	background: -o-linear-gradient(top,  #454545,  #5c5c5c)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#5c5c5c')!important;

}



/* blue */

.button.blue{

	color:#0c7aa5!important;	

	border:solid 1px #6fcef3!important;

	background:#73d0f4!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#aae8fd), to(#73d0f4))!important;

	background: -moz-linear-gradient(top,  #aae8fd,  #73d0f4)!important;

	background: -o-linear-gradient(top,  #aae8fd,  #73d0f4)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aae8fd', endColorstr='#73d0f4')!important;

}

.button.blue:hover{

	color:#0c7aa5!important;	

	border:solid 1px #6fcef3!important;

	background:#aae8fd!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#73d0f4), to(#aae8fd))!important;

	background: -moz-linear-gradient(top,  #73d0f4,  #aae8fd)!important;

	background: -o-linear-gradient(top,  #73d0f4,  #aae8fd)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#73d0f4', endColorstr='#aae8fd')!important;

}



/* pink */

.button.pink{

	color:#bd2d3e!important;	

	border:solid 1px #f46475!important;

	background:#f56678!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#ff879d), to(#f56678))!important;

	background: -moz-linear-gradient(top,  #ff879d,  #f56678)!important;

	background: -o-linear-gradient(top,  #ff879d,  #f56678)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff879d', endColorstr='#f56678')!important;

}



.button.pink:hover{

	color:#bd2d3e!important;	

	border:solid 1px #f46475!important;

	background:#ff879d!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#f56678), to(#ff879d))!important;

	background: -moz-linear-gradient(top,  #f56678,  #ff879d)!important;

	background: -o-linear-gradient(top,  #f56678,  #ff879d)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56678', endColorstr='#ff879d')!important;

}



/* purple */

.button.purple{

	color:#aa58a3!important;	

	border:solid 1px #c589bf!important;

	background:#c88cc2!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#eabbe6), to(#c88cc2))!important;

	background: -moz-linear-gradient(top,  #eabbe6,  #c88cc2)!important;

	background: -o-linear-gradient(top,  #eabbe6,  #c88cc2)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eabbe6', endColorstr='#c88cc2')!important;

}

.button.purple:hover{

	color:#aa58a3!important;	

	border:solid 1px #c589bf!important;

	background:#eabbe6!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#c88cc2), to(#eabbe6))!important;

	background: -moz-linear-gradient(top,  #c88cc2,  #eabbe6)!important;

	background: -o-linear-gradient(top,  #c88cc2,  #eabbe6)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c88cc2', endColorstr='#eabbe6')!important;

}



/* green */

.button.green{

	color:#5d8122!important;	

	border:solid 1px #9cc854!important;

	background:#a0ca58!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#cfe986), to(#a0ca58))!important;

	background: -moz-linear-gradient(top,  #cfe986,  #a0ca58)!important;

	background: -o-linear-gradient(top,  #cfe986,  #a0ca58)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfe986', endColorstr='#a0ca58')!important;

}

.green:hover{

	color:#5d8122!important;	

	border:solid 1px #9cc854!important;

	background:#cfe986!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#a0ca58), to(#cfe986))!important;

	background: -moz-linear-gradient(top,  #a0ca58,  #cfe986)!important;

	background: -o-linear-gradient(top,  #a0ca58,  #cfe986)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0ca58', endColorstr='#cfe986')!important;

}



/* yellow */

.button.yellow{

	color:#a26704!important;	

	border:solid 1px #f7b443!important;

	background:#f8b747!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#ffdc7b), to(#f8b747))!important;

	background: -moz-linear-gradient(top,  #ffdc7b,  #f8b747)!important;

	background: -o-linear-gradient(top,  #ffdc7b,  #f8b747)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc7b', endColorstr='#f8b747')!important;

}

.button.yellow:hover{

	color:#a26704!important;	

	border:solid 1px #f7b443!important;

	background:#ffdc7b!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#f8b747), to(#ffdc7b))!important;

	background: -moz-linear-gradient(top,  #f8b747,  #ffdc7b)!important;

	background: -o-linear-gradient(top,  #f8b747,  #ffdc7b)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b747', endColorstr='#ffdc7b')!important;

}



/* grey */

.button.grey{

	color:#575757!important;	

	border:solid 1px #a9a9a9!important;

	background:#acacac!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#acacac))!important;

	background: -moz-linear-gradient(top,  #cdcdcd,  #acacac)!important;

	background: -o-linear-gradient(top,  #cdcdcd,  #acacac)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcdcd', endColorstr='#acacac')!important;

}

.button.grey:hover{

	color:#575757!important;	

	border:solid 1px #a9a9a9!important;

	background:#cdcdcd!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#acacac), to(#cdcdcd))!important;

	background: -moz-linear-gradient(top,  #acacac,  #cdcdcd)!important;

	background: -o-linear-gradient(top,  #acacac,  #cdcdcd)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#acacac', endColorstr='#cdcdcd')!important;

}



/* teal */

.button.teal{

	color:#436781!important;	

	border:solid 1px #8fa6b7!important;

	background:#91a9ba!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#b2cadb), to(#91a9ba))!important;

	background: -moz-linear-gradient(top,  #b2cadb,  #91a9ba)!important;

	background: -o-linear-gradient(top,  #b2cadb,  #91a9ba)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2cadb', endColorstr='#91a9ba')!important;

}

.button.teal:hover{

	color:#436781!important;	

	border:solid 1px #8fa6b7!important;

	background:#b2cadb!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#91a9ba), to(#b2cadb))!important;

	background: -moz-linear-gradient(top,  #91a9ba,  #b2cadb)!important;

	background: -o-linear-gradient(top,  #91a9ba,  #b2cadb)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#91a9ba', endColorstr='#b2cadb')!important;

}



/* darkblue */

.button.darkblue{

	color:#104f67!important;	

	border:solid 1px #3a92b4!important;

	background:#3b94b6!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#48add4), to(#3b94b6))!important;

	background: -moz-linear-gradient(top,  #48add4,  #3b94b6)!important;

	background: -o-linear-gradient(top,  #48add4,  #3b94b6)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#48add4', endColorstr='#3b94b6')!important;

}

.button.darkblue:hover{

	color:#104f67!important;	

	border:solid 1px #3a92b4!important;

	background:#48add4!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#3b94b6), to(#48add4))!important;

	background: -moz-linear-gradient(top,  #3b94b6,  #48add4)!important;

	background: -o-linear-gradient(top,  #3b94b6,  #48add4)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b94b6', endColorstr='#48add4')!important;

}



/* darkred */

.button.darkred{

	color:#750916!important;	

	border:solid 1px #ab2636!important;

	background:#af2838!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#e44458), to(#af2838))!important;

	background: -moz-linear-gradient(top,  #e44458,  #af2838)!important;

	background: -o-linear-gradient(top,  #e44458,  #af2838)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e44458', endColorstr='#af2838')!important;

}

.button.darkred:hover{

	color:#750916!important;	

	border:solid 1px #ab2636!important;

	background:#e44458!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#af2838), to(#e44458))!important;

	background: -moz-linear-gradient(top,  #af2838,  #e44458)!important;

	background: -o-linear-gradient(top,  #af2838,  #e44458)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#af2838', endColorstr='#e44458')!important;

}



/* darkgreen */

.button.darkgreen{

	color:#294102!important;	

	border:solid 1px #598118!important;

	background:#5b8419!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#78ac24), to(#5b8419))!important;

	background: -moz-linear-gradient(top,  #78ac24,  #5b8419)!important;

	background: -o-linear-gradient(top,  #78ac24,  #5b8419)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#78ac24', endColorstr='#5b8419')!important;

}

.button.darkgreen:hover{

	color:#294102!important;	

	border:solid 1px #598118!important;

	background:#78ac24!important;

	background: -webkit-gradient(linear, left top, left bottom, from(#5b8419), to(#78ac24))!important;

	background: -moz-linear-gradient(top,  #5b8419,  #78ac24)!important;

	background: -o-linear-gradient(top,  #5b8419,  #78ac24)!important;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b8419', endColorstr='#78ac24')!important;

}



/* Styled Box */

.styledbox{

	padding: 10px;

	margin: 0 0 15px 0;

	text-align:center;

	background: #eee;

}

.styledbox.red{

	background: #ffd7d8;

	border: 1px solid #ffbcbc;

	color: #f0686b;

}

.styledbox.green{

	background: #ddffd4!important;

	border: 1px solid #bfe8b4!important;

	color: #6db75a;

}

.styledbox.orange{

	background: #ffcfae;

	border: 1px solid #ffb482;

	color: #d96515;

}



.styledbox.yellow{

	background: #fff5d4!important;

	border: 1px solid #ffe795!important;

	color: #c3a21c;

}







/* PORTFOLIO */

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

#ts-display-pf-col li{width:169px;  float:left}

#ts-display-pf-col li.nomargin{margin-right:0;}

#ts-display-pf-col ul.pf-info-list{list-style-type:none; margin:0px 0px 15px 0px; padding:0px;}

#ts-display-pf-col ul.pf-info-list li{list-style-type:none; margin:0px; padding:0px 0px 0px 0px; }

#ts-display-pf-col .ts-display-pf-img{	width:169px; height:169px;}

#ts-display-pf-col .ts-display-pf-img img.rounded{width:167px; height:167px; }



#ts-display-pf-col .ts-display-pf-img{

	width:169px;

	height:169px;

}



#ts-display-pf-col .ts-display-pf-img a.image{

	width:169px;

	height:169px;

	display:block;

	position:relative;



}



#ts-display-pf-col .ts-display-pf-img a .rollover{

	background:url(images/hover-zoom.png);

	background-color:#000;

	background-repeat:no-repeat;

	background-position:center;

	width:169px;

	height:169px;

	display:block;

    position:absolute;

	top:0px;

	left:0px;

	z-index:10;

	display:none;

	cursor:pointer;

}



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

	background:url(images/hover-link.png);

	background-color:#000;

	background-repeat:no-repeat;

	background-position:center;

}



#ts-display-pf-col .ts-display-pf-img a .rollover.gotopost{

	background:url(images/hover-doc.png);

	background-color:#000;

	background-repeat:no-repeat;

	background-position:center;

}





#filter{ float:left; width:123px;  margin-right:30px; line-height:22px; }

#filter li{list-style-type:none;}



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



.image-grid:after {

  content: "";

  display: block;

  height: 0;

  overflow: hidden;

  clear: both;

}



.image-grid li {

  width: 169px;

  margin: 0 30px 30px 0;

  float: left;

  height:169px;

  overflow: hidden;

}



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





/* slideshow and client info in single portfolio */

.clienturl{margin-top:-15px;}

#portfolio-gallery #frame-slider-portfolio{width:608px; height:408px; float:left; position:relative; margin-right:20px;}

#portfolio-gallery #frame-slider-portfolio img{}

#portfolio-gallery #frame-slider-portfolio #sliderportfolio{list-style-type:none; margin:0; padding:0; height:408px; }



#portfolio-gallery #frame-slider-portfolio #slide-nav{position:absolute;  bottom:-30px; z-index:30; width:100%; text-align:center;}

#portfolio-gallery #slide-nav a{

	background: url(images/but-slide.png) no-repeat scroll 50% 50%;

	display:inline;

	display:inline-block;

	zoom:1;

	font-size:0px;

	width:11px;

	height:11px;

	margin:3px;

	outline-style:none;

	outline-width:medium;

	padding:0px;

	cursor:pointer;

}

#portfolio-gallery #slide-nav .activeSlide {background: url(images/but-slide-selected.png) no-repeat scroll 0% 50%;}







/* FOOTER */

#frame-footer{padding:1px 0px 46px 0px; margin-top:30px; float:left; width:100%;}

#footer{ padding-top:10px;}

#copyright{font-size:11px; float:left; padding-top:5px;}

#footer .social{ margin:0px; padding:0px; float:right;}

#footer .social li{ list-style-type:none; float:left; margin-right:6px}

#footer .social li span{

	border: none;

	width:24px;

	display:inline;display:inline-block;

	height:24px;

	margin-right:6px;

	text-indent: -9999px;

}

#footer .social li:last-child, #footer .social li:last-child span{ margin-right:0px;}

#footer .social li span:hover{background-position: 0px -24px;}





div.mybutton{

  background: url("images/button.gif") no-repeat scroll 0 0 transparent;

  display:block;

  width:138px;

  height:124px;

  -moz-box-shadow: 3px 3px 10px #888888;

  -webkit-box-shadow: 3px 3px 10px #888888;

  box-shadow: 3px 3px 10px #888888;



  /* For IE 8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";

  /* For IE 5.5 - 7 */

  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');

}



div.button_text {

  color: #17629C;

  cursor: pointer;

  font-weight: bold;

  font-size: 16px;

  padding: 28px 10px 10px;

}



div.button_text a{

  text-decoration: none;

  color: #17629C;

}