/*-------------------------------------------

             Project:  invigoreight
               Usage:  Subpages
              Author:  Ian Yang
             Updated:  2009-01-18

---------------------------------------------*/


/*===================TOC=====================

           1. About Us & Approach
           2. Get Started
           3. Contact Us

=============================================*/



/* 1. About Us & Approach
---------------------------------------------*/
#about #content,
#approach #content {
	text-shadow: white 0 1px 1px;
	}

#about #content #features,
#approach #content #procedure {
	position: relative;
	top: 22px;
	margin-top: 27px;
	width: 934px;
	}

#about #content #features hr,
#approach #content #procedure hr {
	clear: both;
	visibility: hidden;
	}

#about #content #features li,
#approach #content #procedure li {
	position: relative;
	left: 2px;
	float: left;
	display: inline;
	padding-bottom: 48px;
	}

#about    #content #features  li { width: 467px; }
#approach #content #procedure li { width: 298px; }

#about > /**/ #content #features li,
#approach > /**/ #content #procedure li {
	padding-bottom: 60px;
	}

#about #content #features li h3,
#approach #content #procedure li h3 {
	position: relative;
	margin-bottom: 31px;
	padding-left: 71px;
	font-weight: normal;
	font-size: 2em;
	}

.blue  #about #content #features li #first { color: #09F; }
.green #about #content #features li #first { color: #9C3; }

#about #content #features li h3 span,
#approach #content #procedure li h3 span {
	position: absolute;
	top: -6px;
	left: -2px !important;
	left: -73px;
	height: 47px;
	overflow: hidden;
	background: #E11260;
	}

#about    #content #features  li h3 span { width: 53px; text-indent: -500em; }
#approach #content #procedure li h3 span { width: 47px; color: white; line-height: 47px; text-align: center; text-shadow: #E11260 0 1px 1px; }

.blue  #approach #content #procedure li h3 span { text-shadow: #09F 0 1px 1px; }
.green #approach #content #procedure li h3 span { text-shadow: #9C3 0 1px 1px; }

#about > /**/ #content #features li h3 span,
#approach > /**/ #content #procedure li h3 span {
	top: -8px;
	}

.blue  #about    #content #features  li h3 span,
.blue  #approach #content #procedure li h3 span { background: #09F; }
.green #about #content #features li h3 span,
.green #approach #content #procedure li h3 span { background: #9C3; }

#about    #content #features  li p { width: 373px; }
#approach #content #procedure li p { width: 250px; }

#about #content #features li ul,
#approach #content #procedure li ul {
	margin-top: 22px;
	}

#about #content #features li ul li,
#approach #content #procedure li ul li {
	position: static;
	padding: 0;
	}

#about #content #features li ul li a,
#approach #content #procedure li ul li a {
	color: #666;
	font-size: 0.8em;
	line-height: 1.65em;
	}

#about #content #features li ul li a:hover,
#approach #content #procedure li ul li a:hover {
	color: #E11260;
	}

.blue  #about    #content #features  li ul li a:hover,
.blue  #approach #content #procedure li ul li a:hover { color: #09F; }
.green #about    #content #features  li ul li a:hover,
.green #approach #content #procedure li ul li a:hover { color: #9C3; }


/* 2. Get Started
---------------------------------------------*/
#start #content {
	text-shadow: white 0 1px 1px;
	}

#start #content form {
	position: relative;
	margin: 41px 0 43px;
	padding-top: 189px;
	width: 846px;
	}

#start #content form fieldset label {
	visibility: hidden;
	}

#start #content form fieldset input {
	position: absolute;
	padding: 0 9px;	
	height: 32px;
	border: 1px solid #676767;
	color: #E11260;
	font: 1em/32px Verdana, sans-serif;
	text-shadow: white 0 1px 1px;
	}

html:not([lang*=""]) #start #content form fieldset input {
	padding-top: 7px;
	height: 25px;
	}

.blue  #start #content form fieldset input,
.blue  #start #content form fieldset ol li textarea { color: #09F; }
.green #start #content form fieldset input,
.green #start #content form fieldset ol li textarea { color: #9C3; }

#start #content form fieldset #fn     { top: 0; left: 0;     width: 145px; }
#start #content form fieldset #ln     { top: 0; left: 198px; width: 177px; }
#start #content form fieldset #title  { top: 0; left: 425px; width: 108px; }
#start #content form fieldset #com    { top: 0; left: 586px; width: 145px; }
#start #content form fieldset #email  { top: 75px; left: 0;     width: 220px; }
#start #content form fieldset #tel    { top: 75px; left: 266px; width: 109px; }
#start #content form fieldset #addr   { top: 75px; left: 425px; width: 306px; }
#start #content form fieldset #launch { top: 150px; left: 0;     width: 374px; }
#start #content form fieldset #budget { top: 150px; left: 425px; width: 306px; }

#start #content form fieldset ol li {
	margin-bottom: 53px;
	}

#start #content form fieldset ol li label {
	position: relative;
	display: block;
	margin-bottom: 24px;
	padding-left: 73px !important;
	padding: 3px 0 3px 71px;
	height: 41px;
	line-height: 1.15em;
	visibility: visible;
	}

#start #content form fieldset ol li label div {
	position: absolute;
	top: 0;
	left: 0;
	width: 53px;
	height: 47px;
	overflow: hidden;
	background: #E11260;
	color: white;
	font-size: 1.85em;
	line-height: 47px;
	text-align: center;
	text-shadow: #E11260 0 1px 1px;
	}

.blue  #start #content form fieldset ol li label div { background: #09F; text-shadow: #09F 0 1px 1px; }
.green #start #content form fieldset ol li label div { background: #9C3; text-shadow: #9C3 0 1px 1px; }

#start #content form fieldset ol li label span {
	position: relative;
	display: block;
	margin-bottom: 5px;
	width: 770px;
	font-size: 1.2em;
	}

#start #content form fieldset ol li textarea {
	padding: 5px 9px;
	width: 820px;
	height: 116px;
	overflow: auto;
	border: 1px solid #343434;
	color: #E11260;
	font: 1em/32px Verdana, sans-serif;
	text-shadow: white 0 1px 1px;
	}

#start #content form div #submit {
	width: 98px;
	height: 27px;
	border: none;
	background: #E11260;
	color: white;
	font: 0.85em/27px Helvetica, Arial, sans-serif;
	text-align: center;
	text-shadow: #E11260 0 1px 1px;
	cursor: pointer;
	}

html:not(:first-of-type) #start #content form div #submit {
	padding-top: 1px;
	}

.blue  #start #content form div #submit { background: #09F; text-shadow: #09F 0 1px 1px; }
.green #start #content form div #submit { background: #9C3; text-shadow: #9C3 0 1px 1px; }


/* 3. Contact Us
---------------------------------------------*/
#contact #content {
	text-shadow: white 0 1px 1px;
	}

#contact #content form {
	position: relative;
	float: left;
	display: inline;
	margin: 41px 0 43px;
	padding-top: 204px;
	width: 555px;
	}

#contact #content form fieldset label {
	position: absolute;
	left: -500em;
	}

#contact #content form fieldset input {
	position: absolute;
	padding: 0 9px;	
	height: 32px;
	border: 1px solid #676767;
	color: #E11260;
	font: 1em/32px Verdana, sans-serif;
	text-shadow: white 0 1px 1px;
	}

html:not([lang*=""]) #contact #content form fieldset input {
	padding-top: 7px;
	height: 25px;
	}

.blue  #contact #content form fieldset input,
.blue  #contact #content form fieldset textarea { color: #09F; }
.green #contact #content form fieldset input,
.green #contact #content form fieldset textarea { color: #9C3; }

#contact #content form fieldset #fn    { top: 0; left: 0;     width: 145px; }
#contact #content form fieldset #ln    { top: 0; left: 198px; width: 177px; }
#contact #content form fieldset #title { top: 0; left: 425px; width: 108px; }
#contact #content form fieldset #com   { top: 68px; left: 0;     width: 145px; }
#contact #content form fieldset #email { top: 68px; left: 198px; width: 177px; }
#contact #content form fieldset #tel   { top: 68px; left: 425px; width: 108px; }
#contact #content form fieldset #hear  { top: 136px; left: 0; width: 533px; }

#contact #content form fieldset textarea {
	margin-bottom: 34px;
	padding: 5px 9px;
	width: 533px;
	height: 242px;
	overflow: auto;
	border: 1px solid #343434;
	color: #E11260;
	font: 1em/32px Verdana, sans-serif;
	text-shadow: white 0 1px 1px;
	}

#contact #content form div #submit {
	width: 98px;
	height: 27px;
	border: none;
	background: #E11260;
	color: white;
	font: 0.85em/27px Helvetica, Arial, sans-serif;
	text-align: center;
	text-shadow: #E11260 0 1px 1px;
	cursor: pointer;
	}

html:not(:first-of-type) #contact #content form div #submit {
	padding-top: 1px;
	}

.blue  #contact #content form div #submit { background: #09F; text-shadow: #09F 0 1px 1px; }
.green #contact #content form div #submit { background: #9C3; text-shadow: #9C3 0 1px 1px; }

#contact #content .vcard,
#contact #content #live-chat,
#contact #content #get-started {
	float: right;
	display: inline;
	margin: 0 3px 35px 0;
	width: 230px;
	line-height: 1.65em;
	}

* + html #contact #content .vcard *,
* + html #contact #content #live-chat *,
* + html #contact #content #get-started * {
	position: relative;
	}

#contact #content .vcard h3,
#contact #content #live-chat h3,
#contact #content #get-started h3 {
	margin-bottom: -4px;
	color: #E11260;
	font-size: 0.8em;
	}

#contact #content .vcard h3 {
	margin-bottom: -1px;
	}

#contact #content .vcard {
	margin-top: 36px;
	color: #666;
	font-size: 0.8em;
	}

#contact #content .vcard h3 a {
	margin-bottom: 2px;
	color: #E11260;
	font-size: 1.3em;
	}

#contact #content #get-started p {
	margin-bottom: 22px;
	}

#contact > /**/ #content #get-started p {
	margin-bottom: 14px;
	}

#contact #content #get-started a {
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 1px solid;
	color: #E11260;
	font-size: 0.9em;
	line-height: 0.8em;
	}

html[xmlns^="HTTP"] #contact #content #get-started a {   /* for Firefox 2 */
	border: none;
	text-decoration: underline;
	}

.blue  #contact #content .vcard h3 a,
.blue  #contact #content #live-chat h3,
.blue  #contact #content #get-started h3,
.blue  #contact #content #get-started a { color: #09F; }
.green #contact #content .vcard h3 a,
.green #contact #content #live-chat h3,
.green #contact #content #get-started h3,
.green #contact #content #get-started a { color: #9C3; }

#contact #content .vcard .adr .street-address {
	display: block;
	width: 130px;
	}

#contact #content .vcard .adr .country-name,
#contact #content .vcard .tel .type {
	position: absolute;
	left: -500em;
	}

html #contact #content .vcard .email {
	color: #666;
	}

#contact hr {
	visibility: hidden;
	}