/*
Project: Assenta REIM
Filename: screen.css
Date: 12/10/07
Author: Max Appiah
*/
 

/*--------- global styles ---------*/

body {
	
	font-family: "Arial","Tahoma","Helvetica",sans-serif;
	min-width: 768px;
	font-size: 1.0em;
	text-align: center;
	line-height: 1.5;
	color: #5A5657;
	padding: 0;
	margin: 0;
	background: #ffffff url("images/body_bg.gif") top left repeat-x;
	}
	
div#bodyBackground {
    background: url("images/body_background.png") top center repeat-y;
	width: 100%;
	}
		
img {
    display: block;
	}
	
h2 {
   font-size: 1.2em;
   margin: 0;
   padding: 0 0 12px 0;
}

h3 {
   font-size: 1.1em;
   margin: 0;
   padding: 0 0 8px 0;
}	
	
p {
	margin: 0px;
	margin-bottom: 8px;
	}
	
.hide {
	display: none;
	}			
	
img a{
	border: none;
}


strong,
.strong {
	font-weight: bold;
	}
	
em,
.em {
	font-style: italic;
	}
	
.center {
	text-align: center;
	}
	
a {
	text-decoration: none;
	}
	
.disguise {
	position: absolute;
	left: -10000px;
	}	

/*--------- main ---------*/

div#bodyContent {
	background: #fff;
	width: 768px;
	margin: 0px auto;
	text-align: left;
	

	}
	
	
/*--------- header ---------*/
	
#header { 
    width:724px;
	margin-left: 23px;
	padding: 0;
	height: 284px;
	background: url("images/assenta_header.jpg") no-repeat;
}	

#services_header { 
    width:724px;
	margin-left: 23px;
	padding: 0;
	height: 284px;
	background: url("images/services_header.jpg") no-repeat;
}	

#news_header { 
    width:724px;
	margin-left: 23px;
	padding: 0;
	height: 284px;
	background: url("images/news_header.jpg") no-repeat;
}	

#contactus_header { 
    width:724px;
	margin-left: 23px;
	padding: 0;
	height: 284px;
	background: url("images/contactus_header.jpg") no-repeat;
}	
/*--------- nav ---------*/
	
#nav {
	padding-top: 6px;
	width: 724px;
	margin-left: 23px;
	}

#nav ul {
    margin: 0;
	padding: 0;
	list-style: none;
	width: 724px;
	
	}

#nav li {
	background: #e5e5e5;
	padding: 0px;
	float: left;
	padding: 1px;
	padding-left: 0;
	}
	
#nav li.first {
	padding-left: 1px;
	}	
	
#nav a {
	display: block;
	float: left;
	text-align: center;
	border: 1px solid #fff;
	font-size: 0.70em;
	line-height: 1em !important;
	font-weight: bold;
	padding: 4px 26px 4px 25px;
	margin: 0;
	}
	
#nav li a.uno { 
    padding: 4px 29px 4px 30px !important;
	border-left: 1px solid #fff;;
	}	

#nav a:link,
#nav a:visited {
	background: #E5E5E5;
	color: #666;
	}
	
#nav a:hover,
#nav a:active,
#nav a.here {
	background: #999 !important;
	color: #fff !important;
	}
	
#nav a:hover,
#nav a:active {
	text-decoration: none;
	}	
	
/*--------- breadcrumbs ---------*/	

div#breadCrumb {
     width: 722px;
	 margin-left: 23px;
	 font-size: 70%;
	 color: #999;
	 }
	 
div#breadCrumb p.links {
    display:inline;
    float:left;
    margin: 8px 10px 10px 10px;
	}	 
	
div#breadCrumb p.links a {
    color:#999;
    }

div#breadCrumb a {
     text-decoration: underline !important;
     }	

/*--------- main content ---------*/
	
#content {
	margin: 15px 10px 20px 23px;
	width: 722px;
	font-size: 70%;
	}
	
/* ---------------- subnav ---------------- */

#subnav{
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #d251ab;
}

#subnav li{
	display: inline;
	margin: 0;
	padding: 0;
}


#subnav li a{
	display: block;
	padding: 3px 10px;
	margin: 0;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#subnav li a:hover,
#subnav .here a{
	
	color: #333;
	font-weight: bold;
	background: #E49ECD;
	
}


#subnav li a span{
	width: 9px;
	height: 9px;
	padding-right: 4px;
	text-indent: -9999px;
	background: url(images/audio.gif) no-repeat right;
}

/* ---------------- maincontent ---------------- */
	
#maincontent{
	float: right;
	width: 540px;
}

#maincontent2 {
    float: right;
	width: 700px;
	
}

#maincontent .gutter, #maincontent2 .gutter{
	margin: 0 20px 20px 20px;
	padding: 0;
}

#maincontent p, #maincontent2 p{
	padding-top: 0 !important;
}

#maincontent p a, #maincontent2 p a, #maincontent ul li a, #maincontent2 ul li a, tfoot th a {
        color: #000;
        text-decoration: underline !important;
        }

#maincontent p a:hover, #maincontent2 p a:hover, #maincontent ul li a:hover, #maincontent2 ul li a:hover, tfoot th a:hover {
        text-decoration: none;
        }

#maincontent .controls{
	padding-top: 45px;
	color: #999999;
} 


#maincontent .controls a{
	color: #333333;
	text-decoration: none;
}

#maincontent .controls a:hover{
	text-decoration: underline;
}


#maincontent ul, #maincontent2 ul {
        padding: 0;
        margin: 8px 0 15px 15px !important;
       		      
}

#maincontent ul li, #maincontent2 ul li {
        padding-top: 4px;
        padding-left: 5px;
        list-style-type: square;        

}

.homecontent {
 float: left;
 width: 440px;
}
 
.news {
 float: right;
 width: 230px;
 margin-top: 40px;
 }

.contactleft {
       width: 300px;
	   float: left;
	   }
	   
.contactright {
       width: 350px;
	   float: right;
	   padding-top: 35px;
	   }	   
/* ---------------- footer ---------------- */



#footer{
	
	width: 768px;
	margin: 0;
	padding: 8px 0 0 0;
	list-style: none;
	font-size: 60%;
	font-weight: bold;
	background: url("images/footerline.gif") top no-repeat;
}


#footer ul { 
    width: 400px;
	float: left;
	margin: 0;
	padding: 0;
	}

#footer li{
	float: left;
	list-style-type: none;
	color: #bc1b8d;
}

#footer li a{
	color: #bc1b8d;
	text-decoration: none;
	margin: 0 10px;
}

#footer .first a{
	margin: 0 10px 0 0;
	
}
#footer li a:hover{
	text-decoration: underline;
}

#footer p.copyright {
float: right;
color: #999;
}

#baseline {
	margin: 0 auto 0 auto;
	padding: 0;
	height: 11px;
	width: 807px;
	background: url("images/footer_drop.png") bottom center no-repeat;
}