/* CSS Document for All Out Productions */

body{
background-color:#c6c6c5;
}

#wrapper{
width:920px;
background-image:url(../images/AOP_mainBg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}

#leftWrapper{
width:140px;
height:800px;
float:left;
}

#rightWrapper{
float:left;
margin-left:10px;
width:750px;
height:500px;
}



/******************header elements********************/

#header{
height:200px;
}

#flashArea{
margin-top:5px;
padding:0;
padding-bottom:5px;
height:200px;
/*border:1px solid #ff0000;*/
}

#contentArea{
margin-top:10px;
display:block;
width:590px;
float:left;
background-color:#00789e;
padding-bottom:20px;
}

.prop {
  	height:390px;
  	float:left;
  	width:1px;
}

#page_ttl {
position:relative;
margin-left:10px;
margin-top:10px;
margin-bottom:0;
float:left;
width:140px;
float:left;
}

#display_phone {
position:absolute;
top:35px;
margin-top:135px;
font-weight:bold;
}

#display_email {
margin-left:10px;
float:left;
width:140px;
margin-top:180px;
}

/***************************** Navigation *****************************/

#navArea{
font-size:0.75em;
margin-left:10px;
float:left;
width:140px;
margin-top:10px;
}

#nav, #nav ul{
list-style:none;
font-weight:bold;
padding: 0;
margin: 0;
float:left;
}

#nav li {
position:relative;
float:left;
margin-bottom:0;
}

#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left:152px;
margin-top:-15px;
width:150px;
}
	
#nav li ul li a { /* second-level list links */
padding:1.5px 0px 0px 1.5px;
width:210px;
}
	
#nav li ul ul { /* third-and-above-level lists */
left: -999em;
}
	
#nav li a {
line-height:1.15em;
padding:1.5px 0px 0px 1.5px;
color:#FFF;
text-decoration:none;
width:150px;
display:block;
w\idth:122px;
font-weight:bold;
text-decoration:none;
}

	
#nav li a.arrowBg {
line-height:1.15em;
padding:1.5px 0px 0px 1.5px;
color:#FFF;
text-decoration:none;
width:150px;
display:block;
font-weight:bold;
text-decoration:none;
background:url(../images/arrow_blue.gif) no-repeat;
background-position:140px 3px;

}

#nav li a.arrowBg:active {
background:url(../images/arrow.gif) no-repeat;
background-color:#9b0505;
background-position:140px 3px;
}

#nav li a.arrowBg:hover {
background:url(../images/arrow.gif) no-repeat;
background-color:#9b0505;
background-position:140px 3px;
}


#nav li a:hover {
color:#FFF;
text-decoration:none;
background-color:#9b0505;
display:block;
width:150px;
}
	

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

#validation{
margin-left:150px;
float:left;
width:140px;
margin-top:180px;
}

/******************header elements end********************/

#AOP_logo{
margin-top:210px;
display:block;
height:200px;
background-color:#00789e;
}

#AOP_logo img{
	border:none;
}

/***************************************3rd row home page************************************************/

#mid-wrapper{
background-color:#1491b8;
margin-top:10px;
width:750px;
}

/******************left column elements********************/


#LH-col{
width:290px;
float:left;
height:200px;
}

#portfolioTtl1{
display:block;
height:44px;
background-color:#FFF;
margin:0;
padding:0;
}

#portfolio1{
height:127px;
margin-top:10px;
background-color:#FFF;
padding:10px 10px 10px 10px;
display:block;
}


.portfolioImage{
float:right;
margin-left:10px;
}

/******************left column elements end********************/


/******************middle col elements********************/



#mid-col{
width:290px;
float:left;
height:200px;
background-color:#1491b8;
margin-left:10px;
}

#portfolioTtl2{
height:44px;
display:block;
background-color:#00789e;
margin:0;
padding:0;
}


#portfolio2{
margin-top:10px;
background-color:#00789e;
padding:10px 10px 10px 10px;
height:127px;
display:block;
}


/******************middle col elements end********************/

/******************right col elements********************/

#RH-col{
padding:5px 0px 10px 10px;
margin-left:10px;
width:140px;
float:left;
height:205px;
background-color:#FFF;
}

#RH-col2{
padding:0px 0px 10px 10px;
margin-left:10px;
margin-top:10px;
width:140px;
float:left;
height:180px;
background-color:#FFF;
}



/****************** newsblock ******************************/

#newsBlock{
margin-top:10px;
background-color:#1491b8;
height:200px;
}

.newsItem{
Float:left;
width:140px;
background-color:#00789e;
display:block;
margin-left:10px;
height:200px;
}

#newsLetter{
Float:left;
width:150px;
background-color:#FFF;
display:block;
margin-left:10px;
height:200px;
}

/* CJW CHANGES */
.news_story {
	/*border:1px solid;*/
	display:block;
	margin-bottom:40px;
}

.newsimage {
	float:right;
	margin: 0 0 10px 10px;	
}

.blogimage {
	text-align:center;
	margin: 0 0 10px 0;	
}


#gallerycontent {
	background-color:#ff0000;
}

.galleryimage {
	text-align:center;
	float:left;
	width:125px;
	height:125px;
	padding: 5px;
	margin:5px;
	background-color:#1491B8;
	border: 1px solid #1491B8;
}



/****************** newsBlock end ***************************/

/******************footer elements********************/

#footer{
width:750px;
background-color:#444444;
color:#737373;
padding-top:10px;
}

#logos{
margin-left:10px;
margin-bottom:10px;
width:200px;
}

.credittext {
float:right;
padding-top:12px;
padding-right:8px;
}
/******************footer elements end********************/