/* Css Reset */
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{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* General Styles */
.skiplink{ display:none; }
label{ cursor:pointer; }
a,a:visited{ color:#0892d9; text-decoration:none;}
a focus,a:hover{ text-decoration:underline; }
body{ background: #ececec; color:#3b4953; font:14px Arial, Helvetica, sans-serif; }
.wrapper{ margin:0 auto; width: 996px; }
.clear {clear: both;}
.imgleft {
	float: left;
	display: block;
	margin-right: 20px;
}
.imgright {
	float: right;
	display: block;
	margin-left: 55px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/* import font-face font */
@font-face {
    font-family: 'PrintDashedRegular';
    src: url('PrintDashed-webfont.eot');
    src: url('PrintDashed-webfont.eot?#iefix') format('embedded-opentype'),
         url('PrintDashed-webfont.woff') format('woff'),
         url('PrintDashed-webfont.ttf') format('truetype'),
         url('PrintDashed-webfont.svg#PrintDashedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PrintBoldRegular';
    src: url('PrintBold-webfont.eot');
    src: url('PrintBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('PrintBold-webfont.woff') format('woff'),
         url('PrintBold-webfont.ttf') format('truetype'),
         url('PrintBold-webfont.svg#PrintBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PrintClearlyRegular';
    src: url('PrintClearly-webfont.eot');
    src: url('PrintClearly-webfont.eot?#iefix') format('embedded-opentype'),
         url('PrintClearly-webfont.woff') format('woff'),
         url('PrintClearly-webfont.ttf') format('truetype'),
         url('PrintClearly-webfont.svg#PrintClearlyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 18px;
}
/* headings */
h1 {
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: normal;
}
h1.fontface {
	font: 60px/60px 'PrintClearlyRegular', Arial, sans-serif;letter-spacing: 0;
	text-transform: uppercase;
	margin: 18px 0 0 24px
}
h2 {
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 15px;
}
h2.fontface {
	font: 60px/60px 'PrintClearlyRegular', Arial, sans-serif;letter-spacing: 0;
}
h3 {
	font-size:18px;
	margin-bottom:15px;
	line-height:18px;
	font-weight: normal;
}

/* header */
#top {
	height: 33px;
	background: #000;	
}
#top ul {
	float: right;
	padding-right: 20px;	
}
#top ul li {
	float: left;
	border-left: 1px solid #a9a9a9;
	padding: 0 7px;
	margin: 12px 0 7px;
}
#top ul li.noborder {
	border-left: 0 none;
}
#top ul li.red {
	color: #fd334e;
	font-size: 14px;
	margin: 9px 0;
}
#top ul li a {
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
#top ul li a:link, #top ul li a:visited, #top ul li a:hover {
	color: #a9a9a9;
}
#logo-container {
	height: 74px;
	background: #fff;
	position: relative;
}
#logo-container div {
	padding: 5px 0 0 0;
}
#logo {
	background: url(../images/logo.gif) no-repeat;
	width: 222px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	margin-left: 17px;
}
.navigation {
	position: absolute;
	right: 20px;
	bottom: 10px;
}
.navigation li {
	float: left;
	margin: 0 10px;
}
.navigation li.example {
	margin-right: 5px;
}
.navigation li a {
	display: block;
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	text-indent: -9999px;
	background: url(../images/navigation.png) no-repeat;	
}
.navigation li.home a {
	background-position: 0 0;
	width: 60px;
}
.navigation li.pricing a {
	background-position: -90px 0;
	width: 84px;
}
.navigation li.tour a {
	background-position: -203px 0;
	width: 60px;
}
.navigation li.example a {
	background-position: -283px 0;
	width: 105px;
}

.navigation li.home a:hover, .navigation li.home a.active {
	background-position: 0 -22px;
}
.navigation li.pricing a:hover, .navigation li.pricing a.active {
	background-position: -90px -22px;
}
.navigation li.tour a:hover, .navigation li.tour a.active {
	background-position: -203px -22px;
}
.navigation li.example a:hover, .navigation li.example a.active {
	background-position: -283px -22px;
}



.tryit {
	background: url(../images/but_tryitfree.jpg) no-repeat;
	width: 250px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	float: right;
}
#header {
	width:100%;
	background: url(../images/bgr_header.jpg) no-repeat;
	overflow: hidden;
	padding: 9px 0;
}
#header h1 {
	float: left;
	width: 700px;
}

/* body */
#main_content {
	overflow: hidden;
	background: #fff;
	position: relative;
}
/* footer */
#footer{
	padding: 0 0 0 20px;
	font-size: 10px;
	overflow: hidden;
	margin-top: 70px;
	color: #000;
}
#footer a:link, #footer a:visited, #footer a:hover {
	color: #3b4953;
	text-decoration: underline;
}
#footer h3 {
	font-size: 10px;
	font-weight: normal;
	border-bottom: 1px solid #b9bdc0;
}
#footer p {
	font-size: 10px;
	line-height: 18px;
}
#footer .about {
	float: left;
	width: 270px;
	margin-right: 35px;
}
#footer .contact {
	float: left;
	width: 160px;
	margin-right: 35px;
}
#footer .update {
	float: left;
	width: 210px;
	margin-right: 35px;
}

#footer .update div {
	width: 174px;
}
#footer .update .email-bgr {
	background: url(../images/bgr_input_updates.gif) no-repeat;
	width: 169px;
	height: 24px;
	line-height: 24px;
	border: 0 none;
	margin: 0;
}
#footer .update #mce-EMAIL {
	background: transparent;
	width: 162px;
	height: 24px;
	line-height: 24px;
	border: 0 none;
	padding: 0 0 0 5px;
}
#footer .update #mc-embedded-subscribe {
	background: url(../images/but_submit_updates.png) no-repeat;
	width: 90px;
	height: 23px;
	border: 0 none;
	text-indent: -9999px;
	display: block;
	font-size: 0;
	line-height: 0;
	float: right;
	cursor: pointer;
}
#footer .social {
	float: left;
	width: 230px;
}
#___plusone_0 {
	width:70px !important;
}
.tryit-foooter {
	background: url(../images/but_tryitfree_footer.gif) no-repeat;
	width: 184px;
	height: 77px;
	display: block;
	text-indent: -9999px;
}
.logo-footer {
	float: left;
	width: 120px;
	margin-right: 20px;
	margin-top: 6px;
}
.sub-footer {
	color: #8d8d8d;	
	border-top: 1px solid #fff;
	margin-bottom: 20px;
}
.subfooter-wrap {
	width: 976px;
	margin: 0 auto;
}
.sub-footer-border {
	border-top: 1px solid #dfdfdf;	
	padding: 10px 0;
}
.sub-footer p {
	margin-bottom: 10px;
	font-size: 10px;
	line-height: 14px;
	padding-left: 140px;
	background: transparent;
}
.sub-footer a:link, .sub-footer a:visited, .sub-footer a:hover {
	color: #575757;
}
.sub-footer span {
	margin-right: 25px;
}
.copy {
	font-size: 10px;
	color: #8d8d8d;
}
.copy a:link, .copy a:visited, .copy a:hover {
	color: #8d8d8d;
	text-decoration:none;
}
/* #############################
			HOME PAGE
################################ */
.home-container {
	background: transparent !important;
}
/* slider home */
#carousel {
    width:996px;
    height:305px;  
	padding-top: 18px;
    margin: 15px 0;
	color: #fff;
	position: relative;
	overflow: hidden;
} 
#slides {
    /* fix ie overflow issue */
    position:relative;
    width:996px;
    height:305px;
	background: #030303;
	z-index: 1000;
}
/* Styling for prev and next buttons */
#buttons {
    padding:0 0 5px 0; 
    float:right;
	position: relative;
	z-index: 1100;
}
 
#buttons a {
    display:block;
    width:26px;
    height:43px;
    text-indent:-999em;
    float:left;
    outline:0;
}
 
a#prev {
    background: url(../images/arrow_slider_left.gif) no-repeat;
    left: -996px;
    position: absolute;
    top: 135px;
    z-index: 900;
	outline: none;
} 
a#next {
    background: url(../images/arrow_slider_right.gif) no-repeat;
    left: -26px;
    position: absolute;
    top: 135px;
    z-index: 900;
}
a#prev:active {
	outline: none;
}
a#next:active {
	outline: none;
} 

#carousel h2 {
	font: 50px/50px 'PrintClearlyRegular',Arial,sans-serif;
	text-transform: uppercase;
	color: #fff;
	width: 500px;
	padding: 20px 0 0 52px;
	letter-spacing: 0;
}
.home-tryit {
	background: url(../images/but_tryitfree.jpg) no-repeat;
	width: 250px;
	height: 80px;
	display: block;
	text-indent: -9999px;  
	margin-left: 55px;
}
.slide {
	height: 305px;
	width: 100%;
	position: relative;
	z-index: 1000;
}
.slide a.take-tour {
	font-size: 14px;
	letter-spacing: 1px;
	/*position: absolute;
	top: 245px;
	left: 260px;*/
	text-decoration: underline;
	display: block;
	margin: 10px 0 0 55px;
}
.slide a:link, .slide a:visited, .slide a:hover {
	color: #d1efff;
}
.slide .img01 {
	position: absolute;
	top: -25px;
	right: 30px;
	display: block;
	width: 421px;
	height: 330px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slide .img02 {
	position: absolute;
	top:0;
	right: 0;
	display: block;
	width: 494px;
	height: 303px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slide .img03 {
	position: absolute;
	top:-5px;
	right: 0;
	display: block;
	width: 393px;
	height: 314px;
	overflow: hidden;
	margin: 0;
	padding: 0;
} 
.slide p {
	font-size: 14px;
	line-height: 24px;
	padding-left: 58px;
	width: 445px;
	color: #fff;
}
#three-adv {
	overflow: hidden;
	background: #fff;
	padding: 20px;
	margin: 15px 0;
}
.launch-site {
	background: url(../images/img_home_launch.jpg) no-repeat;
	display: block;
	width: 302px;
	height: 161px;
	text-indent: -9999px;
	float: left;
	margin-right: 22px;
}
.update-site {
	background: url(../images/img_home_update.jpg) no-repeat;
	display: block;
	width: 302px;
	height: 161px;
	text-indent: -9999px;
	float: left;
	margin-right: 22px;
}
.support-site {
	background: url(../images/img_home_support.jpg) no-repeat;
	display: block;
	width: 302px;
	height: 161px;
	text-indent: -9999px;
	float: left;
}
#home-bottom p {
	font-size: 14px;
	line-height: 24px;
}
#home-bottom a:link, #home-bottom a:visited, #home-bottom a:hover {
	color: #3b4953;
	text-decoration: underline;
}
#social {
	float: left;
	width: 524px;
	height: 382px;
	position: relative;
}
#social img {
	position: absolute;
	left: 15px;
	top: 62px;
}
#social h2 {
	color: #e9001a;
	position: absolute;
	left: 229px;
	top: 20px;
	z-index: 1;
	font-weight: normal;
}
#social p {
	position: absolute;
	left: 231px;
	top: 63px;
	z-index: 1;
	width: 240px;
	font-size: 14px;
	line-height: 24px;
}
.orosso-wrap {
	float: right;
	width: 450px;
	margin-bottom: 15px;
}
#social, #what-orosso, #testimonials {
	background: #fff;
	font-size: 14px;
}
#what-orosso, #testimonials {
	height: 180px;
	margin-bottom: 22px;
}
#what-orosso div, #testimonials div {
	padding: 20px;
}
#what-orosso h2 {
	color: #e9001a;
	font-weight: normal;
}
#testimonials p {
		padding: 0;
}
#testimonials p.quote {
	font-size: 18px;
	font-style: italic;
	line-height: 24px;
}
#testimonials img {
	display: block;
	float: right;
}
#testimonials a {
	float: right;
	display: block;
	clear: both;
}
/* #############################
			TOUR PAGE
################################ */
.features {
	overflow: hidden;
	min-height: 514px;
	height: auto !important;
	height: 514px;
}
.first-lvl {
	width: 219px;
	float: left;
}
.first-lvl .header {
	text-indent: -9999px;
	display: block;
	height: 49px;
}
.first-lvl .core {
	background: #000 url(../images/but_orossocore.gif) no-repeat;
	width: 219px;
	height: 49px;
	border-bottom: 1px solid #333333;
}
.first-lvl .yoursite {
	background: #000 url(../images/but_yoursitefeatures.gif) no-repeat;
	width: 219px;
	height: 49px;
}
.first-lvl .management {
	background: #000 url(../images/but_contentmanagement.gif) no-repeat;
	width: 219px;
	height: 47px;
}
.first-lvl .powertools {
	background: #000 url(../images/but_powertools.gif) no-repeat;
	width: 219px;
	height: 45px;
}
.first-lvl .utilities {
	background: #000 url(../images/but_advanced.gif) no-repeat;
	width: 219px;
	height: 46px;
}
.second-lvl {
	display: none;
	clear: both;
}
.second-lvl li {
	margin: 10px 5px;
}
.second-lvl li a {
	padding-left: 5px;
	color: #444;
	font-size: 11px;
	line-height: 28px;
}
.second-lvl li a:hover {
	text-decoration: none;
	color: #c9001a;
}
.second-lvl li a.active {
	background: url(../images/ico_arrow_features_left.gif) no-repeat;
	width: 205px;
	line-height: 28px;
	color: #fff;
	display: block;
}
.feat-container {
	position: relative;
	float: left;
	width: 777px;
	height: 514px;
	background: #fff;
}
.feat-content {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 514px;
	width: 777px;
	background: #fff;
}
.prev {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 5;
	background: url(../images/arrow_left_features.png) no-repeat;
	width: 39px;
	height: 43px;
	display: block;
	text-indent:-9999px;
}
.next {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 5;
	background: url(../images/arrow_right_features.png) no-repeat;
	width: 40px;
	height: 43px;
	display: block;
	text-indent:-9999px;
}
.prev:active {
	outline: none;
}
.next:active {
	outline: none;
}
.feat-active {
	z-index: 3;
}
.feat-next {
	z-index: 4;
}
.feat-txt {
	position: absolute;
	right: 0px;
	top: 0;
	width: 410px;
	/*background: url(../images/bgr_transparent_black.png) repeat;*/
	color: #fff;
	height: 514px;
}
.feat-txt div {
	padding: 130px 48px 20px;
}
.feat-txt div p {
	line-height: 20px;
}
.feat-txt div h2 {
	margin-bottom: 80px;
}
.first-lvl ul {
	background: #fff;
}
/* ###########################
		CONTACT PAGE
############################## */
.contact-container {
	background: transparent url(../images/bgr_contact.jpg) no-repeat !important;
	height: 508px;
	color: #fff;
}
.contact-form {
	width: 343px;
	float: left;
	font-size: 14px;
}
.contact-form p {
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 28px;
}
.contact-info {
	width: 410px;
	float: right;
	font-size: 14px;
	position: relative;
}
.contact-info span {
	position: absolute;
	bottom: -198px;
	right: 19px;
	color: #a6a6a6;
	font-size: 11px;
}
.contact-info div {
	padding: 35px 25px 25px 160px;
	line-height: 24px;
}
.contact-info h3 {
	margin-bottom: 5px;
}
.contact-wrap {
	padding: 17px 30px;
}
.contact-wrap div {
	margin-bottom: 15px;
}
.contact-wrap label {
	font-size: 18px;
}
.input-p {
	background: url(../images/form_input_contact.png) no-repeat;	
	margin-bottom: 0 !important;	
	height: 28px !important;
	line-height: 28px !important;
}
.contactus-form-input {
	width: 240px;
	height: 28px;
	line-height: 28px;
	border: 0 none;	
	padding: 0 5px;
	background: transparent;
	font-size: 14px;
}
p.textarea-bg {
	background: url(../images/form_message_contact.png) no-repeat;
	width: 250px;
	height: 87px;
	border: 0 none;
	padding: 0;
	margin: 0;
}
#messagefield {
	background: transparent;
	width: 240px;
	height: 77px;
	border: 0 none;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
	resize: none;
	padding: 5px;
}
.button-mid {
	background: url(../images/but_submit_updates.png) no-repeat;
	float: right;
	width: 90px;
	height: 23px;
	border: 0 none;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	display: block;
	margin-right: 31px;
	cursor: pointer;
}
/* ###################################
			PRICING PAGE
###################################### */
.pricing-container {
	background: transparent !important;
}
#build-portfolio {
	background: #000;
	height: 375px;
	position: relative;
}
#build-portfolio h1 {
    font-family: 'PrintClearlyRegular';
	font-size: 50px;
	color: #fff;
	text-transform: uppercase;
	padding: 30px 0 0 23px;
	width: 625px;
}
#build-portfolio p {
	color: #fff;
	font-style: italic;
	font-size: 19px;
	line-height: 30px;
	width: 421px;
	padding: 7px 0 0 25px;
	letter-spacing: 1px;
}
#build-portfolio img {
	position: absolute;
	left: 449px;
	top: 148px;
}
#pricing-boxes {
	background: #fff;
	height: 350px;
	position: relative;
	margin-bottom: 15px;
}
#pricing-boxes h2 {
	padding: 15px 5px 86px;
	text-align: center;
	text-transform: uppercase;
}
#pricing-boxes p {
	padding: 0 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	color: #3b4953;
}
.starter {
	background: url(../images/box_starter.gif) no-repeat;
	width: 201px;
	height: 281px;
	position: absolute;
	left: 15px;
	top: -130px;
}
.premium {
	background: url(../images/box_premium.gif) no-repeat;
	width: 201px;
	height: 335px;
	position: absolute;
	left: 229px;
	top: -130px;
}
.pro {
	background: url(../images/box_pro.gif) no-repeat;
	width: 201px;
	height: 425px;
	position: absolute;
	left: 443px;
	top: -130px;
}
.compare-plans {
	position: absolute;
	bottom: 23px;
	left: 513px;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: underline;
}
.compare-plans:link, .compare-plans:visited, .compare-plans:hover {
	color: #2084b9;	
}
#plans-include, #questions {
	background: #fff;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 20px;
}
#plans-include h3, #questions h3 {
	font-size: 24px;
	letter-spacing: 1px;
}
#plans-include ul {
	float: left;
	width: 317px;
}
#plans-include ul li {
	background: url(../images/ico_check.gif) no-repeat 0 8px;
	line-height: 48px;
	font-size: 14px;
	padding-left: 38px;
}
#questions h4 {
	font-size: 20px;
	color: #c9001a;
	font-weight: normal;
	margin-bottom: 5px;
}
#questions p {
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
}
#questions table td {
	padding: 0 42px 40px 0;
}
#free-trial-bg {
	background: url(../images/form_bg.jpg) no-repeat;
	width: 324px;
	height: 646px;
	position: absolute;
	right: 20px;
	top: -354px;
}
#free-trial-wrap {
	padding: 36px;
	color: #fff;
}
#free-trial-wrap h2 {
	background: url(../images/title_free_trial.jpg) no-repeat;
	width: 251px;
	height: 50px;
	text-indent: -9999px;
	margin-bottom: 35px;
	padding: 0;
}
#free-trial-wrap label {
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 2px;
}
#free-trial-wrap input {
	border: 0 none;
	width: 240px;
	padding: 0 5px;
	height: 28px;
	line-height: 28px;
	background: transparent;
}
#free-trial-wrap .button {
	background: url(../images/but_create_account.gif) no-repeat;
	width: 250px;
	height: 93px;
	text-indent: -9999px;
	display: block;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	border: 0 none;
	margin-top: 35px;
}
#free-trial-wrap .input-p {
	padding: 0 !important;
}
.fields {
	margin-bottom: 16px;
}
.fields span {
	font-size: 10px;
}
/* ##################################
		EXAMPLES PAGE
##################################### */
.examples-container {
	background: transparent !important;
}
.one-example {
	background: #fff;
	padding: 11px;
	margin-bottom: 15px;
	overflow: hidden;
}
p.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 30px;
	padding: 10px 55px 0 10px;
}
p.signature {
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	padding-right: 55px;
	margin-bottom: 0;
	font-style:italic;
}
p.signature a:link, p.signature a:visited, p.signature a:hover {
	color: #e9001a;
}
.three-example {
	position: relative;
	margin-left: -32px;
	overflow: hidden;
	margin-bottom: 15px;
}
.example-box {
	float: left;
	margin-left: 31px;
	width: 311px;
}
.third {
	margin-left: 32px;
}
.example-box img {
	display: block;
}
.one-example a, .example-box a {
	background: #fff;
	display: block;
	padding: 10px 0;
	color: #e9001a;
	text-align: center;
	margin-top: 5px;
	font-size: 14px;
	font-style:italic;
}
.one-example a{
	text-align: right;
}
.example-box .img-wrap {
	padding: 11px;
	background: #fff;
}
.show-examples {
	display: block;
	margin: 45px auto 0;
	width: 411px;
}
/* ############################
		SUPPORT PAGE
############################### */
.support-container {
	background: transparent url(../images/bgr_support.jpg) no-repeat !important;
	height: 508px;
}
.support {
	background: url(../images/bgr_transparent_black.png) repeat;
	width: 410px;
	color: #fff;	
}
.support h2 {
	font-weight:normal;
	font-size: 20px;
	margin-bottom: 5px;
}
.support-wrap {
	padding: 50px 30px;
	position: relative;
}
.support-wrap span {
	position: absolute;
	bottom: 52px;
	right: -567px;
	color: #a6a6a6;
	font-size: 11px;
}
.support-wrap  div {
	padding: 0 0 40px 55px;
	line-height: 24px;
}
.support-wrap a:link, .support-wrap a:visited, .support-wrap a:hover {
	color: #fff;
	text-decoration: none;
}
.icophone {
	background: url(../images/ico_phone.gif) no-repeat;
}
.icochat {
	background: url(../images/ico_chat.gif) no-repeat;
}
.icoemail {
	background: url(../images/ico_email.gif) no-repeat;
}
.icoforum {
	background: url(../images/ico_forum.gif) no-repeat;
}
/* ############################
		LOGIN PAGE
############################### */
/*html, body {
	height: 100%;
}
#full {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/bgr_login.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagesbgr_login.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagesbgr_login.jpg', sizingMethod='scale')";
}*/
/*img.bg {
       
        min-height: 100%;
        min-width: 1024px;

        
        width: 100%;
        height: auto;

        
        position: fixed;
        top: 0;
        left: 0;
}

@media screen and (max-width: 1024px) { 
        img.bg {
                left: 50%;
                margin-left: -512px;   
        }
}*/

/*#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
*/

#login-top {
	width: 100%;
	height: 60px;
	background: #000;
}
#login-top a {
	background: url(../images/logo_login.gif) no-repeat;
	width: 201px;
	height: 60px;
	display: block;
	text-indent: -9999px;
}
#login-box {
	background: url(../images/bgr_transparent_black.png) repeat;
	width: 630px;
	height: 380px;	
	color: #fff;
	position: absolute;
	z-index: 2;
	margin: -190px 0 0 -315px;
	top: 50%;
	left: 50%;
}
.box-wrap {
	padding: 20px 40px 30px;
}
#login-box h2 {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 25px;	
}
#login-box a:link, #login-box a:visited, #login-box a:hover {
	color: #fff;
	text-decoration: underline;
	font-size: 12px;
	line-height: 20px;
}
#login-box p.input-p {
	width: 250px;
	background: url(../images/input_loginform.gif) no-repeat;
	height: 34px !important;
	line-height: 34px !important;
}
#login-box input {
	background: transparent;
	border: 0 none;
	height: 34px;
	line-height: 34px;
	width: 248px;
    border: 0 none;
	font-size: 18px;
	margin: 0;
	padding: 0 5px;
	width: 242px;
}
#login-box input.submit {
	background: url(../images/but_login.gif) no-repeat;
	width: 138px;
	height: 39px;
	text-indent: -9999px;
	font-size: 0;
	display: block;
	line-height: 0;
	margin-bottom: 40px;
	padding: 0;
	cursor: pointer;
}
.loginform {
	float: left;
	width: 280px;
}
.loginform label {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}
.loginform div {
	margin-bottom: 20px;
}
.not-member {
	float: right;
	width: 240px;
}
.not-member a {
	font-size: 14px !important;
}
/* ##################################
		COMPARE ALL PLANS
##################################### */
/* PRICING TABLE */

.pricing-table-wrap {

	border: 1px solid #bfbfbf;

	background: #e0e0e0;

	padding: 5px 0px 5px 5px;

}

#pricing-table th {

	background: #fff;

	border-top: 1px solid #bfbfbf;

}

#pricing-table th.white-td {

	background: #fff;

	border-left: 1px solid #fff;

	border-left: 1px solid #fff;

	padding-left: 15px;

}

#pricing-table th.bgr-td {

	background: transparent url(../images/bgr_td.gif) repeat-y;

	width: 7px;

	padding: 0;

	border-top: 0 none;

}

#pricing-table td {

	height: 36px;

	font-size: 16px;

	vertical-align: middle;

}

#pricing-table td.red1, #pricing-table th.red1 {

	background: #FFFFFF;

	border-top: 1px solid #e6e6e6;

	border-bottom: 1px solid #e6e6e6;

	width: 122px;

	text-align: center;

	font-weight: bold;

}

#pricing-table td.red2, #pricing-table th.red2 {

	background: none repeat scroll 0 0 #EDEDED;

    border-bottom: 1px solid #D7D7DA;

    border-top: 1px solid #D7D7DA;

	width: 122px;

	text-align: center;

	font-weight: bold;

}

#pricing-table td.red3, #pricing-table th.red3 {

	background: none repeat scroll 0 0 #DEDEDE;

    border-bottom: 1px solid #C9C9C9;

    border-top: 1px solid #C9C9C9;

	width: 122px;

	text-align: center;

	font-weight: bold;

}

#pricing-table td.bgr-td {

	background: url(../images/bgr_td.gif) repeat-y;

	width: 7px;

	padding: 0;

}

#pricing-table td.white-td {

	background: #fff;

	border-left: 1px solid #fff;

	padding-left: 15px;

}

#pricing-table td.gray-td , #pricing-table th.gray-td {

	background: #ececec;

	border-top: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;	

	border-left: 1px solid #fff;

	padding-left: 15px;

}

a.table-signup {

	background: url(../images/new/but_table_signup_new.png) no-repeat;

	width: 378px;

	height: 42px;

	display: block;

	float: right;

	margin: 7px 7px 0 0;

	text-indent: -9999px;

}

#pricing-table td.red1 span, #pricing-table td.red2 span, #pricing-table td.red3 span {

	display: block;

	font-weight: normal;

	font-size: 12px;

	color: #5a6d7b;

	text-align: right;

	padding: 5px 5px 0 0;

}

#pricing-table td.red1 span.red-price, #pricing-table td.red2 span.red-price, #pricing-table td.red3 span.red-price {

	font-weight: bold;

	font-size: 16px;

	color: #b40000;

	padding-bottom: 5px;

}

#pricing-table td.white-td span.red-price, #pricing-table td.gray-td span.red-price {

	font-weight: normal;

	font-size: 18px;

	color: #b40000;

}

#pricing-table td.red1 span.save, #pricing-table td.red2 span.save, #pricing-table td.red3 span.save {

	font-weight: bold;

	font-size: 14px;

	color: #5a6d7b;

	padding-bottom: 5px;

	padding-top: 0;

}
/* #####################################
			LANDING PAGES
######################################### */

#build-portfolio  h1.landingh1 {
    font-family: 'PrintClearlyRegular';
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	padding: 30px 0 0 23px;
	width: 625px;
}
.landing-examples {
	overflow: hidden;
	width: 532px;
	float: left;
}
.landing-examples .example-box {
    float: left;
    margin: 0 15px 15px 0;
    width: 258px;
}
.landing-examples .second {
	margin-right: 0 !important;
}
.landing-examples .example-box img {
    display: block;
    width: 234px;
}
#advantages {
    float: left;
    height: 508px;
    position: relative;
    width: 532px;
	background: #fff;
}
#advantages h2 {
	font-weight: normal;
	color: #e9001a;
	margin-bottom: 0;
}
#advantages p {
	line-height: 18px;
}
.spacing {
	padding: 20px;
}
.design-left-content {
	background: #fff;
	height: 608px;
}
.design-left-content h2 {
	font-weight: normal;
}
.wrap-works {
	margin-bottom: 15px;
}
.wrap-works img {
	width: 120px;
}
.img-wrap a {
	margin: 0 !important;
	padding: 0 !important; 
}
.wrap-works h3 {
	color: #d9001a;
	margin-bottom: 10px;
}
.works {
    float: right;
    width: 278px;
}
.works p {
	line-height: 18px;
}
/* submenu -a pages */
.subnav {
	width: 270px;
	float: left;
	margin-right: 20px;
	background: #fff;
}
.subnav ul {
	padding: 10px;
}
.subnav ul li {
	margin: 1px 0;
}
.subnav ul li a {
	background: #000 url(../images/ico_arrow_submenu.gif) no-repeat right 11px;
	padding: 5px;
	display: block;
	font-size: 12px;
	font-weight: bold;
}
.subnav ul li a:link, .subnav ul li a:visited  {
	color: #fff;
	text-decoration: none;	
}
.subnav ul li a:hover {
	background: #fff;
	color: #c9001b;	
}