@charset "utf-8";
/* CSS Document */

@import url("../styles/reset.css");
@import url("../styles/typography.css");

/* container properties
-------------------------------------------------------------*/

body{
	background: black url(../images/backgrounds/site_headbg.png)  top no-repeat; /* default background color for now*/
}
#container{
	margin:20px auto;
	width: 960px;
}
/*  container properties 
 *   header properties
 *-----------------------------------------------------------*/
#header{
	color:white;
}
/* container properties end
 * top navigation bar starts
 *-----------------------------------------------------------*/
#top_nav li{
	
	       margin: 10px 10px 10px 0px;
	        float: left;
	   text-align: center;
	   list-style:none;
}
#top_nav li a{
	          color: white;
	        display: block;
		background: url(../images/buttons/sprite_top_buttons.png) no-repeat  -260px 0;
	text-decoration: none;
	    font-family: "Candara";
	            src: url("styles/fonts/Candarab.ttf") format("truetype");
	    font-weight: bolder;
	      font-size: 1.3em;
			 height: 38px;
	        padding: 10px 25px 10px 25px;
}
#top_nav li span a{
	line-height:30px;
}
#top_nav a:hover{
		background: url(../images/buttons/sprite_top_buttons.png) no-repeat  0 0;
	     color: white;
	   opacity: 0.7;
	    filter: alpha(opacity=70);
}
/* top navigation bar code end
 * main content code
 *-----------------------------------------------------------*/
#main_content{
	clear:left;
	height:500px;
	color: white;
	float: left;
	width:100%;
	min-height: 300px;
	margin: 0 0 20px 0;
}
/* main content properties end 
 * side navigation bar properties
 *-----------------------------------------------------------*/
#side_nav{
	margin: 75px 0;
	color: #FFF;
	background: transparent;
	float: right;
	width: 300px;
	font-family: "Candara";
	        src: url("styles/fonts/Candarab.ttf") format("truetype");
    font-weight: bolder;
	  font-size: 1.3em;
}
#side_nav ul{
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 0 30px;
	list-style:none;
}
#side_nav li{
	padding: 0 0 10px 50px;
	height:42px;
	line-height: 30px;
}
.sprite-icon01 { background: url(../images/icons/sprite-icons.png) no-repeat 0 0; }  
.sprite-icon03 { background: url(../images/icons/sprite-icons.png) no-repeat 0 -164px; } 
.sprite-icon04 { background: url(../images/icons/sprite-icons.png) no-repeat 0 -246px; } 
.sprite-icon05 { background: url(../images/icons/sprite-icons.png) no-repeat 0 -328px; } 
.sprite-icon06 { background: url(../images/icons/sprite-icons.png) no-repeat 0 -410px; } 
.sprite-icon07 { background: url(../images/icons/sprite-icons.png) no-repeat 0 -492px; } 
.sprite-icon08 { background: url(../images/icons/sprite-icons.png) no-repeat 0 -574px; } 
#side_nav a{
	text-decoration:none;
	color:white;
}
#side_nav a:hover{
	text-decoration:none;
	color:#C63;
}
/* side navigation bar ends
 * footer properties
 *-----------------------------------------------------------*/
#footer{
	  border-top: 5px #83001A solid;
	  clear:both;
	  text-align:justify;
	  min-height:2.5em;
background-color: black;
   	       color: white;
		 padding:15px 0 0 0;
	 font-family: "Candara";
		     src: url("styles/fonts/Candarab.ttf") format("truetype");
	 font-weight: bolder;
	   font-size: 1.3em;
}
/* footer properties end
 * ided images
 *-----------------------------------------------------------*/
#img01{
	 position:relative;
	 left:200px;
	 z-index:1;
 }
#img02{
	 position:relative;
	 left:100px;
	 top:150px;
	 z-index:0;
}
#img01,#img02{
	filter: alpha(opacity=60);
	opacity: 0.8;
}
#img01:hover{
	filter: alpha(opacity=100);
	opacity: 1;
}
#img02:hover{
	filter: alpha(opacity=100);
	opacity: 1;
}