/* @override 
	http://www.sdcreativemedia.com/css/layout.css
	http://www.sdcreativemedia.com/wordpress/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:#ffffff;
	text-align:center; 
	font:12px/16px Arial, Helvetica, sans-serif; 
	color:#000;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.3em; font-weight: lighter;
	color: #007183;
}
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#2f86af; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#2f86af; text-decoration:none; outline:none; }

.nextback  a:link, .nextback a:visited	{ color:#CC0000; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:1.2em; color:#666; outline:none; }
.nextback a:hover,.nextback a:active	{ color:#22a73c; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:1.2em; outline:none;  text-decoration:none;}

/* ------------------------ classes ------------------------ */
.breaker	{ 
	clear:both;
	background-image:url(../images/breaker.jpg); margin-left:10px; width:609px; height:4px; margin-bottom:10px;}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}

 

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("../images/wrap.jpg") repeat-y;
	width:997px;
	margin:0 auto;
	text-align:left;
	}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:155px;
	}


/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:276px;
	float:left;
	}
	
.line { width:183px; height:1px; background-color:#CCC; margin-left:75px;  }

#subhead { height:75px; margin-left:47px;	background:url("../images/title-cats.jpg") no-repeat ; } /* sets height for all subheads */

#nav-side {margin:0px 0px 10px 75px; font-size:15px; line-height:19px; color:#cccccc; font-weight:lighter;}
#nav-side a { color:#888989; text-decoration:none;}
#nav-side a:hover { color:#2d3591; text-decoration:none;}

	#column-left p, #column-left h1,  #column-left h3 {
		margin:10px 0px 10px 75px;
		color:#888989; 
		font-size:13px;
		}
  
.ngg-widget img {margin-left: 75px; border:1px solid #ccc;}
		.smlink {margin:0px 0px 0px 47px;}

 
.textwidget {margin:0px 20px 10px 75px;
		color:#888989;
		line-height:14px;
		font-size:12px;
 
} 
		
#ngg-images-2 h2 { color: #fff;
	margin-left:47px;
	height:40px	;
	background:url("../images/title-work.jpg") no-repeat ;
	}

#text-3 h2 { color: #fff;
	margin-left:47px;
	height:40px	;
	background:url("../images/title-news.jpg") no-repeat;
	}

h2.widgettitle {color: #fff;
	margin-left:47px;
	height:40px	;
	background:url("../images/title-news.jpg") no-repeat;

	
}

 
 

#twitter_update_list li {margin:0px 20px 10px 75px;
		color:#888989;
		line-height:14px;
		font-size:10px;
 
}
 
 
/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:668px;
	float:left;
	}

	  #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0px 45px 10px 10px;  
		}

#column-right p {margin:0px 45px 10px 10px; color:#666666; 
font-size:13px; line-height:17px;}
#column-right h1 {
	padding-top:10px; padding-left:10px;
color:#FFF;
font-weight:normal;
font-size:18px;
 } 

.h1BG { margin-bottom:10px;background-image:url(../images/h1-bg.jpg); 
width:668px; 
height:37px;}

 

	/* single column list */
	#column-right ul { padding-left:5px; }
		#column-right ul li { 
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			}
 
/* ------------------------ header framework ------------------------ */
 
#header-graphic { height:176px; background:url("../images/header-index.jpg"); } /* sets height for all non-flash headers */

 
	 
#subhead-meet-doc {
	height:55px;
	background:url("../images/subhead-meet-doc.jpg") ;
	}

 


/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url("../images/bottom-wrap.jpg");
	width:100%; /* fix for Safar */
	height:20px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */
#footer {
	background:url("../images/footer.jpg");
	width:997px;
	height:84px;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
	}

#footer a:link, #footer a:visited { color:#ffffff; text-decoration:none; }
#footer a:hover, #footer a:active { color:#ffffff; text-decoration: underline; }

#footer ul {margin:10px; float:right; margin-right:100px; margin-top:55px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		 
		}
	#footer li.first { border: none; }

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */



/* ------------------------ horizontal sprite nav ------------------------ */
#nav {
	margin:0px;
	width:710px; 
	height:28px;  
	padding-top:72px; 
	}

#nav span { display: none; }

#nav li, #nav a { height:28px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 150px; margin-left: 115px;}
#nav-02 { width: 109px;}
#nav-03 { width: 68px;}
#nav-04 { width: 84px;}
#nav-05 { width: 114px;}
#nav-06 { width: 64px;}

div.storycontent { margin-bottom: 40px;
	
}