/*
 CSS by Maverick Blair
 http://www.maverickblair.com
*/


/*
	RESET AND BASICS
*/
*					{ margin: 0; padding: 0; }
html				{ overflow-y: scroll; }
body				{ background: #fff url(../_images/background.jpg) no-repeat top center; }
td, th				{ vertical-align: top; }
ul					{ list-style: none inside; }
a					{ outline: none; }
a img				{ border: 0px none; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #6b1818; } 
a.TableTitleLink, a.TableTitleLink:link, a.TableTitleLink:visited, a.TableTitleLink:hover, a.TableTitleLink:active { text-decoration: none; color: #666; font-size: 12px; text-transform: uppercase; }
/*	END RESET	*/

/*
	TOOLBOX
*/
.floatLeft			{ float: left; }
.floatRight			{ float: right; }
.centered			{ text-align: center; margin: 0 auto; }
.clear				{ clear: both; }
/*.thisclassisinvisible { display: none; }
	END TOOLBOX	*/

/*
	FRAMEWORK
*/
#page-wrap 		{ width: 1013px; position: relative; margin: 0 auto; overflow: hidden; }
#header			{ background: url(../_images/header.jpg) no-repeat top left; float: left; width: 1013px; height: 120px; }
#banner-home	{ width: 1013px; height: 386px; margin-top: 104px; }
#banner-subpage	{ width: 1013px; height: 144px; margin-top: 104px; }
#content-area	{ background: url(../_images/content-area-bg.jpg) no-repeat top center; min-height: 380px; width: 1013px; }
#col-left		{ width: 694px; float: left; }
#sub-col-left	{ width: 100%; float: left; }
#sidebar		{ background: #AFAFAF; padding: 20px 20px 20px 10px; width: 280px; min-height: 300px; float:right; margin-right: 8px; }
#sidebar td 	{ color: #333; text-align: justify; }
#sidebar ul li 	{ color: #FFF; }
#footer 		{ background: url(../_images/footer.jpg) no-repeat top right; height: 126px; width: 783px; margin: auto; padding: 25px 115px; text-align: center; }
#sidebar h1 { font-size: 22px; padding: 10px 5px; }
#sidebar h2 { font-size: 18px; padding: 5px; }
/*
 NAVIGATION
*/
div#menu 			{ width: 1013px; margin: 0px auto; }
ul#nav 				{ }
ul#nav li 			{ display: inline; }
ul#nav li a 		{ display: block; height: 34px; text-indent: -9999px; float: left; }
ul#nav li.about a 	{ width: 116px; background: url(../_images/mnu-aboutus.jpg) top center no-repeat; }
ul#nav li.services a{ width: 143px; background: url(../_images/mnu-services.jpg) top center no-repeat; }
ul#nav li.hireus a	{ width: 149px; background: url(../_images/mnu-whyhireus.jpg) top center no-repeat; }
ul#nav li.middle a	{ width: 193px; background: url(../_images/mnu-mid.jpg) top center no-repeat; }
ul#nav li.process a { width: 120px; background: url(../_images/mnu-theprocess.jpg) top center no-repeat; }
ul#nav li.samples a { width: 169px; background: url(../_images/mnu-writingsamples.jpg) top center no-repeat; }
ul#nav li.contact a { width: 123px; background: url(../_images/mnu-contactus.jpg) top center no-repeat; }
ul#nav li a:hover 	{ background-position: bottom center; }

/*
 GENERAL TYPOGRAPHY
*/
h1, h3, h4, h5 		{ font-size: 18px; font-weight: bold; color: #333; margin: 0 0 5px 0; }
h2 					{ font-size: 13px; font-weight: bold; color: #6b1818; margin: 0 0 5px 0; }
p, dd 				{ font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif; margin: 0 0 15px 0; color: #5e5d5d; }
li 					{ font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif; margin: 0 0 3px 0; color: #5e5d5d; }
td, th 				{ font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif; text-align: left; }
p strong, li strong { color: #2e2e2e; }
blockquote 			{ padding: 10px 20px 10px 10px; width: 95%; border-bottom: 1px solid #efefef; }
blockquote,blockquote p em	{ float: right; font-size: 11px; }
blockquote, blockquote p { font: italic 13px/18px "Lucida Sans", "Lucida Grande", Arial, Helvetica, Sans-Serif; }
p.content-rightCol		{ padding: 8px 10px 10px 30px; line-height: 1.8em; border-left: 1px solid #EFEFEF; }
p.content-leftCol		{ padding: 8px 30px 10px 30px; line-height: 1.8em; }
.steptitle				{ font-size: 16px; font-weight: bold; color: #6b1818; padding-left: 10px; }
