@charset "iso-8859-1";
/*-------------------------------------------------   RESEET  ------------------------------------------------ */



* {

margin: 0;

padding: 0;

}

.bulletlist{
	line-height:20px;
	list-style:url(images/bullet.png) inside;
	
}

#home-nav-links .navlink {font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-right:20px;}

.anchor {font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#06F;
font-weight:bold;}

.about-aom {width:830px;}

.about-aom img{padding-right:15px;}

.floatleft {margin-right:15px;}



a, img {

border: none;

}



img.text {

margin: 0 10px 10px 0;

}



body {

background: #1d2758 url(images/body_bg.jpg) no-repeat center top;

}



div {

position: relative;

}



.clear {

clear: both;

}



ul { list-style-type: none }





.bottom {

position: absolute;

bottom: 0px;

}



.align-left {

float: left;

}



.align-right {

float: right;

}





/*-------------------------------------------------   TYPE & TEXT BTNS  ------------------------------------------------ */



a {

text-decoration: none;

color: #0033cc;

font: 9pt Helvetica, Arial, Verdana, sans-serif;

}



a:hover {

color: #616161;

}



a.small {

}



a.white, #home-nav-links a, #page-nav-links a {

color: white;

font: 8pt Helvetica, Verdana, sans-serif;

margin: 0 0 0 10px;

}

a.white:hover, #home-nav-links a:hover, #page-nav-links a:hover {

color: #ffcc00;

}



a.learn-more {

margin-top: 20px;

}



h1, h3, h4, h5, h6 {

font-family:Arial, Helvetica, sans-serif;
font-weight: normal;

color: #3366cc;

}

h2 {font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#039;
font-size:20px;}



.page-title h1 {

font-size: 38px;

color: #ffcc00;

}



.page-title h2 {

font-size: 20px;

color: #ffcc00;

line-height: 44px;

margin: 0 15px;

padding: 0 20px 0 0;

float: left;

background: url(images/page_titlearrow.jpg) no-repeat right top;

}



.page-title a {

color: white;

float: left;

padding: 0 20px 0 15px;

display: block;

line-height: 44px;

background: url(images/page_titlearrow.jpg) no-repeat right top;

}

.page-title a:hover {

color: #ffcc00;

}



.crumb-arrow {

height: 44px;

width: 9px;

background: url(images/page_titlearrow.jpg) no-repeat right top;

float: left;

}



p, ul, span, td {

font: 9pt Helvetica, Arial, sans-serif;

color:#333;

}



.white {

color: white;

}



.yellow {

color: #ffcc00;

}



.blue-header {

color: #3366cc;

}



.blue-link{

color: #003399;

}



.bold {

font-weight: bold;

}



/*-------------------------------------------------   GENERAL  ------------------------------------------------ */





#wrapper {

background: transparent url(images/wrapper_bg.png) repeat-y left top;

padding: 0 10px;

width: 880px;

margin: 0 auto;

}



#content {

min-height: 880px;

height: auto;

width: 860px;

padding: 10px 30px;

}



a.blue-btn {

display: block;

width: 261px;

height: 36px;

background: url(images/blueBtn.jpg) no-repeat left top;

color: white;

font-size: 14px;

line-height: 36px;

text-align: center;

}



a.blue-btn:hover {

background-position: left bottom;

}





/*-------------------------------------------------   MAIN NAV  ------------------------------------------------ */



#main-nav {

width: 880px;

height: 88px;

background: url(images/new-aom-header.png) no-repeat left top;

}



#home-nav-links {

position: absolute;

bottom: 16px;

right: 10px;

}



#page-nav-links {

position: absolute;

bottom: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;

right: 10px;

}



/*-------------------------------------------------   FOOTER  ------------------------------------------------ */



.push {

height: 65px;

width: 880px;

}



#footer {

height: 65px;

width: 900px;

background: url(images/footer_bg.jpg) no-repeat left top;

position: absolute;

bottom: 0px;

left: 0px;

}



#footer-right {

position: absolute;

right: 30px;

top: 20px;

}



#footer-logo {

float: left;

margin: 0 20px 0 0;

}



#footer-distby {

float: left;

margin: 40px 0 0 20px;

}



#footer-address {

margin: 22px 0 0 0;

float: left;

color: white;

}



/*-------------------------------------------------   PAGE  ------------------------------------------------ */



#page-nav {

float: left;

width: 261px;

}



.page-right {

float: left;

width: 540px;

padding: 0 0 0 19px;

}



.page-right img {

margin: 0 10px 5px 0;

}



#page-header {

background: url(images/new-aom-header.png) no-repeat left top;

width: 880px;

height: 88px;

}



.page-title {

width: 860px;

height: 46px;

background: url(images/page_titlebg.jpg) no-repeat left top;

}



.page-title h1{

font: normal 20px "Trebuchet MS", sans-serif;

padding: 10px;

display: block;

}



#page-content-wrap {

width: 860px;

background: white;

padding: 0 10px;

}



.page-content {

background: transparent url(images/page_contentbg.png) repeat left top;

padding: 20px;

width: 820px;

}



.page-header-banner {

width: 880px;

height: 184px;

}



#about {

background: url(images/page_banner_about.jpg) no-repeat left top;

}







/*-------------------------------------------------   HOME  ------------------------------------------------ */



#home-header {

width: 900px;

height: 343px;

background: url(images/home_banner_bg.jpg) no-repeat left top;

}



#home-nav a {

float: left;

display: block;

height: 46px;

width: 68px;

margin: 0 5px;

text-align: center;

}



#home-nav a:hover {

background: url(images/nav_bggraphic.png) no-repeat left top;

}



#home-services{

margin: 10px 0 0 0;

}



#home-services li{

display: block;

height: 65px;

}



#home-services li a{

display: inline;

font:Arial, Helvetica, sans-serif;

padding: 5px;

}



#home-services li img{

vertical-align: middle;

margin: 0 4px 0 0;

}



#home-nav {

display: block;

position: absolute;

bottom: 0px;

left: 20px;

width: 700px;

}



#home-maincontent {

background: url(images/home_content_bg.jpg) no-repeat left top;

width: 900px;

height: 524px;

}



#home-albumart {

position: absolute;

left: 60px;

top: 40px;

}



#flash-banner {

width: 880px;

height: 218px;

background: url(images/flash_bg.jpg);

}



#webmercial {

width: 440px;

height: 365px;

display: block;



}

.third-bucket {

width: 300px;

float: left;

display: inline;
padding-left:30px;

}

.third-bucket-content {

width: 280px;


}

#dmc{width:440px;}


#third-mid{

margin: 0 20px;
margin-left:20px;

}

#third-mid .third-bucket-content {margin-left:20px;}


.third-bucket h1 {

text-indent: -9999px;



}


.third-bucket #third-mid{padding:20px;}


.two-bucket {

width: 440px;

float: left;

display: inline;

}

.two-bucket-content {

width: 440px;

padding: 10px;

}



#two-mid{

margin: 0 20px;

}



.two-bucket h1 {

text-indent: -9999px;



}













.home-header {



}



.home-header1{

width: 260px;

height: 44px;

background: url(images/home_header_genstrat.jpg) no-repeat left top;

}



.home-header2{

width: 260px;

height: 44px;

background: url(images/home_header_featuredservices.jpg) no-repeat left top;

}



.home-header3{

width: 260px;

height: 44px;

background: url(images/home_header_latestnews.jpg) no-repeat left top;

}



.home-header4{

width: 260px;

height: 44px;

background: url(images/home_header_webmercials.jpg) no-repeat left top;

}



/*-------------------------------------------------   SERVICES  ------------------------------------------------ */





.services {

width: 820px;

border-bottom: 1px solid #ccccff;

padding: 20px 0 20px 0;

background: url(images/services_bggrad.jpg) repeat-x left bottom;

}



.services-image {

float: left;

width: 50px;

}



.services-desc {

display: inline;

float: left;

width: 750px;

margin: 0 0 0 20px;

}





/*-------------------------------------------------   SERVICE  ------------------------------------------------ */



.service-image {

width: 120px;

float: left;

}



.service-content {

width: 680px;

float: left;

margin: 0 0 0 20px;

}



.service-lists {

float: left;

margin: 0 0 0 20px;

display: inline;

width: 250px;

}



.service-text {

width: 390px;

float: left;

display: inline;

}



.service-text h3, h4{

color: 

}



.service-list {

margin: 0 0 10px 0;

}



.service-list li {

margin: 5px 0 5px 10px;

}



.service-list .header {

margin: 0;

color: #3366cc;

font-weight: bold;

}



/*-------------------------------------------------   NEWS / STAFF  ------------------------------------------------ */



.news-item, .staff-item {

border-bottom: 1px solid #ccccff;

padding: 10px 0;

margin: 0 0 10px 0;

}



.news-item img, .staff-item img {

margin: 0 10px 10px 0;

}



.news-date {

font-size: 6pt;

}



/*-------------------------------------------------   STAFF  ------------------------------------------------ */



.staff-item {

width: 410px;

float: left;

}



.content-image-left {

float: left;

margin: 0 10px 10px 0;

}



/*-------------------------------------------------   JOBS / PRESS RELEASES  ------------------------------------------------ */



.jobs-image, .press-image {

float: left;

width: 190px;

}



#jobs-content, #press-content {

width: 610px;

float: left;

margin-left: 20px;

display: inline; 

}



.job, .press-release {

width: 610px;

border-bottom: 1px solid #ccccff;

padding: 10px 0;

}







/* Right Context Menu Styles*/



.skin0{

position:relative;

width:165px;

background-color:#000000;

font-family:Verdana;

line-height:16px;

cursor:default;

font-size:10px;

z-index:100;

visibility:hidden;

border-top:1px solid #FFcc00; 

border-right:1px solid #FFcc00; 

border-left:1px solid #FFcc00; 

border-bottom:1px solid #FFcc00;

float:center;

filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;

}



.menuitems{

padding-left:10px;

padding-right:10px;

font-size:10px; 

font-weight: bold;

font-family:verdana, helvetica;  

color: #ffffff; 

}

.menuitems:hover{

padding-left:10px;

padding-right:10px;

font-size:10px; 

font-weight: bold;

font-family:verdana, helvetica;  

}





/* Form Button and Form Field Styles*/

.FormField { 

font-size:12px; 

font-family:arial, helvetica;  

font-weight:bold; color: #ffffff; 

border-top:1px solid #ffcc00;

border-right:1px solid #ffcc00;

border-left:1px solid #ffcc00;

border-bottom:1px solid #ffcc00;

border-face:0px solid #ffcc00;

background-color: #000000;



}



.FormButton  {

padding-top: 0px;

padding-right: 0px;

padding-left: 0px;

padding-bottom: 0px;

font-size: 12px; 

font-family :arial, helvetica; 

font-weight:bold; color: #ffffff; 

border-top:1px solid #ffcc00;

border-right:1px solid #ffcc00;

border-left:1px solid #ffcc00;

border-bottom:1px solid #ffcc00;

border-face:0px solid #ffcc00;

background-color: #000000;

}.floatleft {
	float: left;
}
#wrapper #content #third-mid table tr td img {
	padding-right: 10px;
	padding-bottom: 20px;
}
#wrapper #content #third-mid table tr td h3 strong a {
	font-size: 14px;
	color: #36F;
	font-weight: bold;
}
.floatright {
	float: right;
	margin-bottom: 10px;
	padding-left: 10px;
}

/*Accordion*/

.accordion {
	width: 650px;
	border-bottom: 0;
}
.accordion h3 {
	padding: 15px 15px;
	margin: 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	text-align:left;
	color: #FFF;
	background-image: url(http://www.actofmedia.com/images/gradient.jpg);
	background-repeat: repeat-x;
}
.accordion h3:hover {
	color: #CCC;
	background-image: url(http://www.actofmedia.com/images/gradient-reversed.jpg);
	background-repeat: repeat-x;
	;
}
.accordion h3.active {

}
.accordion p {
	background: #f7f7f7;
	padding: 10px 10px 10px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	text-align:left;
	font-size:12px;
}

.accordion img{float:left;
margin-right:15px;
margin-bottom:15px;}
.listitem2 {
	list-style-position: inside;
	list-style-type: circle;
}
#list {
	list-style-position: inside;
	list-style-type: circle;
}