/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("../images/bg-wrap.jpg") repeat-y;
	width:780px;
	margin:0 auto;
	text-align:left;
	}
/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("../images/header-bg.jpg") no-repeat;
	height:458px;
	}
/* ------------------------ horizontal sprite nav ------------------------ */
#patchwrap {
	background:url("../images/patches-bg.jpg") no-repeat; 
	width:780px; 
	height:193px;
	}
#nav {
	width:780px; 
	height:121px; 
	margin:0;
	padding:0; 
	}
#nav span { display: none; }
#nav li, #nav a { height:121px; display:block; } /* change height here also */
#nav li { float:left; list-style:none; _display:inline; position:relative; }
#nav-01 { width: 110px; margin-left:66px; margin-top:36px;}
#nav-02 { width: 110px; margin-left:31px; margin-top:36px;}
#nav-03 { width: 110px; margin-left:31px; margin-top:36px;}
#nav-04 { width: 110px; margin-left:31px; margin-top:36px;}
#nav-05 { width: 110px; margin-left:31px; margin-top:36px;}

/* ------------------------ horizontal sprite nav ------------------------ */
#explorewrap {background:url("../images/explore-bg.jpg") no-repeat; 
	width:780px; 
	height:154px; }
#nav-explore { 
 	width:780px; 
	height:70px; 
	margin:0;
	padding:0; 
	}
#nav-explore span { display: none; }
#nav-explore li, #nav-explore a { height:70px; display:block; } /* change height here also */
#nav-explore li { float:left; list-style:none; _display:inline; position:relative; }
#nav-explore-01 { width: 164px; margin-left:66px; margin-top:36px;}
#nav-explore-02 { width: 103px; margin-left:66px; margin-top:36px;}
#nav-explore-02b { width: 113px;  margin-top:36px;}
#nav-explore-03 { width: 195px; margin-left:57px; margin-top:36px;}


 /* ------------------------ SLIDER SOB ------------------------ */

#paddingwrap { padding:15px 0 0 12px; height:424px; overflow:hidden; }

img{border:none;} 

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:754px;
		height:379px;
		overflow:hidden; 
		}	
 
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:25px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:25px;
		line-height:25px;
		}
	ol#controls li a{
		float:left;
		height:25px;
		line-height:25px;
		border:1px solid #ededed;
		background:#fff;
		color:#ededed;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#ededed;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
 


