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

ASAA MULTMEDIA - MAIN CSS DOCUMENT
RELEASE DATE - 01/21/2008

CLIENT - Off The Wall Industries


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


body { 
	font-size:10pt;
	font-family: "Gill Sans Light", "Gill Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h2 {
	color:#0035ad;
	margin:0 0 .5em 0;
	font-size:4px;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1px;
	}


.contact { 
	background:url(images/but_contact.gif) no-repeat; 
	width:100px;
	height:11px;
	margin-bottom:10px;
}

.services { 
	background:url(images/but_services.gif) no-repeat; 
	width:100px;
	height:11px;
	margin-bottom:10px;
}

.about {
	background:url(images/but_wendy.gif) no-repeat;
	width:120px;
	height:18px;
	margin-bottom:10px;
}

.portfolio { 
	background:url(images/but_portfolio.gif) no-repeat; 
	width:75px;
	height:11px;
	margin-bottom:10px;
	float:left;
}

h4 {
	color:#0035ad;
	margin:0 0 0em 0;
	font-size:11px;
	font-style:italic;
}
	
a:link, a:visited { color:#0000FF; text-decoration:none; }
a:hover { color:#FF0000; text-decoration:underline }

/*------------- NAMED DIV's ---------------*/

#container, #container-alt {
	width:784px;
	height:521px;
	margin:0 auto;
}
#container { 	background:url(images/bg.jpg) no-repeat; }
#container-alt { background:url(images/bgalt.jpg) no-repeat; }

#services a { 
	display:block;
	height:11px;
	width:70px;
	background:url(images/but_services.gif) no-repeat center top;
	font-size: 0;
	overflow: hidden;
	text-indent: -99999px;
	float:left;
	margin-top:250px;
	margin-right:10px;
}
	 #services a:hover { background-position:bottom center; }
	 
#portfolio a { 
	display:block;
	height:11px;
	width:72px;
	background:url(images/but_portfolio.gif) no-repeat center top;
	font-size: 0;
	overflow: hidden;
	text-indent: -99999px;
	float:left;
	margin-top:175px;
	margin-right:120px;
}
	 #portfolio a:hover { background-position:bottom center; }

#about a { 
	display:block;
	height:11px;
	width:48px;
	background:url(images/but_about.gif) no-repeat center top;
	font-size: 0;
	overflow: hidden;
	text-indent: -99999px;
	float:left;
	margin-top:200px;
	margin-right:10px;
}
	 #about a:hover { background-position:bottom center; }

#contact a { 
	display:block;
	height:11px;
	width:72px;
	background:url(images/but_contact.gif) no-repeat center top;
	font-size: 0;
	overflow: hidden;
	text-indent: -99999px;
	float:left;
	margin-top:260px;
}
	 #contact a:hover { background-position:bottom center; }

#logo { float:left; }

#content {
	width:580px;
	height:300px;
	background:#fff;
	clear:both;
	margin:0 auto;
	padding:15px 5px 8px 15px;
	line-height:1.15em;
}
	#content span { color:#0035ad }
	#content ul {
		margin:.5em 0 .5em 2em;
		list-style-image:url(images/ico_eye.gif);
	}
	#content li { padding-left:5px; }
	#content p { margin:0 0 .5em 0; padding:0; }

#subfooter {
	padding-top:1em;
	text-align:center;
}
#subfooter-alt {
	padding-top:1em;
	text-align:center;
	background:url(images/bg_footeralt.gif) #fff no-repeat top center;
	width:570px;
	margin:0 auto;
	padding:15px 15px 10px 15px;
	font-size:13px;
	text-decoration:none;
	clear:both;
}

	#subfooter-alt a:link, #subfooter a:visited { text-decoration:none; }
	#subfooter-alt a:hover { color:#34955f }
#footer {
	width:784px;
	margin:0 auto;
}

#asaabug a:link, #asaabug a:visited { 
	color:#2079aa;
	text-decoration:none;
	cursor:pointer; 
}