/*
	Gray Suit Marketing
	CSS Master Document
	Corporate Website 
	v.11

	Tom Johnson
	Tom [at] GraySuit.com
*/

html, body	 		{margin: 0; padding: 0; border: 0; background-color:#EBEBEB;}
embed, object		{margin: 0px; padding: 0px; border: 0px}
body 				{color: #333333; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin: 0;}
li					{list-style:square}
/*  Backgrounds [Image Based]	 */
.headerBackground		{background-image:url("header.background.gif"); background-repeat:repeat-y;}
.navigationBackground	{background-image:url("navigation.background.gif"); background-repeat:repeat-x;}
.sidebarBackground		{background-image:url("home.sideBar.gif"); background-repeat:repeat-x;}	
.stripeBackground		{background-image:url("stripe.background.gif"); background-repeat:repeat;}
.crossFade				{background-image:url("home.crossfade.gif"); background-repeat:repeat-x;}
.homeSidebar			{height:263px}
.contentSidebar			{height:168px}
.quickLaunch			{width:132px; height:263px; background-color:#333333;background-image:url("quickLaunch.gif"); background-repeat:no-repeat; }
.contentBackground		{background-color:#FFFFFF;background-image:url("content.background.gif"); background-repeat:repeat-x;}
.quickConnect			{margin-bottom:20px; color:#FFFFFF; font-weight:bold; line-height:20px; width:132px; height:273px; background-image:url("gsm.quickConnect.background.gif"); background-repeat:no-repeat;}
.quickConnect p			{margin:25px 8px;}	
.footer					{text-align:center; width:574px; height:50px; overflow:hidden; background-image:url("gsm.footer.background.gif");}

/*  Backgrounds [Color Based]  */
.whiteBack				{background-color:#FFFFFF;}
.superLightGreyBack		{background-color:#EAEAEA;}
.steelGreyBack			{background-color:#525C5E;}
.lightGreyBack			{background-color:#F2F2F2;}
.midGreyBack			{background-color:#CCCCCC;}
.darkGreyBack			{background-color:#333333;}
.footerGreyBack			{background-color:#939393;}
.blackBack				{background-color:#000000;}

.content1Light			{background-color:#6C6D54;}
.content1Dark			{background-color:#5F604A;}
.content2Light			{background-color:#BCA711;}
.content2Dark			{background-color:#A6930F;}
.content3Light			{background-color:#486967;}
.content3Dark			{background-color:#405D5B;}
.content4Light			{background-color:#7B907C;}
.content4Dark			{background-color:#6D7F6D;}

/*  Copy Colors	 */
.whiteCopy 			{color:#FFFFFF;}
.goldCopy			{color:#C8AA6E;}
.lightGreyCopy		{color:#F2F2F2;}
.midGreyCopy		{color:#CCCCCC;}
.darkGreyCopy		{color:#666666;}
.purpleCopy			{color:#3E4A70;}

.whiteCopy a		{color:#FFFFFF;}
.goldCopy a			{color:#C8AA6E;}
.lightGreyCopy a 	{color:#F2F2F2;}
.midGreyCopy a 		{color:#CCCCCC;}
.darkGreyCopy a		{color:#666666;}
.purpleCopy	a		{color:#3E4A70;}

h1					{color:#4D4D4D;font-size:14px; font-weight:bold; line-height:15px; margin-bottom:0px; margin-top:0px}
h3					{color:#4D4D4D;font-size:22px; text-transform:uppercase; padding:0px; margin:6px 20px}
.container-subnav	{width:130px; height:152px; line-height:20px; border:1px solid #000000; background-color:#8F8F7F; margin-top:8px; color:#BBBBBB;}
.container-subnav a	{color:#BBBBBB; text-decoration:none; margin-left:3px}
.container-subnav a:hover {color:#CCCCCC; text-decoration:underline;}
.subnav-header		{width:auto; margin:1px; height:21px}
.subnav-option		{padding-left:2px; width:128px !important; margin:0px 1px 0px 1px/*1px 1px*/; border-bottom: 1px solid #404040; height:20px !important; background-color:#343434}
.subnav-option:hover{background-color:#404040}

.container			{width:inherit; margin:0; padding:0px; }
.clear 				{clear: both;}
.to-left			{float:left}
.to-right			{float:right}
.wide 				{width: 100%; font-size: 10px;}
.wide p 			{margin: 0; position: relative;}
.top 				{height:128px; background-image:url("header.background.gif"); background-repeat:repeat-y; text-align:left}
.bottom 			{position: relative; height:50px; font-size:10px; line-height:20px}
.bottom p			{margin:25px 0px 5px 20px;}
.bottom a			{color:#CCCCCC; text-decoration:none}
.bottom a:hover		{text-decoration:underline}
.actionCall			{margin: 20px 9px;}
.content			{margin: 20px 15px; line-height:15px}
.content a			{color:#333333;}
.content a:hover	{color:#555555;}
.content img		{border:3px solid #CCCCCC; margin: 10px 0px;}
.shortinput			{width:116px; height:17px; border:0px}
.form-item			{width:350px; height:30px; text-align:left; padding-top:4px; color:#382F0E}
.form-item div p 	{background-color:#6D7F6D; width:145px; padding:3px 0px 0px 5px; margin:0px; height:20px; color:#FFFFFF;}
.largeinput			{width:180px;}
.outer 				{position: relative; 				/*** IE needs this or the contents won't show outside the parent container. ***/
					 margin-left: 624px;    			/*** Critical left col dimension value ***/
					 width: 156px;   					/*** Critical left and right col/divider dimension value (moves inversly) ***/
					}
* html .outer 		{width: 158px; wid\th: 156px;}		/*** IE5.x/win box model fix ***/
.wrapper 			{margin: 0 auto; width: 780px; text-align: left;}
* html .wrapper 	{width: 782px;	wid\th: 780px; }	/*** IE5.x/win box model fix ***/

.float-wrap 		{
					 float: left;
					 width: 156px;   					/*** Critical left and right col/divider dimension value (moves inversly) ***/
					 margin-right: -1px;   				/*** Static fix ***/
					}

.center {
text-align:left;
float: right;
width: 156px;   					/*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   				/*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.left {
position: relative; 				/*** IE needs this or the contents won't show outside the parent container. ***/
width: 625px;    					/*** Critical left col/divider dimension value ***/
margin-left: -624px;   				/*** Critical left col/divider dimension value ***/
}

* html .left {
float:left;	
}

*>html .left {width:625px;}   		/*** Fix only for IE/Mac ***/

.container-left {
width: 624px;    					/*** Critical left col dimension value ***/
padding-bottom: 40px;   			/*** To keep content from going underneath the AP bottom boxes ***/ 
}

.right {
float: left; 
position: relative; 				/*** IE needs this or the contents won't show outside the parent container. ***/
width: 17px;    					/*** Critical right col/divider dimension value ***/
margin-right: -158px;    			/*** Critical right col/divider dimension value ***/
margin-left: -1px;   				/*** Static fix ***/
}

/* \*/
* html .right {
margin-left: -1px; 
margin-right: -624px; 
mar\gin-right: -161px;
}
/* */

.container-right { 
/* \*/width: 15px;					/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 2px;    				/*** Critical right divider dimension value ***/
padding-bottom: 110px;   			/*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right 	{fl\oat: right;margin-left: 2px;mar\gin-left: 0px;}
/*** Static fixes ***/

/* \*/
* html h2 					{height: 1%;}
/* */

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left 				{margin-right: -3px;}
/* */

/* This is for the STRIPE About Us Page */

.stripe_row {
	margin:0px;
	padding:0px;
	width:580px;
	height:81px;
}
.stripe_button {
	margin:0px;
	padding:0px;
	width:183px;
	height:81px;
	float:left;
}
.stripe_button img {border-style:none;}
	
.stripe_text {
	margin:0px;
	padding:0px;
	width:397px;
	height:81px;
	float:right
}
.stripe_text p {
	margin:13px 0px 0px 13px;
	padding:13px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.clear {
	clear:both
}