
body {
	font-family:  Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #8f8f8f;
	background: #000;
	/* background: #000 url(../images/emd_bg_08.gif) repeat; */
	margin: 0;
	padding: 0;
}

a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #ff741c;
	text-decoration: none;
}
a:focus, a:active {
      outline: none; /* Firefox */
}
b {
	color:#fff;
}
.left {
	float: left
}
.right {
	float: right;
}
.req {
	color: #CC0000;
	font-weight: bold;
}

#main_con {
	width: 707px;
	margin: auto;
	padding: 10px 0;
	border-left: 1px solid #343434;
	border-right: 1px solid #343434;
	border-bottom: 1px solid #343434;
	position: relative;
	background: #000;
}

#emd_logo {
	background: #000 url(../images/elite_media_design_emd_logo.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	width: 477px;
	height: 126px;
	margin: 0;
}

/*
NAV STUFF
*/

#top_nav {
	display: inline;
	height: 15px;
	left: 165px;
	position: absolute;
	top: 120px;
	width: 320px;
}

#top_nav ul {
	display: inline;
	overflow: hidden;
	height: 38px;
}
ul, li {
	list-style-image: url(../images/emd_list_image.gif);
	text-transform: uppercase;
}
.rightMidNav ul li ul li {
	list-style-image: url(../images/emd_list_image_sml.gif);
	text-transform: capitalize;
	font-size: 10px;
}
.rightMidNav ul li ul li a {
	color: #7C7C7C;
}
.rightMidNav ul li ul {
	margin: 0 0 4px 4px;
}
ul#topnav {
	padding: 0;
	margin: 0;
}
ul#topnav li {
	display: inline;
	text-indent: -9999px;
	float: left;
	display: block;
}

li#work, li#workOn, li#work a, li#work a:hover {
	width: 55px;
	height: 14px;
	background: url(../images/buttons/elite_media_design_work.gif) no-repeat;
}

li#services, li#servicesOn, li#services a {
	width: 85px;
	height: 14px;
	background: url(../images/buttons/elite_media_design_services.gif) no-repeat;
}

li#contact, li#contactOn, li#contact a, li#contact a:hover {
	width: 95px;
	height: 14px;
	background: url(../images/buttons/elite_media_design_contact.gif) no-repeat;
}
li#about, li#about a {
	width: 85px;
	height: 14px;
	background: url(../images/buttons/elite_media_design_about.gif) no-repeat;
}

li#work a, li#services a, li#contact a, li#about a {
	display: block;
	background-position: 0 -28px;
}
li#work a:hover, li#services a:hover, li#contact a:hover, li#about a:hover {
	background-position: 0 -14px;
}
li#workOn, li#servicesOn, li#contactOn, li#clientsOn {
	background-position: 0 0;
}

#top_nav_icon {
	position: absolute;
	top: 120px;
	right: 10px;
	width: 60px;
}


#breadcrumb {
	position: absolute;
	bottom: 5px;
	left: 5px;
	margin: 10px 0 0 15px;
	color: #FFF;
	text-transform: uppercase;
}
#breadcrumb a {
	color: #FFF;
}
#breadcrumb a:hover {
	color: #000;
}
#key_info {
	margin: 7px 0 0 0;
	font-size: 9px;
}
#full_info {
	font-size: 9px;
	position: absolute;
	bottom: 10px;
}

/*
MAIN PAGE
*/

.clearafter:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}

#mContent_con {
	width: 630px;
	margin: 15px 0 0 46px;
	background: #3a3a3a;
	padding: 5px;
	float: right;
}

#mContent {
	border-right: 1px solid #7C7C7C;
	height: 320px;
	width: 480px;
	padding: 0 7px 0 0;
	float: left;
	position: relative;
}

#mContent p {
	color: #FFF;
	padding: 10px 0 0 0;
	margin: 0;
}

.rightMidNav {
	float: left;
	margin: 0 3px 0 10px;
	padding: 0;
	width: 129px;
	height: 320px;
	position: relative;
}

.rightMidNav h3 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

.rightMidNav h3 b {
	color: #ff741c;
}

.rightMidNav ul {
	padding: 0;
	margin: 0 0 0 17px;
}
.rightMidNav ul li a{
	color: #FFF;
	text-decoration: none;
}
.rightMidNav ul li a:hover {
	color: #ff741c;
	text-decoration: none;
}
.overLayers { 
    position:absolute; 
	left:10px; 
	top:10px; 
    width:430px; 
	height:269px; 
	background: #000;
	visibility:hidden;  
	border: solid 1px #7C7C7C; 
	padding: 15px;
	color: #fff;
	overflow:none;
}
.overLayers h3 {
	font-family: Verdana, Arial;
	font-size: 14px;
	color: #ffa008;
	font-style: italic;
	margin: 0;
}


.infoTease {
	width: 155px;
	height: inherit;
	border-right: 1px solid #7c7c7c;
	float: right;
	margin: 0 0 0 20px;
}

.infoTease h3 b {
	color: #ff741c;
}

.infoTease ul {
	padding: 0;
	margin: 0 0 0 17px;
}
.infoTease ul li a{
	color: #FFF;
	text-decoration: none;
}
.infoTease ul li a:hover{
	color: #ff741c;
	text-decoration: none;
}
.infoTease#dvd {
	border: 0;
}
#main_con h2 {
	width: 707px;
	height: 76px;
	margin: 0;
	background: url(../images/elite_media_design_emd_H2.jpg) left top no-repeat;
	text-indent:-9999px;
}

.opac { 
	-khtml-opacity:.85; 
	-moz-opacity:.85; 
	-ms-filter:”alpha(opacity=85)”; 
	filter:alpha(opacity=85); 
	opacity:.85; 
}
.closeLayer {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: bold;
	font-size: 12px;
	padding: 1px 2px;
	border: 1px solid #FFFFFF;
}
#web_development ul, #graphic_design ul, #digital_video ul {
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}
#web_development ul li {
	font-size: 10px;
	width: 200px;
	margin: 0 0 2px;
	text-transform: none;
	font-weight: bold;
}


/*
FOOTER
*/
#footer_con {
	margin: 30px 0 0 0;
	width: 100%;
	border-top: 1px solid #343434;
	text-align: center;
}
#footer_con a {
	color: #8F8F8F;
}
#footer_con a:hover {
	color: #8F8F8F;
	text-decoration: underline;
}



/*
CONTACT
*/

#contactCon {
	margin: 10px;
	width: 480px;
	height: 299px;
}
#contactCon form b { 
	margin-right: 10px; 
}
.rowCont {
	width: 100%;
	height: 40px;
}
.FieldContLeft {
	width: 240px;
	float: left;
	color: #FFF;
}
.FieldContLeft input {
	width: 200px;
	height: 14px;
	font-size: 11px;
}
#but_submit_con {
	width: auto;
	height: 22px;
	background: #6A6A6A;
	border: 1px solid #7C7C7C;
	color: #FFF;
	text-transform: uppercase;
}

