@charset "UTF-8";
/* CSS Document */


/* --------------------
		PAGES
-------------------- */

/* PAGES MAIN */

#pagesmain {
	float: left;
	width: 750px;
	text-align: left;
	border-right: 1px solid #000;
	min-height: 600px;
}

.pagesheader {
	padding-bottom: 10px;
}

.pagesheader > h2 {
	border-bottom: 1px solid #000;
	padding: 0 0 2px 0;
}

.pagescontent {
	padding: 15px 24px 0 0;
}

/* PAGES SIDEBAR */

#pagessidebar {
	float: right;
	width: 224px;
	text-align: right;
}

.pagessidebarheader {
	border-bottom: 1px solid #000000;
}

.pagessidebarheader h2 {
	text-align: left;
	font-size: 18px;
	padding: 0 0 0 25px;
}

.pagessidebarsection {
	text-align: left;
	padding: 10px 0 25px 25px;
}

/* PAGES BLOG THUMB */

.pagessidebarsection > .blogthumb {
	width: 200px;
	padding: 0;
}

.pagessidebarsection > .blogthumb > .blogthumbsection {
	text-align: left;
	width: 200px;
}

.pagessidebarsection > .blogthumb > .blogthumbsection img {
	width: 200px;
	border: none;
}

.pagessidebarsection > .blogthumb > .blogthumbheader {
}

.pagessidebarsection > .blogthumb > .blogthumbheader h2 {
	color: #000000;
	font-style: normal;
	font-size: 15px;
	padding-bottom: 0;
}

.pagessidebarsection > .blogthumb > .blogthumbheader h2 a {
	color: #4D4D4D;
}

.pagessidebarsection > .blogthumb > .blogthumbheader h2 a:hover {
	color: #63CECA;
}

.pagessidebarsection > .blogthumb > .blogthumbheader > .postinfo {
	display: none;
}

.pagessidebarsection > .blogthumb > .blogthumbsection p {
	padding-top: 5px;
	margin: 0;
}

/* PAGES MISC */

.pagesleft {
	width: 370px;
	float: left;
	text-align: left;
}

.pagesright {
	width: 320px;
	float: right;
	text-align: right;
}


/* --------------------
		RESOURCES
-------------------- */

.resourcescolumn {
	padding-right: 15px;
	float: left;
}

.resourcescolumn a {
	color: #000;
}

.resourcescolumn a:hover {
	text-decoration: underline;
}

.resourcescolumn > section {
	width: 225px;
	padding: 15px 0;
}

.resourcescolumn > section > header {
}

.resourcescolumn > section > header > h3 {
	font-size: 15px;
}

.resourcescolumn > section > article > h4 {
	font-size: 14px;
}


/* --------------------
		ABOUT
-------------------- */

.about {
	font-size: 15px;
	clear: both;
}

.aboutleft {
	float: left;
	width: 340px;
}

.aboutrightwrapper {
	float: right;
	text-align: right;
	width: 340px;
}

.aboutright {
	text-align: left;
	padding-bottom: 15px;
}

/* --------------------
		CLIENTS
-------------------- */

#signin {
	padding: 25px 0;
}

#signinleft {
	float: left;
	width: 360px;
	border-right: 1px solid #000000;
	margin-bottom: 25px;
}

#signinleft > article {
	width: 335px;
}

#signinright {
	float: right;
	width: 335px;
	text-align: right;
}

#signinright > article {
	text-align: left;
}

#signinformwrapper {
	width: 250px;
	margin: 0 auto;
	text-align: center;
	padding: 50px 0 45px 0;
}

#signinform {
	text-align: left;
}

.signinitem {
	padding-bottom: 10px;
	position: relative;
}

.signininput {
	width: 250px;
	background: #D9D9D9;
	border: none;
	height: 25px;
}


/* --------------------
		WEB STRATEGY
-------------------- */

.strategyitemwrapper {
	overflow: visible;
	background: #E6E6E6;
	clear: both;
	margin-bottom: 25px;
}

.strategyitem {
	padding: 25px 25px 17px 25px;
	text-align: left;
}

.strategyitem h3 {
	color: #000;
	padding-top: 0;
	margin-top: 0;
}

.strategyitem a {
	color: #000;
	text-decoration: underline;
}

.strategyitem a:hover {
	color: #000;
	text-decoration: none;
}



/* --------------------
		WEB DESIGN
-------------------- */

.quoteitem {
	padding-bottom: 10px;
	position: relative;
}

.quoteinput {
	height: 25px;
	width: 340px;
	background: #D9D9D9;
	border: none;
}

.quotetextarea {
	height: 75px;
	width: 340px;
	background: #D9D9D9;
	border: none;
}

.listlabel {
	padding-top: 4px;
}


/* --------------------
		CONTACT
-------------------- */

#contactleft {
	width: 400px;
	float: left;
	text-align: left;
}

#contactright {
	width: 300px;
	float: right;
	text-align: right;
}

#contactform {
	text-align: left;
	padding-top: 20px;
}

#contactform p {
	position: relative;
	padding: 0 0 15px 0;
}

.contacttextbox {
	height: 25px;
	width: 300px;
	background: #D9D9D9;
	border: none;
}

.contactbox {
	height: 100px;
	width: 300px;
	background: #D9D9D9;
	border: none;
}


/* --------------------
		SERVICES
-------------------- */

.services {
	clear: both;
}


/* --------------------
		PORTFOLIO
-------------------- */

#portfoliowrapper {
	width: 725px;
	margin: 0 auto;
	text-align: center;
	padding-top: 25px;
}

#portfoliomenu {
	float: left;
	width: 150px;
	border-right: #000 1px solid;
	text-align: left;
}

#portfoliomenu a {
	text-decoration: none;
}

.portmenusection {
	padding: 0 0 15px 5px;
}

#portfoliocontent {
	float: right;
	width: 550px;
	text-align: right;
}

.portoverview {
	padding: 10px;
}

.portoverview img {
	width: 340px;
}

.portitem {
	width: 550px;
	text-align: left;
}

.portinfo {
	width: 550px;
	border-bottom: 1px solid #000;
	height: 60px;
	display: table;
}

.portname {
	float: left;
	width: 150px;
}

.portdescription {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	height: 60px;
	float: left;
	width: 230px;
}

.portlink {
	float: left;
}

.portlink a {
	color: #000000;
	text-decoration: none;
	padding: 0 1px;
	text-align: center;
}

.portpad {
	padding: 0 10px;
}

.portimage {
	width: 550px;
	padding-top: 15px;
}

#nav_1729590, #nav_1729590 ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav_1729590 a {
	display: block;
	color: #000;
}

#nav_1729590 a:hover {
	color: #63CECA;
}

.gray {
	color: #949494;
}

.gray a {
	color: #949494;
}

.gray a:hover {
	color: #000;
}

.portthumb {
	width: 137px;
	height: 100px;
	overflow: hidden;
	float: left;
	text-align: left;
}

.portthumb img {
	width: 125px;
	text-align: left;
}

/* --------------------
		PORTFOLIO PAGINATION
-------------------- */

div.app-wrapper {position: relative;}
ul.source-pagination {display: none;}


nav.app-pagers { margin: 0; }
  nav.app-pagers ul { list-style: none; margin: 0; padding: 0; }
   nav.app-pagers ul li { position: absolute; left: -100px; top: 150px; margin: 0; padding: 0; background: none; font-size: 80px; }
   nav.app-pagers ul li {font: 600 100px/20px Arial,Helvetica,sans-serif;}
   nav.app-pagers ul li:before {display: none;}
   nav.app-pagers ul li.next { left: auto; right: -100px; }
    nav.app-pagers ul li a { color: #a2acae; text-decoration: none !important; }
    html* nav.app-pagers ul li a { display: block; line-height: 60px; }
    nav.app-pagers ul li a:hover, nav.app-pagers ul li a:focus, nav.app-pagers ul li a:active { color: #ffffff; }
     nav.app-pagers ul li a span { display: none; }



/* PRICING */

#pricing {
	width: 725px;
	text-align: center;
}

#pricing td {
	border-bottom: 1px solid #d9d9d9;
}

td.features {
	font-weight: bold;
	line-height: 26px;
	text-align: left;
}

td.options {
	font-weight: bold;
	line-height: 26px;
}

td.sectionheader {
	height: 30px;
	background: #d9d9d9;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: lighter;
}

td.prices {
	font-size: 18px;
	height: 30px;
}

.freetrial {
	margin: 50px auto;
	text-align: center;
}

.mostpop {
	background: #fff;
}

/* --------------------
		ACCOUNT
-------------------- */

#nav_1515708 {
	clear: both;
	padding-bottom: 15px;
	width: 100%;
}

#nav_1515708, #nav_1515708 ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav_1515708 a {
	background-color: #000;
	color: #fff;
	padding: 5px 10px;
}

#nav_1515708 a:hover {
	background-color: #63CECA;
	color: #fff;
	padding: 5px 10px;
}

#nav_1515708 li {
	float: left;
	padding-right: 35px;
}

/* Order History */

#order-history {
	width: 100%;
	clear: both;
	padding: 25px 0;
}
#order-history span {
	display: block;
	float: left;
}

#order-history span.col-1 {
	width: 261px;
}

#order-history span.col-2 {
	width: 153px;
}

#order-history span.col-3 {
	width: 101px;
}

#order-history span.col-4 {
	width: 90px;
}

#order-history p, #order-history li {
	position: relative;
	overflow: hidden;
	clear: both;
	width: 605px;
}

#order-history p {
	margin: 0;
	font-weight: bold;
}

#order-history ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#order-history ol li {
	padding: 9px 0;
}

.offset {
	position: absolute !important;
	left: -10001px !important;
	overflow: hidden !important;
}

/* CUSTOMER SERVICE */

#customer-service {
	width: 100%;
	padding-bottom: 25px;
}

#customer-service span {
	display: block;
	float: left;
}

#customer-service span.subject {
	width: 300px;
}

#customer-service span.category {
	width: 210px;
}

#customer-service span.status {
	width: 95px;
}

#customer-service p, #cs li {
	position: relative;
	overflow: hidden;
	clear: both;
	width: 605px;
}

#customer-service p {
	margin: 0;
	font-weight: bold;
}

#customer-service ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#customer-service ol li {
	padding: 15px 0;
}

/* ACCOUNT FORMS */

#accountform {
	width: 300px;
	text-align: center;
	margin: 0 auto;
	padding-top: 50px;
}

.accountitem {
	text-align: left;
	padding-bottom: 10px;
}

#updateform {
	padding-top: 50px;
}

.updateleft {
	float: left;
	width: 340px;
}

.updateleft input {
	width: 300px;
	height: 25px;
	background: #E6E6E6;
	border: none;
}

.updateright {
	float: right;
	width: 340px;
	text-align: left;
}

.updateright input {
	width: 300px;
	height: 25px;
	background: #E6E6E6;
	border: none;
}

.tutorialwrapper {
	padding-top: 25px;
	clear: both;
}

/* TUTORIALS */

#videoGallery {
	position: relative;
	padding-left: 100px;
	clear: both;
}

#videoGallery .item {
	display: block;
	float: left;
	width: 275px;
	margin: 0 0 40px 0;
	position: relative;
}

#videoGallery .item .image {
	margin: 0 0 10px;
}

#videoGallery .item h2 {
	width: 100%;
	overflow: hidden;
	padding: 0 0 10px;
	border-bottom: 1px solid #333;
}

#videoGallery .item h2 a {
	display: block;
	float: left;
	padding: 0 20px 0 0;
	text-decoration: none;
}

#videoGallery .item p {
	font-size: 1.1em;
}

#videoGallery .item p.more {
	margin: 0;
}

#videoGallery div.item h2 {
	border:0px;
	font-weight:normal;
}

#videoGallery .item a.btn-play {
	background: url("/img/tutorials/PlayArrow.png") no-repeat scroll 50% 50% transparent;
	display: block;
	width: 112px;
	height: 112px;
	position: absolute;
	top: 106px;
	left: 60px;
}


/* CHECKOUT */

.checkoutsection {
	padding: 15px 0;
	width: 350px;
	clear: both;
	display: table;
}

.checkoutleft {
	float: left;
	width: 350px;
}

.checkoutright {
	float: right;
	width: 350px;
}

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

.checkoutitem .cat_textbox {
	width: 300px;
	height: 25px;
	border: 1px solid #000;
	background: #fff;
}

.checkoutamount {
	color: #63CECA;
	padding: 0;
	margin: 0;
	font-size: 22px;
	border: none;
	background: #ffffff;
	font-weight: bold;
}


/* ECOURSE SALES */

.sales {
	font-size: 15px;
}

.salesvideo {
	float: left;
	width: 650px;
	text-align: left;
	padding-bottom: 25px;
}

.salesintro {
	float: right;
	text-align: right;
	width: 300px;
}

.salesleft {
	float: left;
	width: 550px;
	text-align: left;
}

.salesright {
	float: right;
	text-align: right;
	width: 350px;
}

.salesleftalt {
	float: right;
	text-align: right;
	width: 550px;
}

.salesrightalt {
	float: left;
	width: 350px;
	text-align: left;
}

.salesleft h4, .salesright h4, .salesleftalt h4, .salesrightalt h4 {
	color: #E05206;
	margin-top: 5px;
}

.salespurchase {
	text-align: center;
	padding: 20px 0;
	display: table;
}