/***************************

ASAA Multimedia
MAIN CSS Document
9/12/2008

***************************/

body {
	background:url(images/bg.jpg) no-repeat #C8BE8D top center;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1,h2,h3,h4,h5,h6,p,ul,li { margin:0; padding:0; }

a:link, a:visited { text-decoration:none; color:#0665B9 }
a:hover { text-decoration:none; border-bottom:1px dotted #0084EF; color:#0084EF }
a img { text-decoration:none; border:none !important; }

h1 {
	background:url(images/bg_h1.jpg) no-repeat;
	font-weight:normal;
	color:#4B2F0A;
	height:60px;
	padding:14px 0 0 14px;
	font-size:24px;
}
h1 a:link, h1 a:visited { color:#4B2F0A; }

h2 {
	color:#464437;
	font-size:19px;
	font-weight:bold;
	margin:10px 0 10px 0;
}

.goLeft { float:left; } .goRight { float:right; }

/********** Named Styles ***********/

#container {
	margin:0 auto;
	width:980px;
	overflow:hidden;
}

#flash, #flash2 {
	height:259px;
	background-position:154px 35px;
	background-repeat:no-repeat;
}

#flash2 { height:130px; }

.topLogo { margin-left:82px; }

#nav {
	background:url(images/bg_nav.jpg) no-repeat;
	padding-left:150px;
}
	#nav a { margin-right:10px; font-size:1px; text-decoration:none; border-bottom:none; }
	
#content {
	background:url(images/bg_content.jpg) no-repeat;
	min-height:455px;
}

#main, #main_sub {
	float:left;
	padding:30px 0 0 120px;
	width:510px;
}
	#main_sub { width:730px; }
	
	#main p, #main_sub p { line-height:20px; padding-bottom:1em; }
	
	h2.services { 
		background:url(images/bg_h2.gif) no-repeat;
		font-weight:normal;
		font-size:18px;
		color:#575024;
		padding:4px 0 0 45px;
		height:26px;
	}
	
	#content ul { list-style:none; margin-top:14px; }
	#content li { 
		margin:0 0 18px 6px; 
		background:url(images/ico_ok.gif) no-repeat; 
		line-height:16px; 
		padding-left:20px;
		font-size:12px;
		float:left;
		width:200px;
	}
	
#content li.noFloat { float:none; width:auto; }

#news {
	width:261px;
	float:right;
	padding:9px 80px 0 0;
	font-size:12px;
}
	.newsLink { text-decoration:none; color:#20170e; font-weight:bold; cursor:pointer; }
	
	.newsDate { color:#666; }
	.newsTitle { font-weight:bold; margin-bottom:13px; }
	
	#news a:hover { text-decoration:underline; }
	#news div.item { width:177px; margin:0 0 15px 35px; }
	#news h3 {
		font-size:13px;
		color:#20170e;
		background:url(images/bg_news.jpg) no-repeat;
		height:18px;
		padding:2px 0 0 4px;
		font-weight:normal;
	}
	#news p.date { color:#9a7901; font-weight:bold; padding:3px 0 3px 0; }
	
#footer {
	background:url(images/bg_footer.jpg) no-repeat top center;
	margin:1em auto;
	padding-top:3px;
	height:41px;
	text-align:center;
	font-size:10px;
	clear:both;
	width:980px;
	}
	
.blockStyle {
	display:none;
	background:url(images/bg_content.jpg) no-repeat top center;
	padding:20px;
	border:none;
	text-align:left;
	cursor:default;
}

.blockStyle2 {
	display:none;
	background:none;
	padding:5px;
	border:none;
	text-align:left;
	cursor:default;
}

a.closeBox2 { display:block; float:right; background:url(images/close.png) no-repeat #000; width:25px; height:25px; z-index:99; }
a:hover.closeBox2 { background-image:url(images/close_r.png); }

.videoPopup { color:#0033FF; text-decoration:underline; cursor:pointer; }
	
/****** Gallery Page *******/

div.itemContainer {  /* */ float:left; margin:0 10px 10px 0; }

a.item { 
	display:block;
	background:#e4ddbd; 
	width:330px;
	height:200px;
	border:1px solid #F0EBC3;
	padding:8px;
	font-size:14px;
	color:#000000;
	text-decoration:none;
	clear:both;
}
a:hover.item { background:#F7F4D5; border:1px solid #948a58 }
.galleryImage { border:1px solid #9F9A77; width:330px; height:170px; background-position:top center; background-repeat:no-repeat; cursor:pointer; }

.subnav a:link, .subnav a:visited { font-size:12px; color:#464437; font-weight:bold; }
.subnav a:hover { color:#000; text-decoration:none; border-bottom:1px dotted #000; }

.subnav span:first-child { display:none; }

/*** tooltip ***/

.tool-tip, #tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #000;
	background-color: #464437;
	padding: 5px;
	opacity: 0.85;
	color:#E6C96B;
	
}
#tooltip h3, #tooltip div, .tool-tip h3, .tool-tip div { margin: 0; font-size:13px; font-weight:normal; width:300px; }

/****** Gallery Page *******/

.galleryItem {
	background:url(images/bg_slide.jpg) no-repeat; 
	width:630px;
	height:360px;
	padding:0 10px 10px 10px;
	font-size:14px;
	color:#000000;
	text-decoration:none;
	clear:both;
	margin:0 auto;
}


/*** slides ***/

#feature_title {
	background:transparent url(images/slide_type.png) no-repeat scroll left top;
	display:block;
	height:115px;
	left:36px;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:115px;
	z-index:1000;
}
* html #feature_title {
	background:transparent url(images/slide_type.gif) no-repeat scroll left top;
}


#feature_wrap {
	background:transparent url(images/slide_bg.png) no-repeat scroll 36px top;
	display:block;
	float:left;
	height:380px;
	padding:26px 0 0;
	position:relative;
	width:716px;
}
ul#feature_buttons {
	height:27px;
	margin:0 0 0 450px;
	padding:3px 0 0;
	width:200px;
}
ul#feature_buttons li {
	background:transparent url(images/slide_btn.jpg) no-repeat scroll left top;
	color:#a5a18e;
	cursor:pointer;
	display:block;
	float:left;
	font-size:15px;
	font-weight:bold;
	height:17px;
	margin:0 4px 0 0;
	padding:0 0 5px;
	text-align:center;
	width:20px;
}

ul#feature_buttons li:hover {
	background-position:left center;
	color:#7b7766;
}
ul#feature_buttons li.active {
	background-position:left bottom;
	color:#FEFEFE;
}
a#previous, a#next {
	border:medium none;
	cursor:pointer;
	display:block;
	height:48px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	width:48px;
	z-index:999;
	left: 38px;
	top: 38px;
}
a#previous, a#previous:visited {
	background:transparent url(images/slide_leftarrow.png) no-repeat scroll left top;
	float:left;
	margin:130px 0 0 45px;
}

a#next, a#next:visited {
	background:transparent url(images/slide_rightarrow.png) no-repeat scroll left top;
	float:right;
	margin:130px 0 0 558px;
}

a#previous:hover, a#next:hover {
	background-position:right top;
	border:medium none;
}
	
#slider_wrap {
	background:#0F1A21 none repeat scroll 0 0;
	border:1px solid #7A7766;
	display:block;
	height:330px;
	margin:0 0 0 66px;
	max-height:330px;
	overflow:hidden;
	width:590px;
	z-index:-1200;
}
#slider_wrap img { border:none }
#slider_wrap div div {
	height:330px;
	overflow:hidden;
	z-index:-1200;
}
#slider_wrap div div a {
	border:medium none;
}

#slider div a {
	display:block;
	width:590px;
	height:330px;
	background-repeat:no-repeat;
	background-position:top left;
}