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

html{
    margin:0;
	padding:0;
	position:relative;
    
}
body{
	background-color:#CCC;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 auto;
	/*background:#fbfbfb;*/
	width:970px;
	/*border: 1px solid #ccc;*/
	background:url(images/mainBg.jpg);
	background-position:left;
	
}
#menu-frame h1{
	margin-left:20px;
	margin-top:20px;
	font-family:"Arial Bold";
	font-size:45px;
}
#menu-frame{
	padding:0;
	margin:0 auto;
	height:200px;
	width:auto;
	border:thin solid #CCC;
	/*background:#6CF;*/
	background:url(images/header-new.jpg);
	background-position:!important;
	margin-top:20px;
	
	/*OverLapping*/
	
			/*margin-left: 100px;*/
            display: block;
            /*width: 345px;
            height: 220px;*/
            padding: 10px;
            border-radius: 2px 2px 2px 2px;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
			
			
}
#scrol-frame{
	padding:0;
	margin:0 auto;
	height:250px;
	width:750px;
	border:thin solid #CCC;
	background:url(images/divBg.gif);
	
	/*margin-top:20px;*/
	/*OverLapping*/
	top: -60px;
	position: relative;
	/*left: 30px;*/
	
	border-radius: 5px 5px 5px 5px;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#pic_frame{
	float:left;
	width:400px;
	height:250px;
	margin-left:5px;
	margin-top:5px;
}
#pic_details{
	float:left;
	width:auto;
	height:auto;
	margin-left:10px;
	margin-top:5px;
	/*border:thin dotted #F00;*/
	text-align:justiy;
}
#pic_details h1{
	margin-left:15px;
	margin-top:20px;
	font-family:"Arial Bold";
	font-size:30px;
	text-align:left;
}
#full-frame{
	padding:0;
	margin:0 auto;
	height:600px;
	width:auto;
	border:thin solid #CCC;
	border-left:5px solid #CCC;
	background:url(images/boxed-bg.png);
	margin-top:-240px;
	
	border-radius: 2px 2px 2px 2px;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#full_frame_details{
	margin-top:250px;
	margin-left:80px;
	margin-right:80px;
		
}
#full_frame_details .left_nav{float:left;
width:auto;}
#full_frame_details .right_nav{width:auto;float:right;}
.table_style{
	background:#CCC;
	color:#FFF;
	border-radius: 2px 2px 2px 2px;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.table_style ul li{margin-left:0px;}
.nav_head{
	margin-left:20px;
	font-family:"Arial Bold";
	margin-bottom:2px;
	color:#39F;}
#logo{
	float:left;
	width:245px;
	height:150px;	
}
#menu{
	float:left;
	margin-top:90px;
	margin-left:100px;	
	/*padding:0;*/
	width:500px;
	/*width:auto;*/
}
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
#menu ul li{
	margin:0;
	padding:0;
	float:left;	
}

#menu ul li a {
	display:block;
	margin:0;
	padding:13px;
	color:#7b7a7a;
	text-decoration:none;
	font-size:13px;
	line-height:16px;
	/*border-top:5px solid #eeeeee;*/
	border-bottom:5px solid #eeeeee;
}
#menu ul li.active a, #menu ul li a:hover {
	font-weight:bold;
	color:#2D2961;
	/*border-top:5px solid #939393;*/
	border-bottom:5px solid #8C26A6;
}
#footer{
	text-align:center;
	
}
#footer a{color:#CCC;}
#footer a:hover{color:#6CF;}