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


/* element style */
	a { text-decoration:none; }


/* setting up the backgrounds */

	body
	{
		background:url(../images/layout/bg_body.gif);
		font-family: Helvetica Neue Light, Arial, Helvetica, sans-serif;
	}
	
	#outter_wrapper
	{
		background:url(../images/layout/bg_ow.gif) repeat-x;
		width:100%;
	}
	
	#inner_wrapper
	{
		background:url(../images/layout/bg_iw.png) no-repeat right;
		width:960px;
		height:465px;
		
		/* center the div */
		margin-left:auto;
		margin-right:auto;
	}
	
	
/* making the nav uls inline */
	
	ul.nav {margin: 0px 0 0 0; list-style: none; padding: 0;}
	ul.nav li { display:block; float:left; margin: 0; padding: 0;}
	ul.nav a {text-decoration:none;}


/* setting up top menu */
	
	#head ul /* position the ul */ 
	{
		float:right;
		margin-right:220px;
		font-family: Helvetica Neue Light, Arial, Helvetica, sans-serif;
	}
	
	#head ul li a
	{
		padding: 8px 13px 20px 13px;
		display:block;
		
		/* text style */
		font-size:0.7em;
		color:#637031;
		line-height: normal;
	}
	
	#head ul li.business-directory a:hover, #head ul li.business-directory a.selected { background:url(../images/layout/nav_businesslisting_on.gif) no-repeat; }
	#head ul li.resources a:hover, #head ul li.resources a.selected { background:url(../images/layout/nav_resource_on.gif) no-repeat; }
	#head ul li.news a:hover, #head ul li.news a.selected { background:url(../images/layout/nav_news_on.gif) no-repeat; }
	#head ul li.contact a:hover, #head ul li.contact a.selected { background:url(../images/layout/nav_contact_on.gif) no-repeat; }
#head ul li.photos a:hover, #head ul li.photos a.selected { background:url(../images/layout/nav_photos_on.gif) no-repeat; }
	

/* logo replacement */

	#head h1 a
	{
		background:url(../images/layout/logo_site.gif) no-repeat;
		float:left;
		width:643px;
		height:95px;
		text-indent:-9999em;
	}


/* search */

	#head form
	{
		float:right;	
		margin-right:0px;
		margin-top:60px;
	}
	
	#head input
	{
		height:20px;
		float:left;
		width:145px;
		border:1px #bad945 solid;
		padding: 3px 0 0 5px;
		background-color:#ffefc4;
		
		/* styling the type */
		font-family: Avenir, Arial Black, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		text-transform:uppercase;
		color:#637031;
	}
	
	#head input.submit
	{
		background:url(../images/layout/btn_search_off.gif) no-repeat;
		border: none;
		width:51px;
		height:27px;
		
		text-indent:-9999em;
	}
	
	#head input.submit:hover
	{
		background:url(../images/layout/btn_search_on.gif) no-repeat;
		cursor:pointer;
	}
	
	
/* main nav  */
	
	#main_nav 
	{
		clear:both; 
		overflow:hidden;
		margin-left: 8px;
	}
	
	#main_nav ul li
	{
		height:50px;
		margin:75px 7px 0 7px;
	}
	
	div#main_nav ul li a
	{
		display:block;
		text-indent: -9999em;	
		height:52px;
	}
	
	/* normal background */
	#main_nav ul li.about a { width:102px; background:url(../images/layout/nav_about.gif) no-repeat; }
	#main_nav ul li.bd a { width:211px; background:url(../images/layout/nav_bd.gif) no-repeat; }
	#main_nav ul li.cd a { width:228px; background:url(../images/layout/nav_cd.gif) no-repeat; }
	#main_nav ul li.aa a { width:171px; background:url(../images/layout/nav_aa.gif) no-repeat; }
	#main_nav ul li.ss a { width:162px; background:url(../images/layout/nav_ss.gif) no-repeat; }
	
	/* on hover */
	#main_nav ul li a:hover {background-position:0px -50px; }
	
	
/* tool tips css */
	#main_nav ul li em
	{
		position: absolute;
		top: 190px;
		z-index: 4000;
		display: none;
		height:32px;
		width:560px;
	}
	
	
	li.about em
	{
		background:url(../images/layout/tooltip_about.gif) no-repeat 45px 5px;
	}
	
	li.bd em
	{
		background:url(../images/layout/tooltip_busdev.gif) no-repeat 95px 5px;
	}
	
	li.cd em
	{
		background:url(../images/layout/tooltip_comdev.gif) no-repeat 115px 5px;
	}
	
	li.aa em
	{
		width:410px;
		margin-left:-320px;
		background:url(../images/layout/tooltip_aa.gif) no-repeat 0px 5px;
	}
	
	#main_nav ul li.ss em
	{
		width:380px;

		margin-left:-220px;
		background:url(../images/layout/tooltip_ss.gif) no-repeat 0px 5px;
	}
	

/* content area */
	
	#content
	{
		margin:0px 15px 35px 15px;
		float:left;
	}
	

/* home top */

	#main 
	{
		background-color:#754c29;
		margin: 30px 0px 0px 0px;
		overflow:hidden;
		padding:10px;
	}
	
	#main div
	{
		float:left;	
		padding:10px;
		margin-right:10px;
		background:url(../images/layout/img_mainshw.jpg) no-repeat;
	}
	
	#main span
	{
		display: block;
		margin-top:10px;
		font-style: normal;
	}
	
	#main img
	{
		border:3px #ffefc4 solid;
	}
	
	#main h2, #main p
	{
		float:left;
		width:250px;
		padding-left:20px;
		
		color:#ffefc4;
	}
	
	#main h2 
	{
		padding:30px 0 10px 18px;
		background:none;
	}
	
	#main p
	{
		padding-bottom:30px;
		
		font-family:Georgia, "Times New Roman", Times, serif;
		line-height:1.7em;
		font-size:0.9em;
		letter-spacing:0.04em;
	}
	
	
	
/* see more button */
	
	a.sm
	{
		float: right;
		width: 114px;
		height: 27px;
		background: url(../images/layout/btn_smbrn_off.gif) no-repeat;
		
		text-indent: -9999em;
	}
	
	#main a.sm { padding: 0px 20px 0 0; }
	
	a.sm:hover { background: url(../images/layout/btn_smbrn_on.gif) no-repeat;	}

/* callouts */
        
    .callouts
	{
		float:left;
		margin-top:35px;
		overflow:hidden;
		width:100%;
	}
			
	.callouts div
	{
		background:#ffefc4 url(../images/layout/nubby_grn.gif) top right no-repeat;
		width:260px;
		float:left;
		margin-left:15px;
		padding:20px;
		min-height:130px;
		
		font-size:0.8em;
		line-height:1.3em;
	}
	
	.callouts div:first-child { margin-left:0px; }
	
	.callouts div h2
	{
		padding: 0 0 10px 0;
		
		font-family: Avenir, Arial Black, Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-transform:uppercase;
	}

	
	.callouts div p
	{
		font-size:0.9em;	
	
	}
	
	.callouts div a.rm
	{
		background-color:#d39b12;
		padding:2px 7px 1px;
		margin-top:10px;
		float:left;
		
		text-transform: uppercase;
		color:#fff;
		font-size:0.8em;
		
	}
	.callouts div a.rm:hover
	{
		background-color:#fff;
                color:#d39b12;
	}
	
	.callouts div span
	{
		float:right;	
		padding: 0px 7px;
		background:url(../images/layout/bg_thmb.png) no-repeat bottom;
	}
	
	.callouts div a img
	{
		border:2px #d39b12 solid;	
	}
	
	.callouts div a:hover img
	{
		border:2px #fff solid;	
	}
	
	
	/* setting for home and inside pages */
	body.home .callouts div { background:#ffefc4 url(../images/layout/nubby_grn.gif) top right no-repeat; }
	body.home .callouts div.clr1 h2 a { color:#d39b12; }
	body.home .callouts div.clr2 h2 a { color:#754c29; }
	body.home .callouts div.clr3 h2 a { color:#637031; }
	body.home .callouts div h2 a:hover { text-decoration: underline; }
	body.home .callouts div p {color:#4c4c4c;}
	
	
	
	body.inside .callouts div { background:#637031 url(../images/layout/nubby_beige.gif) top right no-repeat; }
	body.inside .callouts div h2 a { color:#d39b12; }
    body.inside .callouts div h2 a:hover { text-decoration: underline; }
	body.inside .callouts div p {color:#ffefc4;}
	

/* inside main */

	/* thumb nails for photo galleries */
	#photo_thumbs { padding-top:30px; }
	#photo_thumbs img { margin:8px 8px 0 0; }
	#photo_thumbs a { width:auto; }
	
	
	
/* inside detail*/

	#content
	{}
	
	#content .left, #content .right
	{
		float:left;
		margin-top:30px;
	}
	
	#content .left
	{
		width:566px;
		background: #ffefc5 url(../images/layout/bg_content.jpg) no-repeat;
		padding:29px 39px 60px 29px;
	}

#content .left div.intro p
{
    font-size:1em;
	color:#637031;
	font-family: Helvetica Neue Light, Arial, Helvetica, sans-serif;
}
	
	.left h2
	{
        padding-top:10px;
		color:#754c29;
		font-size:1.7em;
		font-weight:normal;
		margin-bottom:20px;
	}
	
	.left img
	{
		float:left;
		border: 5px #ceb389 solid;
		margin-right:20px;
	}
	
	.left p, .left ul
	{
		padding: 10px 0px;
		color:#615144;
		font-size:0.85em;
		line-height:1.6em;
		font-family:Georgia, "Times New Roman", Times, serif;
		display:block;
	}

	.left ul
	{
		margin:0px 0px;
		font-size:0.8em;
	}
	
	.left li
	{
		padding-left: 20px;
		background:url(../images/layout/icon_arw.png) left no-repeat;
	}
	
	.left h3
	{
		border-bottom: #637031 1px dotted;
		padding-bottom:5px;
		margin-top:30px;
		color: #637031;
		font-weight:normal;
		font-size:1.2em;
	}

	.left h3 a
	{
		padding:0px;
	}

	.left h3 a:hover
	{
		padding:2px 8px 2px 25px;
		background:#d39b12 url(../images/layout/arw_org.gif) top left no-repeat;
	}	
	
	.left h3.search
	{
		font-size:1em;
		padding:0px;
		border:0px;
		margin:10px 0 40px 0px;
	}
	
	.left h3.search span
	{
		color:#d39b12;
		font-weight:bold;
	}

	.left span
	{
		font-style: italic;
            font-size:0.9em;
	}
	
	.left a
	{
		color:#637031;
		background: none;
        padding:2px 4px;
	}
	
	.left a:hover
	{
		color:#fff;
		background-color:#d39b12;
	}
	.left .item a:hover
        {
            background-color:none;
        }
	
/* style for ss listings */
	#ss .item
	{
		position:relative;
		overflow:hidden;
padding-left: 20px;
	}
	#ss .item img 
	{
		margin-right:0px;
		border: 10px #ceb389 solid;
	}
	
	#ss .item p
	{
		float:left;
		position:relative;
        padding:10px 10px 0 10px;
		margin-top:20px;
		width:160px;
		background:url(../images/layout/bg_sticky.png) repeat-y;
	}
	
	.paperclip
	{
		background:url(../images/layout/paperclip.png) no-repeat;
		width: 193px;
		height:76px;
		margin:-5px 0px 0px 332px;
		position:absolute;
		float:right;
		z-index:100;
	}
	
	#ss .item a.sm
	{
		background: url(../images/layout/btn_smylw_off.gif) no-repeat;
		text-indent: -9999em;
		float:right;
		width:177px;
		height:49px;
		margin-right:23px;
		padding:0px;
	}
	
	#ss .item a.sm:hover
	{
		background: url(../images/layout/btn_smylw_on.gif) no-repeat;
	}
	
	#ss div
	{
		overflow:hidden;
        padding:30px 0px 10px;	
	}
	
	#ss div p
	{
		color:#637031;
		font-size:1em;
	}
	
	#ss .item a:hover
	{
		background:none;
	}

	
/* news listings*/


	#news div
	{
		border-bottom:1px #d39b12 solid;

		overflow:hidden;
		padding:30px 0px 10px 0;
		margin:0px;
	
	}
	
	#news a
	{
		background:none;
	}
	
	#news h3
	{
		border-bottom:none;
		margin:0px;
		padding:0px;
		float:left;
	}
	
	body #news .item p
	{
		border-bottom:none;
		margin:0px;
		padding:0px;
		float:left;
		
		color:#637031;
		font-family: Helvetica Neue Light, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	#news .item a.sm
	{
		background: url(../images/layout/btn_smbeige_off.gif) no-repeat;
		width:94px;
		height:29px;
	
	}
	
	#news .item a.sm:hover
	{
		background: url(../images/layout/btn_smbeige_on.gif) no-repeat;
		width:94px;
		height:29px;
	
	}
	
	#news  img
	{
		
	}
	
	#news div.image
	{
		border:none;
		float:left;
		width:430px;
		margin:-15px 0px 0px 0px;
		padding:0px;
	}
	
	#news h3
	{
		width:100%;
	}
	
	
	/* right side */
	
	#content .right
	{
		width:247px;
		padding:30px 0px 0 30px;
	}
	
	/* sub nav */
	.right ul
	{
		background: url(../images/layout/bg_subnav.png);
		padding:10px 20px;
		margin-bottom:50px;
		overflow:hidden;
	}
	
	.right li a
	{
		padding: 8px 0 8px 25px;
		display:block;
		
                line-height:1.3em;
		color:#fff;	
		font-weight: bold;
		letter-spacing:0.05em;
		font-size:0.7em;
		text-transform:uppercase;
	}
	
	.right li a.active, .right li a:hover
	{
		color:#d39b12;
		background:url(../images/layout/icon_arw.png) left no-repeat;
	}
	
	/* news feed */ 
	
	.right div
	{
		overflow:hidden;
		margin: 10px 0 30px 0 ;
	}

	.right div img
	{
		margin-right:10px;
		border: 2px #d39b12 solid;
		float:left;
	}
	.right div img:hover
	{
		border: 2px #fff solid;
	}
	
	.right div p
	{
		padding: 0 0 5px 0;
		float:left;
		
		
		color:#fff;
		font-style:italic;
		font-size:0.7em;
		
	}
	
	.right div a
	{
		float:left;
		width:135px;
				
		font-family: Avenir, Arial Black, Arial, Helvetica, sans-serif;
		color:#d39b12;
		font-size:0.8em;
		text-transform:uppercase;
		line-height:1.3em;
	}
	
	.right div a:hover
	{
		color:#637031;
	}
	
	.right div div.no_img p, .right div div.no_img a
	{
		width:100%;
	}
	.right div a.rm, .right div div.no_img a.rm
	{
		width: auto;
		padding:3px 3px 2px 3px;
		margin:10px 77px 0 0;
		display:block;
		float:right;
		
		background-color:#637031;
		
		font-family: Helvetica Neue Light, Arial, Helvetica, sans-serif;
		font-size:0.6em;
		color:#fff;
	}
	
	.right div a.rm:hover,  .right div div.no_img a.rm:hover
	{
		background-color:#d39b12;
	}
	
	.right div div.no_img a.rm
	{
		margin:10px 0 0 0;
		float:left;
	}

	.right div div.no_img
	{
		padding:0px;
		margin:0px;
	}


/* FOOTER */

	#footer
	{
		clear:both;
		border-top:1px #ffefc4 dotted;
		margin:0px 15px;
		padding:15px 0px;
		overflow:hidden;
		
		/* text style */
		font-size:0.7em;
		letter-spacing:0.03em;
		color:#ffefc4;
	}
	
	#footer p {padding-bottom:7px;}
	
	#footer p, #footer a
	{
		float:left;
		margin:0px;
	}
	
	#footer ul
	{
		float:right;
	}
	
	#footer a, #footer ul
	{
		color:#d39b12;
		clear:both;
	}
	
	#footer a:hover
	{
		background-color:#637031;
	}
	
	#footer ul a
	{
		clear:none;	
		padding:0px 5px;
	}
	

/* PAGING */
	.page,
.page_bd
	{
		float:right;
		margin: 15px 0 -10px 0;
		font-style: italic;
	}
.page_bd { margin: -80px 0 0 0;}
	
	.page a, 
        #news .page a,
.page_bd a
	{
		background-color:#ceb389;
		color:#fff;

	}
        
        .page a:hover, 
#news .page a:hover,
.page_bd a:hover
	{
		background-color:#d39b12;
		color:#fff;
	}
	
	.page span,
.page_bd span
	{
		font-family: Helvetica Neue Light, Arial, Helvetica, sans-serif;
		font-style:normal;
		font-size:1.0em;
		padding-left:10px;

	}
	
	.page span strong,
.page_bd span strong
	{
		background-color:#f1deaa;
		padding:2px 5px;
		color:#fff;
	}
	
	.page span.page_roel,
.page_bd span.page_roel
	{
		width:130px;	
		margin:0px;
		padding:0px;
		position:relative;
		top:10px;
	}



/* styling the contact form */
	.left form
	{
		margin: 30px 0 30px 35px;
		padding:40px 0 40px 10px;
		background: url(../images/layout/bg_form.png) no-repeat;
	}

	.left form p
	{
	padding:10px 0 0 0;
	}
	
	/* STYLING THE LABELS */
	.left .label
	{
		width:100px;
		display:block;
		float:left;
		overflow:hidden;
		margin:5px 10px 0 0;
		padding:3px 15px 0 0;
		
		font-family: Helvetica Neue Light, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		text-indent:-9999em;
	}
	
	.left #name
	{
		background: url(../images/layout/title_name.gif) no-repeat right;
	}
	.left #email
	{
		background: url(../images/layout/title_email.gif) no-repeat right;
	}
	.left #message
	{
		background: url(../images/layout/title_message.gif) no-repeat right;
		margin-top:15px;
	}

	/* STYLE THE INPUTS AND TEXTAREA */
	.left input, .left textarea
	{
		border:none;
		padding:9px 5px 2px 9px;
		background-color:#fdf9c3;
		
		width:230px;
		font-family: Helvetica Neue Light, Arial, Helvetica, sans-serif;
		font-size:0.95em;
		color:#754c29;
	}

	.left input
	{
		background: #fdf8c0 url(../images/layout/line.gif) repeat-x bottom;
		height:22px;
		width:234px;
	}

	.left textarea
	{
		background: #fdf8c0 url(../images/layout/lines.gif) repeat;
		height:114px;
		width:240px;
		padding:0px 0px 0 10px;
		margin-top:10px;
		line-height:1.9em;
		overflow: auto;
	}

	
	/* SUBMIT BUTTON */

	.left input#submit
	{
		background: url(../images/layout/btn_fsend_off.gif);
		text-indent:9999em;
		position:relative;
		width:82px;
		height:40px;
		float:right;
		margin:15px 100px 0 0;
	}



	.left input#submit:hover
	{
		cursor: pointer;
		background: url(../images/layout/btn_fsend_on.gif);
	}

/* LOGIN FORM */
	#login form
	{
		width:360px;
		padding: 50px 50px;
	}

	#login p
	{
		font-size: 0.7em;
		margin:10px;
	}
	
	#login label.un,
	#login label.pass
	{
		background: url(../images/layout/bg_username.gif) no-repeat;
		width:90px;
		text-indent: -9999em;
		float:left;
	}
	
	#login label.pass { background: url(../images/layout/bg_password.gif) no-repeat; }
	
	#login input[type="submit"]
	{
	   background: url(../images/layout/btn_login.gif) no-repeat 0 -57px;
		width:87px;
		height: 47px;
		text-indent:-9999em;
		font-size:0px;
		line-height:0; 
		float: right;
	}	
	#login input[type="submit"]:hover { background: url(../images/layout/btn_login.gif) no-repeat 0 0px; }
	
	#login .checkbox 
	{
		width:20px; 
		margin-top:0px; 
		display: block; 
		float:left; 
		margin-right:10px;
	}
	
	#login input {font-size:1.2em;}

#galFrame li {
    float: left;
    background: transparent;
    padding: 0 0 5px 0;
}

#galFrame li a{
    border:0;
    background: transparent;
}

#lbOff {
    display: none;
}

/* remove #gallery bot margin */
#gallery {
    margin-bottom: 0px;
    overflow: hidden;
}