/*
Theme Name: Q4Launch
Theme URI: http://q4launch.com/
Description: A Q4launch theme.
Version: 1.0
Author: Richard Strucke
Author URI: http://strucke.com/
*/

@import 'http://q4launch.com/wp-content/themes/q4launch/layout/reset.css';

/* T H E  G E N E R A L */
* 			{margin:0; padding:0; list-style:none; border:0}
html, body 	{height:100%}
body 		{
			background:#394866 url(http://q4launch.com/wp-content/themes/q4launch/images/bgBody.png) top center repeat-x; 
			font: 76%/1.5 "lucidia grande", arial, sans-serif;
			color:#394866;
			}
			
a 			{color:#394866; text-decoration:none}
a:hover		{color:#9ccb3b}
p a 		{border-bottom:1px solid #9ccb3b}
p 			{margin:0 0 0.75em; width:660px}
h2 			{font-size:1.5em; line-height:1.5; margin:1em 0}
h2.noTopMargin,
h2.contact,
#contactIntro h2
			{margin-top:0}


/* H E A D E R */
h1#logo 	{float:left; height:38px; width:180px; margin:72px 0 66px 60px}
h1#logo a	{float:left; text-indent:-9999px; overflow:hidden}
ul#nav 		{float:right; margin-top:9px}
ul#nav li 	{display:inline}
ul#nav li a {float:left; outline:none; height:41px; text-indent:-9999px; overflow:hidden; background-image:url(http://q4launch.com/wp-content/themes/q4launch/images/navBg.png); background-repeat:no-repeat}
ul#nav li a.home 			{background-position:0 0; width:58px}
ul#nav li a.services 		{background-position:-58px 0; width:78px}
ul#nav li a.quote 			{background-position:-136px 0; width:137px}
ul#nav li a.contact 		{background-position:-273px 0; width:74px}
ul#nav li a.home:hover 		{background-position:0 -42px}
ul#nav li a.services:hover 	{background-position:-58px -42px}
ul#nav li a.quote:hover 	{background-position:-136px -42px}
ul#nav li a.contact:hover 	{background-position:-273px -42px}
ul#nav li.selected a.services 		{background-position:-58px -84px}
ul#nav li.selected a.services:hover {background-position:-58px -84px}
ul#nav li.selected a.quote 			{background-position:-136px -84px}
ul#nav li.selected a.contact 		{background-position:-273px -84px}
ul#nav li.selected a.quote:hover 	{background-position:-136px -84px}
ul#nav li.selected a.contact:hover 	{background-position:-273px -84px}


/* H O M E - R E C E N T  L A U N C H E S */
#recentLaunch 			{position:relative; background:#9ccb3b url(http://q4launch.com/wp-content/themes/q4launch/images/recentLaunchCGF.jpg) no-repeat; min-height:339px; clear:both}
#recentLaunch ul 		{float:right; margin:16px 59px 0 0}
#recentLaunch ul li a 	{display:block; width:240px; margin-top:26px; text-indent:-9999px; overflow:hidden; height:32px}
#recentLaunch ul li a.ecomm {background-image:url(http://q4launch.com/wp-content/themes/q4launch/images/recentEcomm.png)}
#recentLaunch ul li a.brand {background-image:url(http://q4launch.com/wp-content/themes/q4launch/images/recentBrand.png)}
#recentLaunch ul li a.market {background-image:url(http://q4launch.com/wp-content/themes/q4launch/images/recentMarketing.png)}
#recentLaunch ul li a.web {background-image:url(http://q4launch.com/wp-content/themes/q4launch/images/recentDesign.png)}
#recentLaunch ul li a.print {background-image:url(http://q4launch.com/wp-content/themes/q4launch/images/recentPrint.png)}
h1#linkme, h1#linkme a {position:absolute; text-indent:-9999px}
h1#linkme a {color:#fff; top:290px; left:118px; width:430px; height:40px}

/* H O M E - L A U N C H E S  S O O N */
#soonToLaunch {background:url(http://q4launch.com/wp-content/themes/q4launch/images/homeSoon.jpg) no-repeat; height:352px}
#soonToLaunch h3,
#soonToLaunch ul  {visibility:hidden}

/* C O N T E N T */
#top 				{visibility:hidden}
#content 			{min-height:100%; height:auto !important; height:100%; margin:0 auto -50px; width:960px; background:#fff url(http://q4launch.com/wp-content/themes/q4launch/images/bgContentLogo.jpg) top no-repeat}
.pageContent		{clear:both; margin:0 60px}
.pageContent h2		{margin:1.5em 0 0.5em}
.pageContent p 		{text-align:justify}

/* S E R V I C E S */
#servEcom, 
#servBrand, 
#servMng, 
#servWeb, 
#servPrint {padding-left:0}
#servEcom 	{background: url(http://q4launch.com/wp-content/themes/q4launch/images/servicesEcom.png) 93% 0 no-repeat}
#servBrand	{background: url(http://q4launch.com/wp-content/themes/q4launch/images/servicesBrand.png) 95% 0 no-repeat}
#servMng	{background: url(http://q4launch.com/wp-content/themes/q4launch/images/servicesMng.png) 93% 0 no-repeat}
#servWeb	{background: url(http://q4launch.com/wp-content/themes/q4launch/images/servicesWeb.png) 95% 0 no-repeat}
#servPrint	{background: url(http://q4launch.com/wp-content/themes/q4launch/images/servicesPrint.png) 95% 0 no-repeat}


/*-- C O N T A C T --*/
#contact 			{margin:0 60px; clear:left}
h2.contact 			{float:left}
#contactIntro 		{float:right; width:290px}
#contact form 		{clear:left}
#contactIntro strong, #contactIntro li, #contact label {font-size:1.1em}
#contactIntro strong{padding:0 4px 4px; display:block}
#contactIntro li 	{padding:4px; border-top:1px solid #e2f0e8}

#contact label		{margin:1.5em 0.5em 0}
#contact label#nameLegend {margin-top:0}
#contact label, 
#contact input, 
#contact textarea 	{display:block; width:470px; color:#3a4967}
#contact input, 
#contact textarea 	{
					font-size:1.2em;
					color:#3a4967;
					padding:0.5em 10px;
					display:block; 
					border-bottom:1px solid #9ccb3b; 
					background:#e2f0e8;
					-moz-border-radius-topright:8px;
					-webkit-border-top-right-radius:8px;
}
#contact textarea 	{height:420px; width:820px; padding-top:1.75em}
#contact button 	{width:62px; height:25px; margin:1.5em 0.5em 2em; background:transparent url(http://q4launch.com/wp-content/themes/q4launch/images/submit.png) 0 0 no-repeat}
#contact button span{display:none}
#contact button:hover {background-position:0 -25px}
.MsgSent {			
					width:430px; 
					padding:20px;
					border-bottom:1px solid #9ccb3b; 
					background:#e2f0e8;
					-moz-border-radius-topright:8px;
					-webkit-border-top-right-radius:8px;
}
.MsgSent p {width:430px; padding:0; margin:0}


/* F O O T E R */
#push 		{height:50px; margin-top:36px}
#footer 	{width:840px; height:34px; margin:0 auto 0 auto; padding:16px 60px 0; background:#394866 url(http://q4launch.com/wp-content/themes/q4launch/images/bgContentFooter.png) top no-repeat}
#copyright, 
#footer a 	{font-size:x-small; color:#9ccb3b; text-transform:uppercase}
#footer a 	{float:right; text-decoration:none}
#footer a:hover {text-decoration:underline}