/* CSS Document */

/*//////////////// created by John Benedict ////////////////*/
/*/////////////// john@benedictgraphico.com ////////////////*/


@import "reset.css";


html, body 			{ }
	
body    			{ background: #fff url(../imgs/body-bg.jpg) repeat-x;
					font: 12px/18px Arial, sans-serif; text-align: left; }

a					{ color: #011d35; }
a:hover				{ text-decoration: none; }
	
#wrap				{ width: 1000px; }

.lCol				{ float: left; width: 198px; margin-right: 27px; text-align: right; }
.rCol				{ float: left; width: 530px; }
.minHt				{ height: 342px; }

.actions			{ width: 530px; margin-top: 18px; padding-top: 9px; border-top: 1px solid #bfc6cc; }
.block				{ width: 530px; display: block; }
.right				{ float: right; }
.padTop				{ padding-top: 9px; }
.noBrdr				{ border: none !important; 
					padding-right: 0 !important; margin-right: 0 !important;  }


/* HEADER
-------------------------------------------------------------------------------- */
#header				{ float: left; width: 1000px; }

#header h5,
#header h6			{ text-indent: -9999px; font-size: 0; line-height: 0; }
 
#header h5 a		{ float: left; background: url(../imgs/header-bg.jpg) no-repeat; 
					width: 1000px; height: 250px; display: block; }
				
				
/* TOP NAV
-------------------------------------------------------------------------------- */
#topNav				{ float: left; margin-top: -67px; width: 1000px; height: 20px; }

#topNav div.rCol	{ width: 775px; background: #011d35; height: 20px; }

#topNav ul			{ float: left; width: 766px; height: 19px; padding: 1px 0 0 9px; }

#topNav	li			{ float: left; list-style: none; 
					background: url(../imgs/topNav-sep.jpg) center right no-repeat; }
.last				{ background: none !important; }					

#topNav li a		{ font: bold 11px/18px Arial, sans-serif; color: #fff; display: block; 
					letter-spacing: 1px; text-transform: uppercase; text-decoration: none;
					margin: 0 22px 0 0; }

#topNav li a:hover 	{ color: #bfc6cc; }
#topNav li a.active	{  }


/* CONTENT
-------------------------------------------------------------------------------- */
#content			{ float: left; width: 1000px; margin: -37px 0 0; padding-bottom: 18px;
					background: url(../imgs/content-bg.gif) 0 bottom no-repeat; }

#content div.rCol	{ padding-left: 36px; }


#content h1			{ font: bold 18px/36px Arial, sans-serif; color: #011d35; 
					padding-top: 18px; letter-spacing: 1px; text-transform: uppercase; }


#content h2			{ font: bold 14px/36px Arial, sans-serif; color: #011d35; 
					margin-top: 18px; letter-spacing: 1px; text-transform: uppercase; }


#content h3			{ font: bold 18px/36px Arial, sans-serif; color: #011d35; 
					margin-top: 18px; letter-spacing: 1px; text-transform: uppercase; }

#content h4			{ font: bold 15px/24px Arial, sans-serif; color: #011d35; 
					margin-top: 9px; letter-spacing: 1px; text-transform: uppercase; }

#content h5			{ font: bold 12px/24px Arial, sans-serif; color: #011d35; 
					margin-top: 9px; letter-spacing: 1px; text-transform: uppercase; }
				
#content p			{ width: 420px; padding-bottom: 18px;
					font: 13px/24px Arial, sans-serif; color: #333; }

.sig				{ text-align: right; font-weight: bold !important; font-style: italic !important; }
.box				{ width: 50%; float: left; }
.box p				{ width: auto !important; }

#team h4			{ font: 18px/24px Arial, sans-serif; color: #333;
					border-top: 1px solid #e5e8ea; margin-top: 18px; padding-top: 18px; }
#team h5			{ font: bold 12px/18px Arial, sans-serif; color: #333; margin-bottom: 9px; }


#projects h1		{  }
#projects h2		{ font: bold 14px/24px Arial, sans-serif; color: #011d35; 
					margin-top: 18px; letter-spacing: 1px; text-transform: uppercase; }
#projects h5		{ font: bold 12px/18px Arial, sans-serif; color: #333; margin-bottom: 9px; }

.project			{ border-top: 1px solid #e5e8ea; padding: 0 0 9px; }
.view-flash			{ font: 9px/18px Arial, sans-serif !important; font-weight: bold !important; color: #011d35; text-transform: uppercase !important; }


.quote				{ border-top: 1px solid #e5e8ea; margin-top: 18px; padding-top: 18px; }
.client				{ font-style: italic !important; color: #011d35 !important; }
.clients			{ margin: 18px 36px; }
.clients li			{ padding-bottom: 12px; }
							

/* SUB NAV
-------------------------------------------------------------------------------- */
#subNav				{ float: left; width: 198px; margin-top: 54px; }

#subNav	li			{ list-style: none; }

#subNav	li a		{ font: bold 11px/24px Arial, sans-serif; color: #011d35; display: block; 
					text-transform: uppercase; text-decoration: none; padding: 0 9px; }

#subNav	li a:hover	{ text-decoration: underline; }
#subNav	li a.active	{ background: #e5e8ea; }

*html #subNav li a	{ margin-bottom: -18px; }


/* FOOTER
-------------------------------------------------------------------------------- */
#footer				{ float: left; height: 100px;
					background: url(../imgs/footer-bg.gif) 0 0 no-repeat; }

#footer div.rCol	{ padding: 12px; }

#footer p			{ font: 9px/18px Arial, sans-serif; color: #011d35; text-transform: uppercase; }

#footer a			{ font-weight: bold; }
#footer a:hover		{ text-decoration: none; }