@charset "utf-8";

/* @AUTHOR: MR.JOE L'AMOUR JACKSON - FLASHENG1@GMAIL.COM - COPYRIGHT (c) ALL RIGHTS RESERVED. */
/* DEFAULT STYLESHEET FOR EPIC AD GROUP (tm) */

/*  I HAVE ATTEMPTED TO NOTE EVERYTHING THAT MAY CAUSE CONFUSION IN MY STYLESHEET. ANY QUESTIONS
	JUST EMAIL ME AND I WILL REPLY ACCORDINGLY. THIS IS ALSO 100% XHTML STRICT & CSS VALID CODING.
*/

/**********************************************************************************************
GENERIC SETTINGS
***********************************************************************************************/

html, body 
{
	border:0;
	margin:0;
	padding:0;
}
 
body 
{	
	color:#000;
	background-color:#fff;
	background-image:url(../image/website_background.jpg);
}
 
/**********************************************************************************************
HEADINGS
***********************************************************************************************/
 
h1, h2, h3, h4, h5, h6 
{
	margin:0;
	padding:0;
	font-weight:normal;
}
 
h1 
{
	padding:0 0 2px 0;
	letter-spacing:1px;
	font-size:1.5em;
	font-family: "Times New Roman", Times, serif;
}
 
h2 
{
	padding:20px 0;
	letter-spacing:-1px;
	font-size:1.5em;
}
 
h3 
{
	font-size:12px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 5px 0;
}
 
/**********************************************************************************************
COMMON FORMATTING
***********************************************************************************************/
 
small 
{
	font-size:0.85em;
}
 
img 
{
	border:0;
}
 
sup 
{
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
 
sub 
{
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
 
acronym, abbr 
{
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
 
/**********************************************************************************************
LINKS
***********************************************************************************************/
 
a,
a:link,
a:visited,
a:hover 
{
	text-decoration:none;
	color:#fff;
}

a:hover
{
	color:#000;
}
 
#navigation li a
{
	margin:auto;
	width:850px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:	#333;
	text-decoration: none;
} 

#nav a 
{ 
	font-weight: bold; 
}

#nav a:hover 
{ 
	color:#3366CC; 
}

#nav li ul li a 
{ 
	width:20em; 
}

/**********************************************************************************************
FORMS
***********************************************************************************************/

form 
{
	margin:0;
	padding:0;
	display:inline;
}
 
input, select, textarea 
{
	font:1em Arial, Helvetica, sans-serif;
}
 
label 
{
	cursor:pointer;
}
 
p 
{
	margin:0;
	margin-top:10px;
	padding:0;
}

/**********************************************************************************************
LAYOUT ELEMENTS
***********************************************************************************************/

#logo
{
	float:right;
	padding-right:15px;
}

#wrap 
{
	width:900px;
	height:490px;
	margin:5px auto;
}

#container
{
	width: 875px;
	height: 463px;
}

#content
{
	margin:auto;
	padding:20px;
	padding-top:40px;
	width:810px;
	height:325px;
}

#navigation
{
	margin:auto;
	margin-top:10px;
	width:850px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:	#333;
	text-decoration: none;
	height:40px;
}

/* all lists */
#nav, #nav ul 
{ 
	padding: 0;
	margin:0;
	list-style: none;
}

/* all list items */
#nav li, #nav dd 
{ 
	display:block;
	float: left;
	margin-right:10px;
}

/* second-level lists */
#nav li ul 
{
	position: absolute;
	/* left: -999em; using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul 
{ 
	left: auto;
}


/**********************************************************************************************
CUSTOM CLASSES
***********************************************************************************************/

.home				{ background:#ccc url(../image/home_bg.jpg) no-repeat; }
.advertising		{ background:#ccc url(../image/advertising_bg.jpg) no-repeat; }
.branding			{ background:#ccc url(../image/branding_bg.jpg) no-repeat; }
.public_relations	{ background:#ccc url(../image/pr_bg.jpg) no-repeat; }
.contact_us 		{ background:#ccc url(../image/contactus_bg.jpg) no-repeat; }
.media_buying 		{ background:#ccc url(../image/mediabuying_bg.jpg) no-repeat; }
.our_philosophy 	{ background:#ccc url(../image/ourphilosophy_bg.jpg) no-repeat; }
.why_epic	  		{ background:#ccc url(../image/whyepic_bg.jpg) no-repeat; }
.content
{ 
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	width:270px; 
	line-height:13px;
}





.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

#bottomLogos {background-color:#ffffff; width:660px; margin:0 auto; text-align:center}