@charset "utf-8";
/* CSS Document */
/* ===========================================================
Client: Ready Sign
Last Modified: 3/5/2010
Designed: 7/13/09
Author: Kevin Jantzer
www.kevinjantzer.com
============================================================= */

body				{margin:0; padding:0; background:#262623; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#222222;}

.f-left				{float:left;}
.f-right			{float:right;}
.ta-left			{text-align:left;}
.ta-right			{text-align:right;}
.clearer			{clear:both;}


/* //Ready Sign Text Logo */
.rs					{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-variant:small-caps;}

/* ---------------------------------------------------------------------------
1) header with menu
------------------------------------------------------------------------------ */
#header_bgd		{width:100%; height:208px; background:url(img/header_bgd.jpg) repeat-x;}
#header_wrapper	{width:950px; height:100%; margin:0 auto 0 auto;}
	#header_logo_text	{width:540px; height:101px; float:left; margin-left:20px; margin-top:50px;}
	
	#header_menu		{ position:relative; top:-24px; left:220px; width:600px;}
		#header_menu p			{margin:0; padding:0; }
		#header_menu p#header_menu_item_active a	{padding: 3px 15px 3px 15px; float:left; margin-right:7px;
													background:#e2e2e2; border: solid 1px #443d3d; color:#222; text-decoration:none;}
		#header_menu p#header_menu_item a			{padding: 3px 15px 3px 15px; margin:0; margin-right:7px; float:left; 
													background:#262623; border: solid 1px #262623; color:#e1e1e1; text-decoration:none;}
		#header_menu p#header_menu_item a:hover		{background:#31312e; border: solid 1px #5b5555}


/* ---------------------------------------------------------------------------
2) title box/sub menu
------------------------------------------------------------------------------ */
#titleBox_bgd		{width:100%; min-height:60px; background:#919191; border-bottom: solid 2px #5c5c5c;}
#titleBox_wrapper	{width:950px; margin: 0 auto 0 auto; text-align:right; padding-top:5px;}
	#titleBox_wrapper h1		{font-family:"Times New Roman", Times, serif; font-size:40px; font-variant:small-caps; color:#262623;
								margin:0;padding:0; }

/* ---------------------------------------------------------------------------
3) content
------------------------------------------------------------------------------ */
#content_bgd		{width:100%; background:#e9e9e9;}
#content_wrapper	{width:950px; margin: 0 auto 0 auto; padding: 5px 0 5px 0;}
#content_wrapper h2 {text-shadow: #fff 0px 1px 0px; text-align: left; color: #444; font-style: italic;}
#content_wrapper p  {font-size: 16px; line-height: 25px; text-shadow: #fff 0px 1px 0px;}
#content_wrapper p a 		{color:inherit; text-decoration: underline; padding:1px 6px 2px 6px;}
#content_wrapper p a:hover 	{text-decoration: none; background: #fecc10; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* ---------------------------------------------------------------------------
4) footer
------------------------------------------------------------------------------ */
#footer_wrapper		{width:950px; margin: 0 auto 0 auto;}
#footer_box_link	{width:225px; float:left; margin-top:10px;}
	.footer_margin_left{margin-left:70px;}
#footer_box_link_text	{width:203px; float:left; margin-left:5px;}
	#footer_box_link p			{border-bottom:dashed 3px #434340; width:100%; margin:0; padding-top:12px; padding-bottom:12px; padding-left:10px;}
	#footer_box_link p a		{color:#dad9d9; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; font-weight:bold;}
	#footer_box_link p a:hover	{color:#fff;}
	
#footer_box_info	{width:200px; float:right; margin-top:25px; margin-right:20px;}
	#footer_box_info p			{text-align:right; color:#dad9d9; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
	#footer_box_info p a		{color:#dad9d9; text-decoration:none;}

/* ===========================================================================================================================================
INDIVIDUAL PAGE STYLES
=========================================================================================================================================== */
/* ---------------------------------------------------------------------------
1) home page
------------------------------------------------------------------------------ */
#home_titleBox_intro	{float:left; width:630px; margin-top:20px;; font-size:15px; color:#fff; text-align:justify;}
	#home_titleBox_intro p {text-shadow: #656565 0 1px 1px;}
	#home_titleBox_intro p.first_paragraph	{font-family:"Times New Roman", Times, serif; font-size:20px;}
	#home_titleBox_intro p:not(.first_paragraph)	{letter-spacing: 1px;}
	
	
	
/* ---------------------------------------------------------------------------
2) products - sign chooser
------------------------------------------------------------------------------ */
#product_ready_wrapper	{float:left; width:193px; height:554px; margin-left:132px; margin-right:160px;}
	#product_ready_wrapper img	{border:0;}
	
#product_retro_wrapper	{float:left; width:257px; height:554px; margin-left:125px;}
	#product_retro_wrapper img	{border:0;}
	
#product_chooser_spacer	{float:left; width:1px; height:554px; border-left: dashed 3px #b5b5b5;}

/* ---------------------------------------------------------------------------
2-1) ready sign
------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------
2-2) retro flasher
------------------------------------------------------------------------------ */



/* ---------------------------------------------------------------------------
3) contact page
------------------------------------------------------------------------------ */
h3.underline {border-bottom: solid 1px #ccc; display: inline; padding: 0 50px 4px 0 ;}

#contactForm form{
	width: 400px;
	float: right;
	margin: 20px
}

#contactForm form button{
	height: 30px;
	width:90px;
	background: #fecc10;
	border: solid 1px #e4ac01;
	font-family: Arial, Verdana;
	font-size: 16px;
	color: #b78901;
	text-shadow: #eee 0 1px 1px;
	padding: 2px 0 0 0 ;
	margin: 4px 0 0 0;
	float: right;
}

#contactForm form button:hover{
	height: 30px;
	color: #936f01;
}

#contactForm form span.error {
	display: none;
	color: #222;
	font-family: Arial, Verdana;
	font-weight: bold;
	font-style: italic;
	position: relative;
	margin: 0 0 0 0;
	height: 0px;
	left: 0px;
	top: 12px;
}
#contactForm form button.noteSent {display: none;}

#contactForm input, #contactForm textarea {
	background: #f9f9f9;
	color: #555;
	border: solid 1px #ccc;
	height: 30px;
	width: 100%;
	margin: 3px 0 3px 0;
	padding: 0 0px 0 3px;
	font-family: Arial, Verdana;
	font-size: 16px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
}

#contactForm textarea {
	height:120px;
	width: 394px;
	padding: 5px;
}

#contactForm input:focus, #contactForm textarea:focus {
	border: solid 1px #aaa;
	outline: none;
}