@charset "UTF-8";

/*	=====================================
	Creative Freelance Writers StyleSheet
	by CLANG

	A. Global Styles
		- Global HTML Styles
		- Global Misc Styles
	B. Page Layout Styles
	C. Page Element Styles
	====================================
*/

/*
	================
	A. Global Styles
	================
*/
/* === Global HTML Styles === */
BODY				{background:#5f1414 url(images/bg.jpg) repeat-x center top; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:68.5%; text-align:center;}
P					{margin-bottom:1.3em; font-size:1.1em; line-height:1.3;}
A, A:link			{text-decoration:underline; color:#5e5c4f;}
A:visited			{text-decoration:underline; color:#5e5c4f;}
A:hover				{text-decoration:underline; color:#5e5c4f;}
A:focus				{text-decoration:underline; color:#5e5c4f;}
A:active			{text-decoration:underline; color:#5e5c4f;}
UL					{list-style:square; padding:0 0 1.4em 1.1em; font-size:1.1em; line-height:1.4;}
OL					{list-style:decimal; padding:0 0 1.4em 1.5em; font-size:1.1em; line-height:1.4;}
OL LI				{vertical-align:top;}
SUP					{bottom:0.33em; font-size:smaller; position:relative; vertical-align:baseline;}


/* === Global Misc Styles === */
.hidden				{display:none;}
.clear				{clear:both;}
.inline				{display:inline;}
.floatLeft			{float:left;}
.floatRight			{float:right;}
.alignLeft			{text-align:left;}
.alignCenter		{text-align:center;}
.alignRight			{text-align:right;}
.noBorder			{border:none !important;}

	/* For Clearing DIVs */
	.clearfix:after 		{content:"."; display:block; clear:both; visibility:hidden; height:0;}
	/*.clearfix 			{display:inline-block;}*/ /*Moved to IE CSS*/
	/*html[xmlns] .clearfix	{display:block;}
	* html .clearfix 		{height:1%;}*/




/*
	=====================
	B. Page Layout Styles
	=====================
*/
#container				{position:relative; width:724px; max-width:100%; margin:0 auto; text-align:left;}
#logo					{position:relative; background:url(images/logo.png) no-repeat; width:658px; height:126px; margin-top:4px;}
#logo img				{position:absolute; left:-999em;}

#nav					{padding:0; margin:17px 0 0 26px; list-style:none; height:34px;}
#nav li					{float:left; background-position:0 -34px; width:100px; height:34px; overflow:hidden;}
#nav li a				{position:relative; display:block; width:100%; height:100%; background-position:0 0;}
#nav li a span			{position:absolute; left:-999em;}
#nav li#nav1,
#nav li#nav1 a			{background-image:url(images/nav1.gif);}
#nav li#nav2,
#nav li#nav2 a			{background-image:url(images/nav2_new.gif);}
#nav li#nav3,
#nav li#nav3 a			{background-image:url(images/nav3_new.gif);}
#nav li#nav4,
#nav li#nav4 a			{background-image:url(images/nav4_new.gif);}
#nav li#nav5,
#nav li#nav5 a			{background-image:url(images/nav5.gif);}

#nav li.active a,
#nav li a:hover,
#nav li a:focus			{background-image:none !important;}

#contentContainer		{text-align:left; margin:0 17px 0 18px; padding:3px 12px 0 11px; background:url(images/content_shadow.png) repeat-y; min-height:300px;}
#content				{position:relative; background:#dad7c8 url(images/content_bg.jpg) no-repeat; min-height:300px; padding-bottom:22px;}

#footerContainer		{background:url(images/footer_shadow.png) no-repeat 0 bottom; padding:0 12px 11px 11px; margin:0 17px 0 18px;}
#footer					{background:#fff url(images/footer_bg.gif) no-repeat; margin:0; padding:20px 0 14px 0; font-size:1em;}
#footer a,
#footer a:visited		{color:#666; text-decoration:none; padding:0 10px; background:url(images/footer_divider.gif) no-repeat 0 4px;}
#footer a:hover,
#footer a:focus			{text-decoration:underline;}
#footer a.first			{background:none;}
#copyright				{color:#c3a1a1; font-size:.9em;}
/*
	======================
	C. Page Element Styles
	======================
*/

#content h1[class],
#content h2[class]		{position:relative; margin:0 0 15px -6px;} /* For headings that use a class to display a graphic */
#content h1 span,
#content h2 span		{position:absolute; left:-999em;}
h1						{font-weight:bold; font-size:1.25em; margin:0 0 1em 0;}
h2						{font-weight:bold; font-size:1.15em; margin:0 0 1em 0;}

.thumbnailPhoto			{position:relative; float:left; padding:0 5px 4px 0; margin:0 10px 3px 0; background:url(images/thumbnail_bg.png) no-repeat right bottom; font-size:.1em; line-height:0;}
.thumbnailPhoto span	{position:absolute; left:68px; top:68px; background:url(images/thumbnail_plus.gif) no-repeat; width:14px; height:14px;}
.thumbnailPhoto img		{border:3px solid #fff;}
.homePhotosSlot .thumbnailPhoto	{margin:0 8px 8px 0;}

.moreLink			{position:relative; background:url(images/more.gif) no-repeat; width:36px; height:13px; float:right;}
.moreLink a			{display:block; width:100%; height:100%;}
.moreLink span		{position:absolute; left:-999em;}

/* === Homepage === */
#homeInk					{position:absolute; left:490px; top:-103px; background:url(images/home_ink.png) no-repeat; width:200px; height:281px;}

#homePhone					{position:absolute; left:470px; top:-73px; background:url(images/creativephone.png) no-repeat; width:153px; height:23px;}

#homeWelcome				{padding:30px 253px 30px 17px;}
#home3slots					{background:url(images/home3slots_bg.gif) no-repeat;}
.slot						{float:left; width:179px; margin:0 0 0 40px;}
#home3slots .first			{margin-left:17px;}
#home3slots .homePhotosSlot	{width:197px;}


#sub3slots					{}
#sub3slots .subPhotosSlot	{width:197px;}
#sub3slots .slot			{float:right; width:179px; margin:0 0 0 40px;}

.sub_welcome		{background:url(images/subhead_welcome.gif) no-repeat; width:126px; height:25px;}

.sub_aboutus		{background:url(images/subhead_aboutus.gif) no-repeat; width:126px; height:25px;}
.sub_getaquote		{background:url(images/subhead_getaquote.gif) no-repeat; width:126px; height:25px;}
.sub_services		{background:url(images/subhead_services.gif) no-repeat; width:126px; height:25px;}