/* general architecture
-------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	text-align: center;
	background: #2C0029 url(../images/bg.jpg);
}

html, body { height: 100%; }

body {
	height: 100%;
	text-align: center;
	background: url(../images/bg2.jpg) repeat-x top left;
	font: 12px/1.6em Georgia, "Times New Roman", Times, serif;
	color: #B3EDEC;
}

body#pagehome, body#pagearchive { color: #FE9C9C; }

#bg {
	width: 994px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	text-align: center;
	background: #970045 url(../images/bg3.gif) repeat-x left 197px;
}

* html #bg { height: 100%; }

#site {
	width: 994px;
/*	position: absolute;
	top: 0;
	left: 0;*/
	min-height: 100%;
	height: 100%;
	margin: auto;
	text-align: left;
	background: transparent url(../images/flowerbg.gif) no-repeat top left;
}

* html #site { height: 100%; }

.clear { clear: both; }

/* general styling
-------------------------------------------------------*/

a { text-decoration: none; }

p { margin-bottom: 8px; }

h1 { display: none; }

h2 {
	font: bold 30px Georgia, "Times New Roman", Times, serif;
	color: #00A99D;
	margin-bottom: 8px;
	line-height: 1.4em;
}

h2 a { color: #00A99D; }

#subcol h2 { display: none; }

h3 {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #A1D8C1;
	margin-bottom: 18px;
	line-height: 1.4em;
}

#pageclients h3 { margin-bottom: 2px; }

#pageportfolio h3 {
	font-size: 18px;
	font-weight: bold;
}

h4 {
	font-size: 16px;
	color: #56DAC9;
	margin-bottom: 8px;
}

h4 a { color: #56DAC9; }

/* header architecture
-------------------------------------------------------*/

#header {
	height: 197px;
	position: relative;
	background: transparent url(../images/headerbg.png) no-repeat top left;
}

#pageportfolio #header {
	background: transparent url(../images/headerbg_portfolio.png) no-repeat top left;
}

#headerLogo {
	width: 170px;
	height: 150px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#headerLogo a {
	width: 170px;
	height: 150px;
	display: block;
}

#headerNav {
	width: 714px;
	height: 65px;
	position: absolute;
	top: 148px; right: 0;
	z-index: 1000;
}

/* header tabs (client login & newsletter)
-------------------------------------------------------*/

#clientlogin, #newsletterlogin {
	width: 206px;
	height: 125px;
	display: none;
	position: absolute;
	top: 61px;
	right: 0;
	z-index: 1001;
	color: #87004E;
} 

#clientlogin { background: transparent url(../images/clientloginbg.png) no-repeat top left; } 

#clientlogin label { display: none; }

#newsletterlogin { background: transparent url(../images/newsletterloginbg.png) no-repeat top left; } 

#newsletterlogin .tab a, #clientlogin .tab a { color: #87004E; }

.tab { font-size: 10px; }

.tab p { margin-bottom: 0; }

.tab form {
	width: 206px;
	position: relative;
	padding-top: 16px;
}

.tab label {
	display: block;
	width: 40px;
	margin-left: 13px;
	float: left;
	padding-top: 3px;
}

#clientlogin .button_close {
	position: absolute;
	top: 101px;
	right: 11px;
}

#newsletterlogin .button_close {
	position: absolute;
	top: 101px;
	left: 12px;
}

.tabinput {
	background: #000 url(../images/tabinputbg.jpg) repeat-x top left;
	border: 1px solid #87004E;
	margin-bottom: 5px;
	color: #87004E;
	font: 10px Georgia, "Times New Roman", Times, serif;
	padding: 3px;
}

#clientlogin .tabinput { 
	width: 177px;
	height: 15px;
	margin-left: 11px;
}

#newsletterlogin .tabinput { 
	width: 132px;
	height: 15px;
}

.tab .input_submit {
	float: right;
	padding-right: 11px;
}

.forgotPassword, .unsub {
	float: left;
	padding: 6px 0 0 11px;
	font-weight: bold;
}

/* header navigation styling
-------------------------------------------------------*/

#navigation {
	width: 714px;
	height: 65px;
	background: transparent url(../images/navbar.png) no-repeat top left;
	list-style: none;
}

#navigation li {
	position: absolute; top: 0;
	text-indent: -5000px;
}

#navigation li, #navigation a {
	height: 65px;
	display: block;
}

#navHome { left: 69px; width: 112px; }
#navAbout { left: 181px; width: 110px; }
#navPortfolio { left: 291px; width: 110px; }
#navContact { left: 401px; width: 104px; }
#navClientLogin { left: 512px; width: 90px; }
#navJoin { left: 599px; width: 112px; }

#navHome a:hover, #pagehome #navHome { background: transparent url(../images/navbar.png) -69px -64px no-repeat; }
#navAbout a:hover, #pageabout #navAbout { background: transparent url(../images/navbar.png) -181px -64px no-repeat; }
#navPortfolio a:hover, #pageportfolio #navPortfolio { background: transparent url(../images/navbar.png) -291px -64px no-repeat; }
#navContact a:hover, #pagecontact #navContact, #pagethanks #navContact { background: transparent url(../images/navbar.png) -401px -64px no-repeat; }
#navClientLogin a:hover, .currentpage#navClientLogin { background: transparent url(../images/navbar.png) -512px -64px no-repeat; }
#navJoin a:hover, .currentpage#navJoin { background: transparent url(../images/navbar.png) -599px -64px no-repeat; }

/* original nav

#navAbout { left: 0px; width: 64px; }
#navClients { left: 67px; width: 77px; }
#navPrices { left: 146px; width: 95px; }
#navPortfolio { left: 243px; width: 91px; }
#navInfo { left: 336px; width: 91px; }
#navContact { left: 429px; width: 84px; }
#navClientLogin { left: 512px; width: 90px; }
#navJoin { left: 599px; width: 112px; }

#navAbout a:hover, #pageabout #navAbout { background: transparent url(../images/navbar.png) -0px -64px no-repeat; }
#navClients a:hover, #pageclients #navClients { background: transparent url(../images/navbar.png) -67px -64px no-repeat; }
#navPrices a:hover, #pageprice_quote #navPrices { background: transparent url(../images/navbar.png) -146px -64px no-repeat; }
#navPortfolio a:hover, #pageportfolio #navPortfolio { background: transparent url(../images/navbar.png) -243px -64px no-repeat; }
#navInfo a:hover, #pagegood_info #navInfo { background: transparent url(../images/navbar.png) -336px -64px no-repeat; }
#navContact a:hover, #pagecontact #navContact { background: transparent url(../images/navbar.png) -429px -64px no-repeat; }
#navClientLogin a:hover, .currentpage#navClientLogin { background: transparent url(../images/navbar.png) -512px -64px no-repeat; }
#navJoin a:hover, .currentpage#navJoin { background: transparent url(../images/navbar.png) -599px -64px no-repeat; }*/

/* content architecture
-------------------------------------------------------*/

#content {
/*	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	height: 100%;*/
	background: transparent url(../images/estherbg.png) no-repeat top left;
	z-index: 0 !important;
	z-index: -1;
	vertical-align: top;
}

#pageportfolio #content {
	background: transparent url(../images/contentbg.png) no-repeat top left;
	z-index: 0 !important;
	z-index: -1;
	vertical-align: top;
}

* html #content { height: 100%; }

* html #pagehome #content { height: 100%; }

#pagehome #main, #pagearchive #main {
	width: 670px;
	min-height: 540px;
	/*margin: 18px 0 105px 320px;*/
	margin: 18px 0 0 320px;
	position: relative;
	float: left;
}

#main {
	width: 330px;
	min-height: 540px;
	margin: 18px 0 105px 346px;
	position: relative;
	float: left;
	/*font: 12px/1.7em "Times New Roman", Times, serif;*/
}

#pageportfolio #main {
	width: 953px;
	min-height: 540px;
	margin: 18px 0 0 41px;
	position: relative;
	float: left;
	font: 12px/1.7em "Times New Roman", Times, serif;
}

#featured {
	width: 669px;
	min-height: 293px;
	background: transparent url(../images/featuredframe.png) no-repeat top left;
	position: relative;
}

#featured1 {
	width: 298px;
	padding: 206px 0 0 17px;
	float: left;
}

#featured1 img.screenshot {
	position: absolute;
	top: 50px;
	left: 61px;
}

#featured2 {
	width: 290px;
	padding: 206px 24px 0 0;
	float: right;
}

#featured2 img.screenshot {
	position: absolute;
	top: 50px;
	right: 68px;
}

#updates {
	width: 669px;
	background: transparent url(../images/updatestop.png) no-repeat top left;
	padding-top: 96px;
	clear: both;
}

#updatesbg {
	width: 669px;
	min-height: 216px;
	background: transparent url(../images/updatesbg.png) repeat-y 0 20px;
}

#updatesmainbg {
	width: 669px;
	min-height: 216px;
	background: transparent url(../images/updatesmainbg.png) no-repeat top left;
}

.entry { padding: 12px 113px 16px 123px; }

/* content styling
-------------------------------------------------------*/

#pagehome a, #pagearchive a { color: #FF00B5; }

#pagehome h2, #pagearchive h2 {
	font-size: 18px;
	font-weight: normal;
}

#pagehome h3, .tab h3, #pagearchive h3, .tab h3 { display: none; }

#featured a { color: #56DAC9; }

.entry h4 { color: #D80085; }

.entry h4 .date { font-size: 14px; }

#updatesmainbg .entry h4 a { color: #D80085; }

.entry p { font: 12px/1.4em "Times New Roman", Times, serif; }

.title {
	font-size: 12px;
	font-weight: bold;
	color: #FB8454;
	padding-top: 10px;
}

.subtitle {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #58DECD;
}

#subcol .subtitle a, .subtitle a { color: #58DECD; }

#pagehome .descrip {
	font: italic 13px "Times New Roman", Times, serif;
	color: #FEF7BA;
}

.descrip {
	font-size: 12px;
	line-height: 1.3em;
	color: #FEF7BA;
	font-style: italic;
}

.entry .details {
	color: #D80085;
	font: italic 10px/1.6em Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
}

#archiveIntro {
	padding: 0 113px 0 123px;
	text-align: center;
}

#archiveIntro h2 {
	color: #ac006a;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

/* contact
-------------------------------------------------------*/

#pagecontact #subcol h2, #pagethanks #subcol h2 {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 4px;
}

.formstyle label  {
	display: block;
	width: 70px;
	padding-top: 7px;
	float: left;
	text-transform: uppercase;
	font: 9px Georgia, "Times New Roman", Times, serif;
}

.formstyle label.customlabel {
	width: auto;
	float: none;
	clear: left;
	display: inline;
	margin-right: 8px;
	padding-left: 8px;
}

.formstyle input, .formstyle textarea {
	width: 350px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 3px;
	background: transparent url(../images/formbg.png);
	border: 1px solid #293868;
	color: #DDFFFF;
}

.formstyle input { height: 19px; }

.required {
	font-weight: bold;
	color: #FB8454;
}

.formstyle input.button {
	padding: 0;
	border: none;
	background: none;
	width: 57px;
	height: 21px;
}

table#sidetable td {
	vertical-align: top;
	padding-bottom: 12px;
	font-size: 10px;
}

table#sidetable td.stat {
	font: 10px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #F88454;
	padding: 3px 6px 0 0;
	text-align: right;
}

/* portfolio
-------------------------------------------------------*/

.portfolioItem {
	width: 298px;
	height: 259px;
	background: transparent url(../images/portfolioitembg.png) no-repeat top left;
	font: 11px/1.6em Georgia, "Times New Roman", Times, serif;
	position: relative;
	margin: 0 18px 18px 0;
	float: left;
}

.portfolioItem .descrip {
	font: italic 12px "Times New Roman", Times, serif;
	color: #FEF7BA;
}

.portfolioItem .launch {
	position: absolute;
	right: 10px;
	bottom: 7px;
}

.portfolioItemContent { padding: 9px; }

.portfolioItem h4 { margin-bottom: 4px; }

/* price quote
-------------------------------------------------------*/
#pageprice_quote #subcol h3 {
	color: #F88454;
	font-weight: bold;
}

#totalblock { text-align: center; }

#totalblock input {
	width: 120px;
	height: 34px;
	padding-top: 3px;
	text-align: center;
	background: transparent url(../images/totalblockbg.png) no-repeat top center;
	border: 0;
	color: #FFF8AB;
	font: bold 24px Georgia, "Times New Roman", Times, serif;
}

#quoteTotal .note {
	color: #58DECD;
	font-style: italic;
}

#quoteTotal .note a { color: #C5FFF8; }

#quoteSubmit ul {
	list-style: none;
	padding: 4px 0;
}

.groupHeader {
	font-size: 20px;
	font-weight: bold;
	padding-top: 8px;
}

.unitPrice {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}

.groupHeader b, .note { color: #FB8454; }

.description {
	padding-left: 24px;
	font-style: italic;
}

	/* form */

#userInfo {
	border-top: 1px dotted #B3EDEC;
	padding-top: 10px;
	margin-top: 10px;
}

#userInfo input, #userInfo textarea {
	font: 10px Georgia, "Times New Roman", Times, serif;
	padding: 3px;
	background-color: #73003D;
	border: 1px solid #A47698;
	color: #B3EDEC;
}

#userInfo label.customlabel {
	padding-left: 0;
	margin-right: 0;
	display: block;
	margin-bottom: 5px;
}

#userInfo input.button {
	padding: 0;
	border: 0;
}

/* side column architecture (sub pages)
-------------------------------------------------------*/

#subcol {
	width: 318px;
	display: inline;
	float: right;
	margin: 18px 0 105px 0;
	color: #FFF8AB;
	font-size: 11px;
	line-height: 1.5em;
}

#subcol a { color: #FFF8AB; }

#subcontainer {
	width: 318px;
	background: transparent url(../images/subcontainerbottom.png) no-repeat bottom left;
	padding-bottom: 18px;
}

#pageprice_quote #subcontainer { position: absolute; }

#subcontainerbg {
	background: transparent url(../images/subcontainerbg.png) repeat-y;
	border-bottom: 1px transparent !important;
	border-bottom-style: solid !important;
	border-bottom: 0 transparent;
	border-bottom-style: hidden;
}

#pageabout #subcontainertop {
	width: 318px;
	padding-top: 91px;
	background: transparent url(../images/subcontainertop_stats.png) no-repeat top left;	
}

#pageabout #subcontainermainbg {
	background: transparent url(../images/subcontainermainbg_stats.png) no-repeat top left;
	min-height: 135px;
	padding: 0 48px 0 69px;
}

#pageclients #subcontainertop {
	width: 318px;
	padding-top: 90px;
	background: transparent url(../images/subcontainertop_testimonials.png) no-repeat top left;	
}

#pageclients #subcontainermainbg {
	background: transparent url(../images/subcontainermainbg_testimonials.png) no-repeat top left;
	min-height: 177px;
	padding: 0 54px 0 79px;
}

#pageprice_quote #subcontainertop {
	width: 318px;
	padding-top: 98px;
	background: transparent url(../images/subcontainertop_quote.png) no-repeat top left;	
}

#pageprice_quote #subcontainermainbg {
	background: transparent url(../images/subcontainermainbg_quote.png) no-repeat top left;
	min-height: 82px;
	padding: 11px 50px 0 72px;
}

#pagegood_info #subcontainertop {
	width: 318px;
	padding-top: 100px;
	background: transparent url(../images/subcontainertop_checklist.png) no-repeat top left;	
}

#pagegood_info #subcontainermainbg {
	background: transparent url(../images/subcontainermainbg_checklist.png) no-repeat top left;
	min-height: 140px;
	padding: 11px 59px 0 76px;
}

#pagecontact #subcontainertop, #pagethanks #subcontainertop {
	width: 318px;
	padding-top: 100px;
	background: transparent url(../images/subcontainertop_contact.png) no-repeat top left;	
}

#pagecontact #subcontainermainbg, #pagethanks #subcontainermainbg {
	background: transparent url(../images/subcontainermainbg_contact.png) no-repeat top left;
	min-height: 170px;
	padding: 11px 70px 0 93px;
}

/* footer
-------------------------------------------------------*/

#footer {
	width: 994px;
	height: 105px;
	position: relative;
	background: #080024 url(../images/footerbg.png) no-repeat bottom left;
	color: #970045;
	font: italic 10px Georgia, "Times New Roman", Times, serif;
	/*margin: -105px auto 0 auto;*/
	margin: 0 auto 0 auto;
	text-align: left;
}

* html #footer { margin-top: -105px; }

#footer a { color: #970045; }

#footer ul {
	position: absolute;
	top: 43px;
	left: 333px;
	list-style: none;
}

#footer li {
	float: left;
	border-left: 1px solid #4C0035;
	/*padding: 0 13px;*/
	padding: 0 30px;
}

#footer .first {
	padding-left: 0;
	border-left: none;
}

#footer p {
	position: absolute;
	top: 64px;
	left: 333px;
	list-style: none;
}