/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Robotic Dreams v2.0: CSS Styles */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Global Reset */
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}
/* end Global Reset */


body {
	background: #383d28 url(../images/bg_body.png) repeat-x fixed top left;
	min-width: 800px;
	font: normal normal normal 0.8em/1.3em  verdana, tahoma, sans-serif;
	text-align: center;
}

#wrapper {
	/*top: 25px;*/
	width: 800px;
	min-width: 800px;
	text-align: left;
	margin: 25px auto 0 auto;
}

#header {
	background: transparent url(../images/bg_header.png) no-repeat top left;
	height: 216px;
}

#navmenu {
	background: transparent url(../images/bg_navmenu.png) no-repeat top left;
	height: 23px;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
}


/* Navigation Bar Styles */
ul#hbar {height: 23px; list-style: none;	margin-left: 95px;}
ul#hbar li {float: left; text-indent: -5000px;}

ul#hbar li a {
	background: url(../images/tabs.png) no-repeat scroll top left;
	display: block;
	height: 23px;
	position: relative;
}

ul#hbar li a.home {width: 123px;}
ul#hbar li a.services {width: 122px; background-position: -123px 0;}
ul#hbar li a.portfolio {width: 122px; background-position: -245px 0;}
ul#hbar li a.about {width: 122px; background-position: -367px 0;}
ul#hbar li a.contact {width: 123px; background-position: -489px 0;}

ul#hbar li a span {
	background: url(../images/tabs.png) no-repeat scroll bottom left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
}

ul#hbar li a span:hover {cursor: pointer;}

ul#hbar li a.home span {background-position: 0 -23px;}
ul#hbar li a.services span {background-position: -123px -23px;}
ul#hbar li a.portfolio span {background-position: -245px -23px;}
ul#hbar li a.about span {background-position: -367px -23px;}
ul#hbar li a.contact span {background-position: -489px -23px;}
/* end Navigation Bar styles */


/* Content Styles */
#content_top {background: transparent url(../images/bg_content_top.png) no-repeat top left; height: 32px;}
#content_top_hom {background: transparent url(../images/bg_content_top_hom.png) no-repeat top left; height: 32px;}
#content_top_ser {background: transparent url(../images/bg_content_top_ser.png) no-repeat top left; height: 32px;}
#content_top_por {background: transparent url(../images/bg_content_top_por.png) no-repeat top left; height: 32px;}
#content_top_abo {background: transparent url(../images/bg_content_top_abo.png) no-repeat top left; height: 32px;}
#content_top_con {background: transparent url(../images/bg_content_top_con.png) no-repeat top left; height: 32px;}

#content {background: transparent url(../images/bg_content.png) repeat-y top left; padding: 0 20px; color: #000;}

#content h1 {font-size: 2.2em; line-height: 1.5em; margin-bottom: 10px; color: #8b9988;}
#content h2 {font-size: 1.7em; line-height: 1.3em; margin-bottom: 10px; color: #808c7c;}
#content h2.clear {clear: both; padding-top: 10px;}
#content h3 {font-size: 1.3em; line-height: 1.1em; margin-bottom: 10px; color: #323831;}

#content p {padding-bottom: 20px;}
#content > p.plannerpdf {text-align: center; float: right; width: 130px; font-size: 0.7em; padding:3px 5px; margin-bottom: 8px;}
#content > p.plannerpdf img {vertical-align: middle;}
#content p.firstp {clear: both;}

#content a:link, #content a:visited {color: #aaa;}
#content a:hover, #content a:active {color: #fff;}

#content img.preview {padding: 5px; border: 1px solid #333932; background-color: #768273;}
#content img.portrait {float: left; margin-right: 20px;}
#content img.linkex {padding: 5px;}

#content ul {
	padding: 5px 0 15px 45px; list-style-image: url(../images/bullet.png);
}
acronym {border-bottom: 1px dotted #000;}

#content_btm {background: transparent url(../images/bg_content_btm.png) no-repeat top left; height: 34px;}
/* end Content Styles */


/* Footer Styles */
#footer {
	background: transparent url(../images/bg_footer.png) no-repeat top left;
	color: #fff;
	height: 44px;
	margin-bottom: 25px;
	padding: 10px 20px;
}
#footer a:link, #footer a:visited {color: #333;}
#footer a:hover, #footer a:active {color: #fff;}

#footer .floatleft {float: left; width: 400px;}
#footer .floatright {margin-left: 400px; text-align: right;}
#footer img {vertical-align: middle; border: 0;}
/* end Footer Styles */


/* ******************** */
/* Page specific styles */
/* ******************** */

/* Portfolio styles */
#clients {}

#clients td {vertical-align: middle;}
#clients td p {padding: 5px; margin-bottom: 20px;}
#clients img {margin-bottom: 20px;}
.boldish {font-weight: bold;}
/* end Portfolio Styles */


/* Music Archive Styles */
#atoz p {text-align: center; background-color: #222; margin: 0 auto 10px auto; width: 400px; padding: 5px;}
.striper {margin:0 auto; border-collapse: collapse; background-color: #5d665a;}
.striper th {font-weight: bold; font-size: 1.0em; padding: 2px 10px; background-color: #333932; color: #fff; border-right: 1px solid #50584e;}
.striper td {padding: 6px 5px; border-bottom: 1px solid #222320; vertical-align: top;}
.striper tr.alt td {background-color: #687366;}
.striper tr.over td {background-color: #464c44;}
#gototop {position: fixed; bottom: 0; right: 0; text-align: center; background-color: #111; border: 1px solid #777; margin: 10px; padding: 5px;}
#gototop a {padding-left: 20px; text-decoration: none;}
#gototop a:link, #gototop a:visited {color: #aaa; background: #111 url(../images/topbtn_off.png) no-repeat top left;}
#gototop a:hover, #gototop a:active {color: #fff; background: #111 url(../images/topbtn_on.png) no-repeat top left;}
/* end Music Archive Styles */


/* Contact Styles */
.indent {margin-left: 20px;}
.contactform {background-color: #687366; border: 2px solid #333932;}
.contactform td {padding: 6px 5px; vertical-align: top;}
.fancy {border: 1px solid #464c44;}
.gobutton {padding: 3px; background: transparent url(../images/button.png) no-repeat top left; width: 107px; height: 24px; color: #7b827a;}
/* end Contact Styles */