@charset "UTF-8";
body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background-color:#a09a93;
	font-weight: normal;
	}
		
#container { 
	width: 1020px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color:#FFF;
	border-color:#000;
	border-style:solid;
	border-width: 3px;
	margin: 20px auto 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	background:url(images/new_smg_logo.jpg);
	background-repeat:no-repeat;
	height: 200px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	overflow:
	
	
	}
	

h1 {color:#333; font: "Arial Black", Gadget, sans-serif; font-size: 20px;}
h2 {color:#cc5717; font:"Arial Black", Gadget, sans-serif; font-size: 16px; }
h3 {color: #000; font-weight: bold; font-size: 14px;}
h4 {color:#922e51; }

a:visited {
	color: #653550;
}

.style1  {
	color:#600;
	background-image:url(costguide.jpg);
	
}



/********** body **********/
.body_resize { margin: 0 0 0 0; padding:0;  }
.body { width:950px;  margin:0 auto; padding: 10px;}
.body h5 { font: bold 12px Arial, Helvetica, sans-serif; color:#343434; padding: 10px 0 0 5px; margin:0;}
.body h4 { font: normal 16px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body h3 { font: normal 24px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body h3 span { font: italic 12px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body h2 { width:279px; height:30px; font:"Comic Sans MS", cursive; color:#7c0518; margin:0;  padding: 5px 10px; }
.body h2 span { font:"Comic Sans MS", cursive; color:#9d9d9d;}
.body img {  padding:0; margin:10px auto;}
.body img.floated { float:left; padding:0; margin:10px 15px 10px 0;}
.body ul { list-style:none; margin:10px 0 0 10px; padding: 0;}
.body li { padding:3px 5px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#FFF;}
.body li a { font: normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d; text-decoration:none;}
.body li a:hover { color:#c52100;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#605f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.body a { 
	text-decoration:none; 
	border: 0;
	}
.right { width:400px; float:right; padding:0 50px; margin:0;}
.left { width:400px; float:left; padding:0 0; margin:0;}
.block { width:255px; float:left; margin:10px; padding:0;}
.port_resize { width:5px; float:left; margin:10px 5px 10px 8px; padding:0;}

#mainContent {
	margin: 0 15px 5px 25px;
		} 

/*FBG*/
.FBG { 
	border: 0; 
	margin:0; 
	width: 1020px;
	background: #fff url(images/slider_bg.gif)  repeat-x; 
	}
	
.FBG_resize {  }
.FBG_resize a { text-decoration:none; color:#c52100; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif;}
.FBG_resize p { font: normal 12px Arial, Helvetica, sans-serif; color:#605f5f; padding:5px; margin:0; line-height:1.8em;}
.FBG_resize p span { color:#2b2b2b;}
.FBG_resize ul { list-style:none; margin:10px auto; padding:0;}
.FBG_resize li { padding:0 5px; margin:0;}
.FBG_resize li a { font: normal 12px/1.6em Arial, Helvetica, sans-serif; color:#605f5f; text-decoration:none;}
.FBG_resize li a:hover { color:#2b2b2b;}
.FBG_resize h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:5px; margin:0;}
.FBG_resize .left { width:205px; float:left; margin:10px 5px 10px 25px; padding:10px 5px;}
/* END_bloga*/


/************* footer **********/
.footer {padding:0;  margin:0 0 20px 0;  border-top: #ccc 1px solid; background-color:#FFF;
	}
.footer p { font:normal Arial, Helvetica, sans-serif; color:#000000;}
.footer a { font:bold Arial, Helvetica, sans-serif; color:#999; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.left { text-align:left; width:550px; margin:0; padding:10px 0 0 10px; float:left;} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#graybox {
	 color:#FFF;
   text-align: center;
   background-image:url(images/graybox.jpg);
   background-position:center;
   background-repeat:no-repeat;
	height:150px;
	z-index:1;
	
	}

#sddm
{	margin: 0px 0 0 320px;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 20px 1px 0 0;
	padding: 0;
	height: 90px;
	width: 100px;
	list-style: none;
	float: left;
	font: 1em}
	
.tab1 {background-image:url(images/tab1.jpg); background-repeat:no-repeat;}
.tab2 {background-image:url(images/tab2.jpg); background-repeat:no-repeat;}
.tab3 {background-image:url(images/tab3.jpg); background-repeat:no-repeat;}

#sddm li a
{	display: block;
	padding: 15px 5px;
	height:auto;
	width: auto;
	color:#ffffff;
	text-align:center;
	text-decoration: none}

#sddm li a:hover 
{	background-image:url(images/tab1hover.jpg); background-repeat:no-repeat;height: 90px; width: 100px;}


#sddm div
{	position: absolute;
	visibility: hidden;
	white-space:nowrap;
	margin-top: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}
	
#sddm div a
	{	position: relative;
		display: block;
		width:auto;
		text-align: left;
		line-height: 5px;
		margin-top:0;
		text-decoration: none;
		color: #142148;
		font: 12px}

#sddm div a:hover
{background-image:url(images/gradient_bg.png); background-repeat:repeat-x; height:auto; width:auto;}


/********** slider **********/
.accord_top { padding:10px 0; margin:0; background:#cdcdcd;}
/* jquery.v1.4.2 */
/* Small reset */
/*Featuread Area*/
#featured, .featured, .fadeout, .newsselect { height:400px; /*this changes the height of the image slider*/ }
#feature_wrap { width:959px; border:5px solid #f4f4f4; margin:0 auto; }
#featured { position: relative; width:957px; overflow: hidden; }
.featured { width:715px; position:absolute; top:0; left:0; overflow: hidden; display:none; border-left:1px solid #aaa; background: #fff url(images/preload.gif) no-repeat center center; }
.preloading_background { background: transparent url(images/preload.gif) no-repeat 50% 50%; }
#feature_wrap .fadeout { background: transparent url(images/overlay.png) repeat-y right top; }
.bottom_left_rounded_corner { background: transparent url(images/rounded.png) no-repeat left bottom; }
.bottom_right_rounded_corner { background: transparent url(images/rounded.png) no-repeat right bottom; }
#feature_wrap #featured .feature_excerpt { background: #fff; }
#feature_wrap #featured a { color:#444; }
.accord_top .feature_excerpt { width:660px; position: absolute; display: block; bottom: 0; left:0; z-index: 2; padding:10px 20px; font-size: 11.5px; line-height:1.5em; cursor: pointer; }
.sliderdate { display:none; }
/*fadeslider*/
.fadeslider .featured { width:100%; border:none; }
.accord_top .slidecontrolls { position:absolute; width:10px; right:-15px; bottom:0; }
.accord_top .slidecontrolls span { height:10px; padding:2px 0; width:10px; display:block; cursor: pointer; }
.accord_top .fadeslider .feature_excerpt { width:917px; }
/*newsslider*/
.newsselect { position: absolute; overflow: hidden; width:276px; right:0px; top:0px; border-left:1px solid #e1e1e1; background: #fff; z-index: 5; }
.newsslider .newsItems { position: absolute; top:0; left:0; }
.newsslider .featured { border:none; }
.accord_top .newsselect .sliderheading { font-size:13px; font-family: Arial, Helevtica, Verdana, san-serif; font-weight: bold; padding: 0; }
.newsselect .single_item { padding:10px; border-bottom:1px solid #e1e1e1; display: block; text-decoration: none; line-height: 1.3em; }
.newsselect .single_item:hover,
.newsselect .active_item { background-color: #f1f1f1; outline: none; }
.accord_top .newsslider .fadeout { right:155px; }
.newsselect .sliderdate { display:block; font-size: 11px; }
/*accordion slider*/
.featured img { display:block; position: relative; z-index: 1; }
.accord_top .fadeout { position:absolute; width:200px; display:block; right:0px; z-index: 3; }
.accord_top .sliderheading { display:block; font-size: 26px; }
.accord_top .heading_clone { color:#fff; position: absolute; z-index: 4; bottom:20px; left:20px; font-size: 14px; font-weight:bold; padding:0; margin: 0; }
.featured a,
.featured a img,
.featured img { text-decoration: none; border:none; }
.accord_top .featured1 { border:none; display: block; }
.bottom_right_rounded_corner,
.bottom_left_rounded_corner { position: absolute; z-index: 50; display: block; height:7px; width:7px; bottom:0px !important; /* ie6fix */ left:0px; bottom:-1px; }
.accord_top .bottom_right_rounded_corner { right:0px !important; /* ie6fix */ right:-1px; left:auto; }