/*
Theme Name: DicksonMedia
Theme URI: http://www.dicksonwaudo.com/
Description: A clean, image based layout
Version: 1.0
Author: Dickson Waudo
Author URI: http://dicksonwaudo.com
Tags: pictures, images, simple, clean, dicksonmedia
*/


* {margin:0; padding:0;}
@font-face { font-family: Steinem; src: url('fonts/STEINEM.ttf'); }
/* @group CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h2.indent {
	font: 1.6em/105%  "Lucida Grande", "Lucida sans Unicode", Arial, sans-serif;
	text-shadow: #fff 0 1px 1px;
	color: #444;
}

h3.indent {
	text-shadow: #fff 0 1px 1px;
	font: 1em  "Lucida Grande", "Lucida sans Unicode", Arial, sans-serif;
	color: #888;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

body {
	background: url("images/background.png");
	min-height: 100%;
	font-family: "Lucida Grande", Tahoma, "Trebuchet MS";
	font-size: 62.5%;
	color: #666;
}
a {
	text-decoration: none;
	color: #009ac5;
}
a:link, a:visited {
	color: #009ac5;
	text-decoration: none;
}

a:hover, a:active {
	color: #666;
	text-decoration: underline;
}

ul {
	list-style: circle;
}

img {
	border: none;
}

label {
	margin-left: 10px;
}

blockquote {
	margin: 0px 5px 10px 5px;
	padding: 10px 10px 1px 10px;
	font-style: italic;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
}

span.left { float: left; }
span.right { float: right; }

.clearer { clear: both; }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 4px 5px 0 5px;
   margin: 0;
}

#page {
	min-width: 980px;
	max-width: 1100px;
	margin: 0px auto;
	position: relative;
}
#breadcrumbs {
	position:relative;
	background-color:#FFFFFF;
	overflow:hidden;	
	width:99%;
	margin-left:8px;
	margin-right:50px;	
	top:0px;
	font-size:12px;
	color:#444;
	
		
}
#header {
	width: 940px;
	height: 60px;	
	padding-bottom: 1px;
	
}

#header h1 {
	background:url("images/global/logo.png")  no-repeat ;
	width:450px;
	height:60px;
	
	
}
#header h1 a{display:none;}
#nav a {color:#272727;}
#nav {
	position: absolute;
	right: 10px;
	top: 50px;
	font-size: 1.2em;
}

#nav li {
	display: inline;
	float: left;
	padding: 10px 6px;
	list-style: none;
	
}

#nav .subscribe {
	padding-right: 20px;
	background: transparent url(images/rss.png) no-repeat 100% 50%;
}

#nav li.left {
	height: 36px;
	width: 15px;
	padding: 0;
	
}

#nav li.right {
	height: 36px;
	width: 15px;
	padding: 0;
	
}

.postmetadata {
	padding-bottom: 10px;
	margin-bottom: 5px;
	line-height: 1.5em;
}

.postmetadata-archive {
	clear:both;
	max-width: 220px;
	height: 58px;
	padding-top: 10px;
	font-family: "Lucida Grande", Tahoma, "Trebuchet MS";
	font-size:1.2em;
	
	line-height: 1.5em;
}

#thepost {
	margin-bottom: 15px;
}
#comments, #respond {
	
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 20px;
	font-size:11px;
}
.commentlist .alt {
	background: #f1fedb;
	border:1px solid #d1d1d1;
	padding:20px;
	font-size:11px;
	
	/* CSS3 styling for latest browsers */
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.commentlist .sub {
	background: #f1f1f1;
	border:1px solid #d1d1d1;
	padding:20px;
	font-size:11px;
	margin: 10px 15px 10px 15px;
	
	/* CSS3 styling for latest browsers */
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
	
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
	
	
}
#commentform label{
	color: #787878;
	font-size: 87%;
	
}
#commentform input{
	width: 200px;
	background:#f1fedb;
	border: 1px solid #b1b1b1;
	padding: 3px;
	margin-top: 3px;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#commentform textarea{
	width: 100%;
	height: 115px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 2px;
	margin-top: 3px;
	
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/global/bt-submit-comment.png) 0px 0px no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 200px;
	height: 31px;
	cursor: pointer;
}
#commentform #submit:hover  {
	background-position: 0 -35px;

}


 
/*sidebar */
#sidebar {
	
	border-left:1px solid #ddd;
	float:right;
	min-height:365px;
	padding:20px 25px;
	width:272px;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 20px 0px 2px;
	border-bottom: 1px solid #CFE1AC;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #495233;
	text-decoration: none;
}
#sidebar a:hover{
	color: #FF6600;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #dceeb7;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}

#footer {
	clear:both;
	width: 940px;
	margin: 0px auto;
	padding-bottom: 10px;
	text-align: right;
	font-size: 0.9em;
	color: #333333;
}

#footer a {
	color: #333333;
}

#footer a.valid {
	padding-left: 16px;
	background: transparent url(images/tick.png) no-repeat 0% 50%;
}

#footer a.valid:hover {
	background: transparent url(images/tick-hover.png) no-repeat 0% 50%;
}




/* @group gallery overlay */
/* the large image. we use a gray border around it */
#img {
	
	position:relative;
	
	border:0px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #b1b1b1;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#000000;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:relative;	
	padding:10px 15px;
	color:#000000;
	font-size:11px;	
	width:100%;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#FFF !important;
	/*background:rgba(0, 0, 0, 0.6) url(/images/global/h80.png) repeat-x;	*/	
}
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#FFFFFF;
	
	width:auto;	
	min-height:550px;
	border:1px solid #b1b1b1;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 5px 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:15px;		
}


/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/global/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* the overlayed element */ 
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(images/global/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(images/global/close.png);
	position:absolute; right:95px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#media-page .apple_overlay img{
	position:relative;
	top:10px;
	left:-80px;
	margin:0 auto;
	
	}
#media-page .apple_overlay .details{
	position:relative;
	top:10px;
	left:-90px;
	padding-top:10px;
	margin:0 auto;
	font-size:11px;
	
	}
/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
	color:#fff;
}
 
div.apple_overlay h2 {
	margin:10px 0 9px 0;
	font-weight:bold;
	font-size:14px;
}
 
div.black h2 {
	color:#fff;
}
/* end */




.postmetadata {
	padding-bottom: 10px;
	margin-bottom: 5px;
	line-height: 1.5em;
}

.postmetadata-archive {
	clear:both;
	max-width: 220px;
	height: 58px;
	padding-top: 10px;
	font-family: "Lucida Grande", Tahoma, "Trebuchet MS";
	font-size:1.2em;	
	line-height: 1.5em;
}
/* content area */
#content {
	color:#666;
	float:left;
	font-size:16px;
	margin:0px 0 0 0;
	padding:10px 10px;
	width:60%;
	
}
#content .post {
	clear:both;
	padding-top: 15px;
	margin-bottom:25px;
	
}
#content .post h2 {
	color: #59770e;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 150%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
}
#content .post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
	
	
}
#content .post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
#content .post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
	
}
#content .post-title {
	float: left;
	margin-left: 10px;
	width: 430px;
	margin-top: 0px;
}

#content .entry {
	clear: both;
	padding-top: 10px;
}
#content .post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 85%;
	color: #999999;
	margin-top: -10px;
	
}
#content .post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 85%;
	margin-top: -25px;
}
#content .post-calendar {
	background: url(images/mini-calendar.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
#content .mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat;
	padding-left: 18px;
	float: right;
	font-size: 85%;
	margin-top: -25px;
	
}

.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #59770e;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}

/*end single page CSS */

/*blogroll */
ul.list-blogroll li{
	background: url(images/mini-blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	background: url(images/mini-category.gif) no-repeat !important;
	padding-left: 20px !important;
}

/*archives widget */
ul.list-archives li, li.widget_archives li{
	background: url(images/mini-monthly-archive.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	background: url(images/mini-page.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	background: url(images/mini-recent-comments.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
	padding: 1px 7px;
}
/*text widget */
.textwidget {
	padding-top: 5px;
}


/* root element for tablinks  */
ul.tablinks { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
		
}

/* single tab */
ul.tablinks li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tablinks a { 
	background: url(images/global/page_navi.png) no-repeat 0 -50px;
	font-size:11px;
	display:block;
	height: 34px;  
	line-height:50px;
	width: 220px;
	text-align:center;	
	text-decoration:none;
	color:#000000;
	padding-top:15px;
	margin:0px;	
	position:relative;
	
}

ul.tablinks a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tablinks a:hover {
	background-position: -10px 0;	
	color:#383838;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tablinks a.current, ul.tablinks a.current:hover, ul.tablinks li.current a {
	background-position: -10px 0;		
	cursor:default !important; 
	color:#000 !important;
}




/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


#global-header {
	position:relative;
	background:url("images/global/navbgall.png")  ;	
	height:50px;
	top:12px;
	width:98%;
	left:0px;	
	margin-left:9px;
	margin-right:150px;
	margin-bottom:0px;	
}
 

#global-nav {
position:absolute;
top:3px;
left:-10px;
width:780px;	
background:url("images/global/globalnavigation.png") no-repeat;
height:51px;
margin:0;
padding:0;


}
#global-nav span {
display: none;
}
#global-nav li, #global-nav a {
height:50px;
display:block;
}

#global-nav li {
float:left;
list-style:none;
display:inline;
}
#global-nav .home {
width: 121px;
}
#global-nav .about {width: 80px;}
#global-nav .services {width: 80px;}
#global-nav .portfolio {width: 100px;}
#global-nav .faq {width: 80px;}
#global-nav .contact {width: 100px;}
#global-nav .downloads {width: 100px;}
#global-nav .client-login {width: 100px;}

#global-nav .home a:hover {background:url("images/global/globalnavigation.png") 0px -95px no-repeat; }
#global-nav .about a:hover {background:url("images/global/globalnavigation.png") -122px -95px no-repeat; }
#global-nav .services a:hover {background:url("images/global/globalnavigation.png") -203px -95px no-repeat; }
#global-nav .portfolio a:hover {background:url("images/global/globalnavigation.png") -288px -95px no-repeat; }
#global-nav .faq a:hover {background:url("images/global/globalnavigation.png") -379px -95px no-repeat; }
#global-nav .contact a:hover {background:url("images/global/globalnavigation.png") -460px -95px no-repeat; }
#global-nav .downloads a:hover {background:url("images/global/globalnavigation.png") -560px -95px no-repeat; }
#global-nav .client-login a:hover {background:url("images/global/globalnavigation.png") -660px -95px no-repeat; }

#global-nav .home .current {background:url("images/global/globalnavigation.png") 0px -47px no-repeat; }
#global-nav .about .current {background:url("images/global/globalnavigation.png") -122px -47px no-repeat; }
#global-nav .services .current {background:url("images/global/globalnavigation.png") -203px -47px no-repeat; }
#global-nav .portfolio .current {background:url("images/global/globalnavigation.png") -288px -47px no-repeat; }
#global-nav .faq .current {background:url("images/global/globalnavigation.png") -379px -47px no-repeat; }
#global-nav .contact .current {background:url("images/global/globalnavigation.png") -460px -47px no-repeat; }
#global-nav .downloads .current {background:url("images/global/globalnavigation.png") -560px -47px no-repeat; }
#global-nav .client-login .current {background:url("images/global/globalnavigation.png") -660px -47px no-repeat; }

#global_help_search {
	position:relative;
	top:3px;
	left:2.37em;
	height:50px;
	width:48px;
	background:url("images/global/globalnavigation.png") -930px -0px no-repeat;
	float:right;
	
	
}
/* the overlayed element */
.overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#CCCCCC;
	
	width:675px;	
	min-height:200px;
	border:1px solid #383838;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:15px;	
}

/* close button positioned on upper right corner */
.overlay .close {
	background-image:url(images/global/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* root element for accordion. decorated with rounded borders and gradient background image */
#faq {
	margin:0 auto;
	-background:#d1d1d1;
}

/* faq header */
#faq h2 {
	background:#d1d1d1;
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#faq h2.current {
	cursor:default;
	background-color:#a1a1a1;
}

/* faq pane */
#faq div.pane {
	display:none;
	height:auto;
	padding:15px;
	font-size:11px;
}

/* a title inside pane */
#faq div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:14px;
	color:#FFCC00;
}
#faq div.pane h4 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:14px;
	color:#99CC00;
}
#faq div.pane strong {color:#669900}
#faq div.pane p {
	margin:10px 0 10px 20px;
}
/* @group tooltips */
#tooltip { 
    display:none; 
    background:transparent url(images/global/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
   color:#d1d1d1; 
    font-size:11px; 
    font-weight:bold; 
     z-index: 1000;	
       
}
div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
/*end */
#apple { 
    background-image:url(images/global/apple.png); 
    color:#fff; 
}
#apple .close {
	background-image:url(images/global/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* @group contact page */
#mask { 
    background:#678 url(images/global/mask_gradient_1000.png) no-repeat; 
    background-position:13% 160px; 
}
form#contactform {
	
	padding:20px;
	margin:20px 0;
	text-align:center;
	width:100%;
	
}
form#contactform .close {
	background-image:url(images/global/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#contactform label, input, textarea, select {
	display: block;
	width: 350px;
	float: left;
	margin-bottom: 10px;
}
#contactform label{
	color: #787878;
	font-size: 87%;
	text-align: right;
	width: 100px;
	padding-right: 20px;
	
}
#contactform input{
	width: 200px;
	background:#f1fedb;
	border: 1px solid #b1b1b1;
	padding: 3px;
	margin-top: 3px;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#contactform textarea{
	
	height: 115px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 2px;
	margin-top: 3px;
	
	
}
#contactform .info{
	margin-left:-25px;
	
}
#contactform textarea:focus, #contactform input[type="text"]:focus {
	background: #ffffff;
}
/*
#contactform label, input, textarea, select {
	display: block;
	width: 350px;
	float: left;
	margin-bottom: 10px;
}
 
#contactform label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}
*/ 
#contactform br {
	clear: left;
}
#contactform .submit{
	background: url(images/global/bt-send-form.png) 0px 0px no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 200px;
	height: 31px;
	cursor: pointer;
}
#contactform .submit:hover  {
	background-position: 0 -35px;

}
/* end */
 
div.windows label {
	margin-bottom:15px;
	display:block;
}
 
label.error {
	color:red;
}
 
/* tab pane styling */
div.windows div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:1px;
	height:100px;
	font-size:14px;
	background-color:#fff;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
 
 
div.windows div {
	/*background:#fff url(http://static.flowplayer.org/img/global/gradient/h300.png) repeat-x 0 5px;*/
	-background:#fff;
	height:272px;
}

/* initially all panes are hidden */ 
div.windows div.window {
	display:none;		
}

.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
} 
 
.modal h2 { 
    background:url(/img/global/info.png) 0 50% no-repeat; 
    margin:0px; 
    padding:10px 0 10px 45px; 
    border-bottom:1px solid #333; 
    font-size:20px; 
}
/* @group tabs-item menu */
 
 #media-page {
	
	/*position:relative;*/
	background:url("images/global/panes-bg.png") #d1d1d1 repeat-x;
	/*background-color:#FFFFFF;*/
	min-height:460px;
	
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width:99%;
	margin-left:7px;
	margin-right:10px;
	margin-bottom:10px;
	padding-bottom:60px;	

	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-box-shadow: #d2d2d2 0px -1px 2px;
	-moz-box-shadow: #d2d2d2 0px -1px 2px;		
}
#media-page .details {
	margin-left:90px;
	font-size:12px;
	color:#383838;
	width:625px;
	line-height: 18px;
	}
#media-page ul {
	margin: 0;
	padding: 0;
}
#media-page ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#media-page .recent-posts ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	background: url(images/mini-footer-post.gif) no-repeat;
	padding: 0px 0px 2px 20px;
}

#media-page .recent-posts strong {
	font-size: 14px;
	line-height: 115%;
	font-weight: normal;
}
#media-page .recent-posts ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	border-right:1px solid #ddd;
	
}

#media-page .recent-comments strong {
	font-size: 14px;
	line-height: 115%;
	font-weight: normal;
}
#media-page .recent-comments ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-right:1px solid #ddd;
	padding-right:10px;
}
#media-page .recent-comments ul li {
	background: url(images/mini-footer-comments.gif) no-repeat;
	padding: 0px 0px 2px 20px;
}
/* @group archive */

#archive .page-body-content {
	width: 100%;
	margin:20px;
}

h4.archive-set-h4 {
	color: #529c3c;
	font-size: 16px;
}

.plugin-archive-set {
	width: 100%;
}

 ul.plugin-archive-set {
	margin: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

ul.plugin-archive-set li {
	display: block;
	font-size: 11px;
	color: #777;
	height: 250px;
	padding: 25px 0 0;
	border-bottom: 1px solid #eef1f1;
	background-position: left;
	float: left;
	margin: 0;
	width: 33.3%;
}
ul.post-title {
	float: left;
	margin-left: 10px;
	width: 100px;
}
div#entry {
	
	padding-top: 0px;
	padding-left: 50px;
	padding-right: 20px;	
	
}
/*
ul.plugin-archive-set p {
	margin: 0 0 0 75px;
	position: relative;
	padding: 0 30px 0 0;
}
*/
ul.plugin-archive-set li a, ul.plugin-archive-set li a:hover {
	
}

ul.plugin-archive-set li a {
	margin-right: 10px;
	position: relative;
	float: left;
}

ul.plugin-archive-set li a img {
	width: 58px;
	border: 3px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

ul.plugin-archive-set li a img:hover {
	border-color: #9aca82;
}

.plugin-archive-set a.archive-image-title {
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	float: none;
	
	display: block;
	margin: -20px 0 0 50px;
	text-shadow: #fff 0 1px 1px;
	/*letter-spacing: -1px;*/
	width: 70%;
	line-height: 16px;
	
}

ul.plugin-archive-set a .zoom {
	background: url(images/global/zoom_in.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	position: absolute;
	opacity: 0.9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	top: -6px;
	left: -6px;
}

ul.plugin-archive-set a .zoom.hover, ul.plugin-archive-set a .zoom:hover {
	background-position: 0 -16px;
}

ul.plugin-archive-set li.full {
	border-style: none;
	display: block;
	float: none;
	height: 1px;
	width: 100%;
}

.full {
	border-style: none;
	display: block;
	float: none;
	height: 1px;
	width: 100%;
}

/* @end */

/* *group post */
.post {
	
	padding-top: 15px;
	font-size: 11px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 10px;
	width: 430px;
}

.entry {
	clear: left;
	padding-top: 10px;
	padding-left: 60px;
	padding-right: 60px;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 11px;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 11px;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat;
	padding-left: 18px;
	float: right;
	font-size: 11px;
}
/* end */
/* @group ulboxes */

ul#ulboxes {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	height: 200px;
}

ul#ulboxes h3 {
	color: #333;
	font-size: 14px;
}

ul#ulboxes li {
	width: 215px;
	margin-right: 25px;
	height: 150px;
	padding-left: 60px;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 11px;
	float: left;
}
/*@group home page */

#ulboxes #concept {
	background-image: url(images/global/icons/concept.png);
}

#ulboxes #analysis {
	background-image: url(images/global/icons/analysis.png);
}

#ulboxes #design {
	background-image: url(images/global/icons/design.png);
}

#ulboxes #development {
	background-image: url(images/global/icons/develop.png);
}


#ulboxes #launchdate {
	background-image: url(images/global/icons/launchdate.png);
}

#ulboxes #evaluation {
	background-image: url(images/global/icons/evaluation.png);
}
/* end */
#ulboxes #terminal {
	background-image: url(images/global/terminal.png);
}
#ulboxes #net-connect {
	background-image: url(images/global/net-connections.png);
}

#ulboxes #interact {
	background-image: url(images/global/interact.png);
}
#ulboxes #branding {
	background-image: url(images/global/branding.png);
}
#ulboxes #net-service {
	background-image: url(images/global/net-services.png);
}
#ulboxes #build {
	background-image: url(images/global/build.png);
}
#ulboxes #date {
	/*width: 45px;
	height: 49px;
	float:left;
	background-image: url(images/global/build.png);*/
	background: url(images/date-bg.gif) no-repeat;
}
#ulboxes #coded {
	background-image: url(images/global/coded.png);
}
#ulboxes #dickson {
	background-image: url(images/global/dickson.png);
}
#ulboxes #yuna {
	background-image: url(images/global/yuna.png);
}
#ulboxes #tamani {
	background-image: url(images/global/tamani.png);
}
#ulboxes #history {
	background-image: url(images/global/history.png);
}
#ulboxes #future {
	background-image: url(images/global/future.png);
}

#ulboxes #speed {
	background-image: url(images/global/speed.png);
}

#ulboxes #secure {
	background-image: url(images/global/secure.png);
}

#ulboxes #wp-experts {
	background-image: url(images/global/experts.png);
}

#ulboxes #user-control {
	background-image: url( images/ulboxes/users.png);
}

#ulboxes #awards {
	background-image: url( images/global/awards.png);
}

#ulboxes #recent-blog {
	background-image: url( images/global/archives-title.png);
}

#ulboxes #recent-comments {
	background-image: url( images/global/forums-title.png);
}

#ulboxes #connect {
	background-image: url( images/global/puzzle-title.png);
}

#ulboxes #recent-posts{
	margin: 0;
	padding: 0;
	border: none;
	background: url(images/mini-footer-post.gif) no-repeat;
	padding: 0px 0px 2px 20px;
}

#ulboxes #recent-comments-node{
	margin: 0;
	padding: 0;
	border: none;
	background: url(images/mini-footer-comments.gif) no-repeat;
	padding: 0px 0px 2px 20px;
}

#ulboxes #connect-facebook {
	background: url(images/mini-facebook.png) no-repeat;
	padding: 0px 0px 2px 20px;
	margin-bottom:10px;
}

#ulboxes #connect-twitter {
	background: url(images/mini-twitter.png) no-repeat;
	padding: 0px 0px 2px 20px;
	margin-bottom:10px;
}

#ulboxes #connect-linkedin {
	background: url(images/mini-linkedin.png) no-repeat;
	padding: 0px 0px 2px 20px;
	margin-bottom:10px;
}
#ulboxes #connect-form {
	background: url(images/mini-page.gif) no-repeat;
	padding: 0px 0px 2px 20px;
	margin-bottom:10px;
}

/* @end */
/* @group Products Sidebar */

.product-sidebar {
	width: 250px;
	float: right;
	margin-top: 10px;
	position: relative;
	color: #777;
}

.product-sidebar a {
	border-bottom-style: none;
}

.product-sidebar .prod-sidebar-head {
	color: #444;
	font-weight: bold;
	margin: 25px 0 10px;
	padding: 0;
}

.product-sidebar ul.bullet-list {
	padding: 0;
	margin: 0;
}

.product-sidebar ul.bullet-list li {
	margin: 0 0 0 12px;
	padding: 3px 0;
	list-style-position: inside;
	text-indent: 12px;
}

.product-sidebar ul.checkmarks, .product-sidebar ul.exes {
	padding: 0;
	margin: 0;
}

.product-sidebar ul.checkmarks li, .product-sidebar ul.exes li {
	margin: 0;
}

.product-sidebar .asterisk {
	line-height: 12px;
	font-size: 9px;
	margin-top: 5px;
	margin-left: 9px;
	text-indent: -9px;
	color: #ccc;
}

.product-sidebar ul.related-posts {
	margin: 0;
	padding: 0;
}

.product-sidebar ul.related-posts li {
	list-style-type: none;
	border-bottom: 1px solid #e0e2e2;
	padding-bottom: 5px;
	margin: 0;
	color: #999;
}

.product-sidebar ul.related-posts li:last-child {
	border-bottom-style: none;
}

.product-sidebar ul.related-posts li a {
	padding-left: 0;
	margin-left: 0;
}
/* @group page headers */
#homepage-header {
	height: 200px;	
	margin:0 auto;
	width:860px;
	background: url(images/global/home_header.png) no-repeat 0 0;
}
#services-header {
	height: 200px;	
	margin:0 auto;
	width:860px;
	background: url(images/global/services_header_bg.png) no-repeat 0 0;
}
#about-header {
	height: 200px;	
	margin:0 auto;
	width:860px;
	background: url(images/global/about_header_bg.png) no-repeat 0 0;
}

#media-page .header {
	height: 200px;	
	margin:0 auto;
	width:860px;
}
#media-page .header h3{
	height: 200px;	
	width:500px;
	position: relative;
	top:150px;
	left:20px;
	font-size:34px;	
	text-shadow: #d1d1d1 0 1px 1px;
	color:#444;
}
.home-block {
	position: relative;
	margin:0 auto;
	width:860px;
	/*
	-webkit-box-shadow: #ccc 0px -2px 3px;
	-moz-box-shadow: #ccc 0px -2px 3px;
	*/
}
h2.indent {
	font: 1.6em/105%  "Lucida Grande", "Lucida sans Unicode", Arial, sans-serif;
	text-shadow: #fff 0 1px 1px;
	color: #444;
}

h3.indent {
	text-shadow: #fff 0 1px 1px;
	font: 1em  "Lucida Grande", "Lucida sans Unicode", Arial, sans-serif;
	color: #888;
}
.home-right-float {
	float: right;
	position: relative;
	text-align: right;
	line-height: 125%;
	color: #888;
	font-size: .9em;
	top: 4px;
}

.white-bordered {
	background-color: #fff;
	border: 1px solid #e0e2e2;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.cool-stuff-icon {
	background: url(images/tools.png) no-repeat 0 -1px;
	padding-left: 37px;
}

.cool-left {
	float: left;
	width: 400px;
	line-height: 160%;
	padding-bottom: 4px;
}

.home-block ul {
	width: 410px;
	position: absolute;
	top: 56px;
	right: 0;
}

.home-block ul li p.arrow {
	background: url(images/arrow-right.png) no-repeat 0 3px;
	padding-left: 45px;
	color: #666;
	text-shadow: #fff 0 -1px 1px;
	font-size: 1.2em;
	line-height: 140%;
	margin: 0;
	padding-bottom: 8px;
}

.home-block ul li#globe-icon {
	background: url(images/home-globe.jpg) no-repeat right -2px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 20px;
}

.home-block ul li#wordpress-icon {
	background: url(images/home-wplogo.jpg) no-repeat right 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 20px;
}
.white-bordered {
	background-color: #fff;
	border: 1px solid #e0e2e2;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
/* @group 3 Boxes */

.box {
	width: 282px;
	margin-top: 15px;
	font-size: .9em;
	line-height: 140%;
	display: block;
	float: left;
	position: relative;
}

.box img {
	border: 1px solid #e0e2e2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	height: 169px;
}

.box img:hover {
	border-color: #a3c3c4;
}

.box h2 {
	font: 21px/150% "Lucida Grande", "Lucida sans Unicode", "Trebuchet MS", sans-serif;
	text-shadow: #fff 0 -1px 1px;
	margin-top: 5px;
	color: #333;
}

.new-icon {
	background: url(images/global/new.png) no-repeat 0 -1px;
	padding-left: 37px;
}

.box-left {
	margin-right: 6px;
}

.box-center {
	width: 282px;
}

.box-right {
	float: right;
}

/* @end */

/* initially all panes are hidden */ 
div.tabs-item div.pane {
	display:none;		
}
/* tab pane styling */
div.tabs-item div {
	display:none;
	color:#383838;		
	padding:15px 10px;	
	height:auto;
	font-size:14px;
	
}

ul#tabs {
	display: block;
	position: relative;
	padding-left: 25px;
	font-size: 12px;
	z-index: 1;
	top: 1px;
	margin:0 auto;
	width:860px;
}

ul#tabs li {
	display: inline;
	float: left;
}

ul#tabs li a {
	display: block;
	padding: 6px 12px 7px;
	text-decoration: none;
	text-shadow: #fff 0 1px 1px;
}

ul#tabs li a:hover {
	color: #529c3c;
}

ul#tabs li a.page-active {
	background-color: #fff;
	border: 1px solid #d5d5d5;
	border-bottom-color: #fff;
	-webkit-border-top-left-radius: 5px;	
	-webkit-border-top-right-radius: 5px;	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-box-shadow: #ccc 0px -2px 3px;
	-moz-box-shadow: #ccc 0px -2px 3px;
	color: #333;
	padding-top: 5px;
	padding-left: 11px;
	padding-right: 11px;
}
/*
ul#tabs #process {
	display: block;
	position: relative;
	padding-left: 25px;
	font-size: 12px;
	z-index: 1;
	top: 1px;
	margin:50px 0 0 0;
}
ul#tabs #process li {
	display: inline;
	float: left;
}

ul#tabs #process li a {
	display: block;
	padding: 6px 12px 7px;
	text-decoration: none;
	text-shadow: #fff 0 1px 1px;
}

ul#tabs #process li a:hover {
	color: #529c3c;
}
ul#tabs #process li a.page-active {
	color: #333;
	padding-top: 5px;
	padding-left: 11px;
	padding-right: 11px;
}
*/
ul#tabs li.buy-now {
	position: absolute;
	width: 132px;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 18px;	
	-moz-border-radius: 18px;
	right: 11%;
	height: 24px;
	padding: 3px 2px 0 8px;
	top: -15px;
}

ul#tabs li.buy-now a {
	width: 47px;
	height: 12px;
	background: url(images/pages/buynows.png) no-repeat 0 -24px;
	float: right;
	position: relative;
	bottom: 2px;
}

ul#tabs li.buy-now a:hover {
	background-position: 0 1px;
}

ul#tabs li.buy-now a:active {
	background-position: 0 -49px;
}

/* @end */
.tabs-wrap, .widecolumn {
	/*background:url("images/global/panes-bg.png") #d1d1d1 repeat-x;*/
	background-color:#ffffff;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d5d5d5;
	-webkit-border-radius: 8px;	
	-moz-border-radius: 8px;
	padding: 0 25px;
	margin: 0 auto;
	position: relative;
	-webkit-box-shadow: #d2d2d2 0px -1px 2px;
	-moz-box-shadow: #d2d2d2 0px -1px 2px;
	min-height: 200px;
	z-index: 0;
	width:860px;
	
}

/* @group Products Sidebar */

.tabs-sidebar {
	width: 250px;
	float: right;
	margin-top: 10px;
	position: relative;
	color: #777;
}

.tabs-sidebar a {
	border-bottom-style: none;
}

.tabs-sidebar .prod-sidebar-head {
	color: #444;
	font-weight: bold;
	margin: 25px 0 10px;
	padding: 0;
}

.tabs-sidebar ul.bullet-list {
	padding: 0;
	margin: 0;
}

.tabs-sidebar ul.bullet-list li {
	margin: 0 0 0 12px;
	padding: 3px 0;
	list-style-position: inside;
	text-indent: -12px;
}

.tabs-sidebar ul.checkmarks, .tabs-sidebar ul.exes {
	padding: 0;
	margin: 0;
}

.tabs-sidebar ul.checkmarks li, .tabs-sidebar ul.exes li {
	margin: 0;
}

.tabs-sidebar .asterisk {
	line-height: 12px;
	font-size: 9px;
	margin-top: 5px;
	margin-left: 9px;
	text-indent: -9px;
	color: #ccc;
}

.tabs-sidebar ul.related-posts {
	margin: 0;
	padding: 0;
}

.tabs-sidebar ul.related-posts li {
	list-style-type: none;
	border-bottom: 1px solid #e0e2e2;
	padding-bottom: 5px;
	margin: 0;
	color: #999;
}


.tabs-sidebar ul.related-posts li a {
	padding-left: 0;
	margin-left: 0;
}
/* @group Sidebar-Block */

.sidebar-block {
	margin-bottom: 60px;
	font-size: 11px;
}

.sidebar-block h2 {
	font: 14px  "Lucida Grande", "Lucida sans Unicode", "Trebuchet MS", sans-serif;
	color: #383838;
	border-bottom: 1px solid #e0e2e2;
	/*border-top: 1px solid #e0e2e2;*/
	padding-top: 2px;
	padding-bottom: 6px;
	margin-bottom: 20px;
}

.sidebar-block h3 {
	font: 18px  "Lucida Grande", "Lucida sans Unicode", "Trebuchet MS", sans-serif;
	color: #383838;
	margin-top: 1px;
}

.sidebar-block img {
	max-width: 250px;
	height: auto;
	margin-bottom: 5px;
}

.sidebar-block p {
	clear: both;
	margin-top: 25px;
	line-height: 140%;
}

.sidebar-block p.text {
	clear: both;
	line-height: 165%;
}

.sidebar-block p.steinem {
	font-size: 14px;
}

/* @end */
/* @group Post Page Body */

.link_arrow {
	position: relative;
	top: 10px;
	left: 1px;
}

.indent-margin{
	margin-left: 100px;
}

.post-body {
	margin-top: 15px;
	line-height: 135%;
	color: #545454;
	padding-bottom: 25px;
	font-size: 14px;
	
}

.post-body a:hover {
	color: #529c3c;
	text-decoration: none;
}

.post-body a.fancybox, .post-body a.fancybox:hover {
	border-style: none;
}

.post-body span a, .post-body span a:hover {
	border-bottom-style: none;
}

.post-body ul {
	padding: 10px 10px 10px 0;
	margin-left: 15px;
	margin-right: 15px;
}

.post-body li {
	list-style-type: disc;
	list-style-position: outside;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	color: #666;
	line-height: 150%;
}

.post-body ol {
	padding: 10px 10px 10px 0;
	margin-left: 15px;
	margin-right: 15px;
}

.post-body ol li {
	padding: 10px 10px 10px 0;
	margin-left: 15px;
	margin-right: 15px;
	list-style-type: decimal;
}

.post-body h2 {
	font-size: 14px;
	
}
.post-body strong {
	color:#FF9900;
}
.post-body em {
	font-size: 11px;
	color:#666666;
}
.post-body sup {
	font-size: 11px;
	color:#383838;
}
.post-body h3 {
	
	/*color: #FF9900;*/
}

.post-body h4 {
	font-size: 11px;
	color: #777;
}

.post-body h5 {
	font-size: 14px;
	color: #666;
}

.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5 {
	font-family:  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin-top: 25px;
	margin-bottom: 10px;
	display: block;
}

.post-body img {
	max-width: 980px;
	height: auto;
	margin-bottom: 10px;
	border-style: none;
}

#left-content .page-body img {
	max-width: 550px;
	height: auto;
	margin-bottom: 10px;
}

.post-body img, .post-body embed, .post-body object {
	max-width: 450px;
	max-height: 500px;
}
/* @end */
.page-body-content {
	width: 625px;
}
.page-body-content .color-bar .red {
	background-color: #ff636e;
	display: block;
	border: 1px solid red;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.page-body-content .color-bar span.green {
	background-color: #81d886;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	padding-left: 5px;
	border: 1px solid #00c400;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}
.tabbed-page {
	background-color: #fff;
}
/* @group Gallery */

#portfolio .page-body-content {
	width: 100%;
	margin:20px;
}
#sub-portfolio .page-body-content {
	width: 100%;
	margin:20px;
}

h4.gallery-set-h4 {
	color: #529c3c;
	font-size: 16px;
}

.plugin-gallery-set {
	width: 100%;
}

 ul.plugin-gallery-set {
	margin: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

ul.plugin-gallery-set li {
	display: block;
	font-size: 11px;
	color: #777;
	height: 110px;
	padding: 25px 0 0;
	border-bottom: 1px solid #eef1f1;
	background-position: left;
	float: left;
	margin: 0;
	width: 33.3%;
}

ul.plugin-gallery-set p {
	margin: 0 0 0 75px;
	position: relative;
	padding: 0 30px 0 0;
}

ul.plugin-gallery-set li a, ul.plugin-gallery-set li a:hover {
	border-style: none;
}

ul.plugin-gallery-set li a {
	margin-right: 10px;
	position: relative;
	float: left;
}

ul.plugin-gallery-set li a img {
	width: 58px;
	border: 3px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

ul.plugin-gallery-set li a img:hover {
	border-color: #9aca82;
}

.plugin-gallery-set a.gallery-image-title {
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	float: none;
	color: #FF6600;
	display: block;
	margin: 0 0 5px 70px;
	text-shadow: #d1d1d1 0 1px 1px;
	/*letter-spacing: -1px;*/
	width: 70%;
	line-height: 16px;
}

ul.plugin-gallery-set a .zoom {
	background: url(images/global/zoom_in.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	position: absolute;
	opacity: 0.9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	top: -6px;
	left: -6px;
}

ul.plugin-gallery-set a .zoom.hover, ul.plugin-gallery-set a .zoom:hover {
	background-position: 0 -16px;
}

ul.plugin-gallery-set li.full {
	border-style: none;
	display: block;
	float: none;
	height: 1px;
	width: 100%;
}



/* @end */
/* @group homepage products */
.products-wrap {
	background:#fff url(images/global/gradients/h500.png) repeat-x;
	margin:0 auto;
	width:860px;
	border: 1px solid #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: #b1b1b1 0px -2px 3px;
	-moz-box-shadow: #b1b1b1 0px -2px 3px;

}
#products img {
	margin:0 10px 10px 0;	
	cursor:pointer;	
}

.description {
	
	background-color:#edecbc;
	border:1px solid #999;	
	width:550px;
	min-height:140px;
	display:none;
	margin-top:17px;
	-moz-border-radius:54px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: #d2d2d2 0px -1px 2px;
	-moz-box-shadow: #d2d2d2 0px -1px 2px;
	padding:0 20px;
	font-size:12px;
}
.description p {
	padding:10px;
}
.description h3 {
	margin-top:5px;
	color:#000000;
	font-size:18px;
	text-shadow: #d1d1d1 0 1px 1px;
}
.description .arrow {
	width:34px;
	height:34px;
	background:transparent url(images/global/yellow.png) repeat scroll 0 -68px;
	margin-top:-28px;
	margin-left:36px;
	font-size:1px;
	position:relative;
}

#commercial .arrow {
	margin-left:250px;	
}

#multidomain .arrow {
	margin-left:455px;	
}
/* tabs (those little circles below slides) */
.dots {
	clear:both;
	margin:20px 0 10px 430px;
	
}

/* single tab */
.dots a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/global/gradients/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.dots a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.dots a.page-active {
	background-position:0 -16px;     
} 	

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}