/* General css*/
/* This file defines the css for common sections of the template */

/*background pattern and gradients*/
/* background */
#page-background-glare { position: absolute; width: 100%;  height: 422px; left: 0; top: 0; }

#page-background-glare-image{background-repeat: no-repeat;height: 600px;width: 1000px;  margin: 0;
/* replace digit in page_gl_1.png with the numbers 1-10 to change the glare on the top left corner */
background-image: url('../images/background/glare_light/page_gl_1.png'); background-repeat: no-repeat; background-position: left top;}

body {background-attachment: scroll; background-position: left top; background-repeat: repeat;}
#page-background-gradient { background-repeat: repeat-x;  position: absolute; top: 0; width: 100%; height: 655px;}
/* end background pattern and gradients*/ 

/* begin Logo */
.top-logo {display: block; position: relative;  margin: 0 auto;  width: 992px; height: 10px;}
div.logo-img {display: block; position: relative; top: 15px; width: 250px; height: auto; background-repeat: no-repeat;}
.show-text {padding-top: 4px;}
.show-text a {text-decoration: underline;}
/* end logo */

/* begin contact */
#contact{ display: block; color: #FFFFFF !important; top:1px; margin: -45px 10px; width: 280px; }
#contact h1 {color: #FFFFFF !important; }
/* end contact */

/*begin slogan*/
.hornav{padding: 20px; text-shadow: none;}
.slogan-head {font-size: 250%; text-shadow: none; text-align: center; padding-top: 15px;}
/*end slogan*/



.blockheader .t {font-size: 22px;}
.blockheader .dark-t{color: #5F5F5F;}

/* begin Layout */
.content-layout .left{width: 25%;}
.content-layout .content{ width: 50%;}
.content-layout .content-left{width: 75%;}
.content-layout .content-right{width: 75%;}
.content-layout .content-wide{width: 100%;}
.content-layout .right{width: 30%; padding-top: 10px}
/*end layout*/

/*feature*/
.feature-row {vertical-align: top; padding: 2px;}
.feature-block{margin: 4px -27px 0 0; padding: 4px;}
.feature-block .block {width: 45%; display: inline-block; margin: 10px 10px 0;}
.feature-icon {margin: 8px 13px 24px; padding-bottom: 25px; float: left; border: 0}
.footer-row {vertical-align: top; padding: 2px}
.footer-row .block {display: inline-block; margin: 10px 10px 20px; float: left}
/*end feature*/

/*navigation*/
#hornav{clear:both;display:block;height:74px;padding:0 5px;z-index:100;}
/*navigation end*/

/* begin showcase header */
.logo {display: block; position: absolute;  left: 38px; top: 40px; width: 530px;}
.logo p{font-size: 110%;}
.version{padding-top: 5px; padding-bottom: 4px; text-transform: uppercase; font-size: 14px;}
h1.show-title, h1.contact{ display: block; text-align: left; height: 38px;}
h1.show-title, h1.show-title a, h1.show-title a:link, h1.show-title a:visited, h1.show-title a:hover, h1.contact{font-size: 35px; text-decoration: none; padding: 0; margin: 0;}
.show-text{display: block; text-align: left;}
.show-text, .show-text a{font-size: 13px; padding: 0; margin: 0;}

/*article*/
.postheadericons, .postheadericons a, .postheadericons a:link, .postheadericons a:visited, .postheadericons a:hover
 {
  font-weight: bold;
  padding: 5px 0;
 }
 
.css-button { 
background: -moz-linear-gradient(top, #ffffff 0%, #FEFEFE 1%, #DADADA 48%, #C8C8C8 51%, #A1A1A1 100%); /* firefox */
background: -o-linear-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(1%,#FEFEFE), color-stop(48%,#DADADA), color-stop(51%,#C8C8C8), color-stop(100%,#A1A1A1)); /* opera */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(1%,#FEFEFE), color-stop(48%,#DADADA), color-stop(51%,#C8C8C8), color-stop(100%,#A1A1A1)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#A1A1A1',GradientType=0 ); /* ie */
width: 175px; height: 47px; box-shadow: 3px 2px 5px #202020; -moz-box-shadow: 3px 2px 5px #202020; -moz-border-radius: 7px 7px 7px 7px; -khtml-border-radius: 7px 7px 7px 7px; -webkit-box-shadow: 3px 2px 5px #202020; border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; padding: 4px 23px;
position: relative; top: 25px; left: 7px; float: left; display: block;
}
.css-button:hover { 
background: -moz-linear-gradient(top, #ffffff 0%, #FEFEFE 1%, #DADADA 48%, #C8C8C8 51%, #A1A1A1 100%); /* firefox */}
/*end showcase header*/

/*general overlays for showcase*/
.slide-area{position: absolute;  top: 0;  left: 0;  width: 978px;  height: 350px;  overflow: hidden; background-image: url('../images/body/t_shadow.png');  background-repeat: no-repeat;   background-position: 0 0;  margin-top: 1px;}
.slide-area-bottom{position: absolute;  top: 370px;  left: 7px;  width: 978px;  height: 60px;  overflow: hidden; background-image: url('../images/body/b_shadow.png');  background-repeat: no-repeat;   background-position: bottom center; }
div.showcase-overlay-top {width: 978px;  height: 54px;  margin-top: 1px;  background: url('../images/body/t_shadow.png') no-repeat scroll center top transparent;}
.blockcontent-body a {margin-left: 0 !important;}
/*end general overlays*/

/* begin slider*/
.slide {display: block; position: absolute;  left: 38px; top: 40px; width: 530px; text-shadow: none}
.slide p{font-size: 110%;}
.slideshow{ margin-top: 10px; background-color: transparent; }
.slideshow p {padding: 10px; background-color: transparent;}

.images, .static {position:relative;	height:350px;width:900px;float:left;}
.images {margin:15px;}
.images div {display:none;position:absolute;	top:0;	left:0;	margin:7px;	padding:15px 30px 15px 15px; height:256px; 	font-size: 12px; }
.images h3 {	font-size:22px; font-weight:normal;	margin:0 0 20px 0;	color:#456;}
.slidetabs {	clear:both; margin-left:330px; }
.slidetabs a {width:8px; height:8px; float:left; margin:3px; display:block;  font-size:1px;	display: inline-block; }
.slidetabs a:hover {	background-position:0 -8px;  }

.slidetabs a.current {background-position:0 -16px; } 	
.slide-navi {position: relative; width: 61px; height:25px; float:right; margin-top: -40px; background: url('../images/body/navi_bg.png') 0 0 no-repeat; z-index: 0}
.slide-navi a{padding: 8px; text-decoration: none; z-index: 1000}
.forward, .backward {display:inline-block; width:9px; margin-top: 8px; height:10px; cursor:pointer; 	font-size:1px; 	text-indent:-9999em;z-index: 100; }
.forward { background: url('../images/body/nav_right.png') 0 0 no-repeat; }
.forward:hover 		{ background: url('../images/body/nav_right_hover.png') 0 0 no-repeat;}
.backward {background: url('../images/body/nav_left.png') 10px 0 no-repeat;}
.backward:hover  		{ background: url('../images/body/nav_left_hover.png') 10px 0 no-repeat;}

/* end slider*/

/* begin header flash overlay image */
.header-image{ position: absolute; top: -5px; width: 310px; height: 384px; right: -21px; background-repeat: no-repeat; z-index: 100;}
.tour_now {display: block; float: left; position: relative; top: 20px; width: 175px; height: 55px; padding: 10px 26px; left: 4px;}
.tour_now_title, .join_now_title {font-size: 190%; color: inherit;}
span.tour_now_mini, span.join_now_mini {position: absolute; font-size: 11px; padding-top: 27px; left: 26px; }
.tour_now a:hover, .logo a:hover, .slide a:hover, .spotlight a:hover, .spotlight-action a:hover{text-decoration: none !important;}
.join_now {display: block; float: left; position: relative; top: 20px; width: 175px; height: 55px; padding: 10px 26px; } 
span.join_now a:hover{text-decoration: none;}
.show-text {padding-top: 6px; line-height: 1.2em; text-shadow: none;}
/* end header flash overlay image */

/*begin follow*/
#follow {margin: 0 0;display: block;position:relative;overflow: hidden;height: 33px; color: #202020;}
#follow-home {width: 37px;height: 33px;display: block;}
#follow h3 {display: none;}
#follow a{cursor: pointer;}
#follow .spinner {float:right;background:url('../images/spinner.gif') center center no-repeat;width: 16px;height: 16px;right: 10px;top: 10px;position: absolute;}
span.follow {display: block;font-size: 100%;font-weight: normal;overflow: hidden; }
span.follow img {width: 12px;height: 33px;float: left;}
span.follow a, span.no-link {padding: 0 6px;float: left;display: block;height: 33px;line-height: 33px;}
span.follow span.no-link {font-weight: normal;}
span.follow a:hover {text-decoration: none;}
#twitter_update_list li { list-style: none; padding: 8px 6px;}
/*end follow*/

/*spotlight*/
.spotlight-action {background-repeat: no-repeat; opacity: 1; -webkit-transition: opacity 0.2s linear;  -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; transition: opacity 0.2s linear; height: 60px; width: 225px; float: right; margin: -50px 20px 0 0; font-size: 200%; display:block; text-align: center; padding: 14px 0 0}
.spotlight-action:active {background-position: 0px 1px; cursor: pointer;}
.spotlight-action:hover {opacity: 0.7; cursor: pointer;}
/*end spotlight*/

/* begin standard footer section */
.footer, .footer p, .footer a, .footer a:link, .footer a:visited, .footer a:hover {text-shadow: none;}
.page-footer, .footer-text, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover{ margin: 0 auto; font-size: 14px; text-decoration: none; display: block; width: 982px;}
.top-button-desc { position: absolute; float: right;}
.footer-text, .footer-text p {height: 45px;}
.top-button {float: right; width: 100px; height: 45px; text-align: right; font-size: 13px; margin-top: -45px;}
.footer .blockheader .t {text-transform: uppercase; font-size: 130% !important;  }
 /* end standard footer section */

/*begin social icons*/
.social{height: 20px; display: block;}
.social a {height: 25px; display: inline-block; cursor: pointer; -moz-transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; -o-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s;}
.social a:hover {opacity: 0.6}
/*end social icons*/

/*variants*/
.modifydate {font-variant: small-caps;}
.subscribe{float: right; padding: 8px; margin:-12px 56px 0 0;}
.client{text-align: center; margin: auto}
canvas {padding-top: 6px !important;}
.dropcap cufon canvas  {margin-top: -12px;}
span.dropcap cufon canvas, span.dropcap-blue cufon canvas, span.dropcap-red cufon canvas, span.dropcap-green cufon canvas, span.dropcap-purple cufon canvas, span.dropcap-orange cufon canvas, span.dropcap-brown cufon canvas, span.dropcap-grey  cufon canvas{ margin-top: -12px;}
.dropcap cufon  { margin-bottom: -12px;}
.p-number-1 cufon canvas, .p-number-2 cufon canvas, .p-number-3 cufon canvas {padding-top: 7px !important;}
.postheader cufon {padding-bottom: 7px !important;}
h2  cufon{padding: 3px 1px;}
/*end variants*/

/*ui elements*/
.continue-read{padding-left: 20px; 	background: url('../images/body/cont-read.png') center left no-repeat;}
.colorblockheader .t {margin: 0 5px;}
/* input */
input, select{height: 20px; padding: 3px 9px; margin: 3px 0; margin-top: -5px;}
select{ float:right; width: 163px;  height: 25px}
.form-subscr-field{ display: block; margin: 0; padding: 5px 0 5px; vertical-align: middle; height: 27px;  text-shadow: none; }
#name, #phone, #email, #company, #domains{ width: 60%;  margin-left: 10px;  float: right; vertical-align: middle; }
#news_message {line-height: 220%; margin-bottom: 30px; text-shadow: none}
#news_message h3 {color: #FFF; margin: 10px 0;}
#news_message p {line-height: 1.5em; margin-right: 70px}
#message{line-height: 220%; margin-bottom: 30px; text-shadow: none}
#checkmark{float: right; margin-top: -105px;}
#mailsent{float: right; margin-top: -70px; }
#message h3 {color: #FFF; margin: 10px 0;}
#message p {line-height: 1.5em; margin-right: 70px}
.tooltip{height:15px; background-color:#000000;	border:1px solid #2B2B2B;	font-size:11px;	color:#FFFFFF;	padding:3px 10px;margin-left:-2px;text-shadow: none;	-moz-border-radius:4px;	-webkit-border-radius:4px;	border-radius:4px;	-khtml-border-radius: 4px;	box-shadow:0 0 6px #ddd; -moz-box-shadow:0 0 6px #ddd;	-webkit-box-shadow:0 0 6px #ddd;}

sub{font-size: 70%}
iframe {-moz-box-shadow: 2px 2px 20px #000000; -webkit-box-shadow: 2px 2px 20px #000000; -khtml-box-shadow: 2px 2px 20px #000000; box-shadow: 2px 2px 20px #000000;}
.top-button a:hover{text-decoration: none;}
/* end input*/


/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/* the pop-up element */
.apple_overlay {	display:none; width:640px; padding:35px; font-size:12px;}
.apple_overlay .close {background-image:url(../images/overlay/close.png); position:absolute; top:5px; cursor:pointer; height:35px; width:35px;}
#overlay { color:#909090; height:420px; }
div.contentWrap {height:441px; padding: 13px; overflow-y:auto;}
#triggers { 	margin-top:10px; text-align:center;	}
#triggers img {background-color:#fff; padding:2px; border:1px solid #ccc; margin:2px 5px; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
/*end pop-up element*/

.blockcontent-body p span.dw a{text-decoration:underline} 
.blockcontent-body p span.dw {color:#575757}

.p_sub {
    font-size: 16px;
}