/*

Theme Name:
Theme URI: http://
Description:
Version: CSS 2.1
Company:
Company URL: http://

*/

/* ======================================Styling all elements============================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*----------------------------------------= Body =-------------------------------------------------------*/

body {
	line-height: 1;
	color: black;
	background:url(../images/main_bg.jpg) repeat-x top #fdfeff;
}

/*--------------------------------------= Wrapper =-----------------------------------------------------*/

#wrapper {

	width:1000px;
	margin:0 auto;

}
/*----------------------------------------= header =--------------------------------------------------*/

#header{
	width:1000px;
	height:120px;
	float:left;
	margin:0; padding:0;
}
#logo{
	width:349px; height:120px;
	float:left; margin:0; padding:0;
}
#nav_bar{
	width:476px; height:24px;
	float:left; margin:86px 0 0; padding:10px 0 0 175px;
	background:url(../images/nav_bar.jpg) no-repeat top;
}
#nav_bar ul{
	margin:0; padding:0; float:left;
	list-style:none; width:100%;
}
#nav_bar li{
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#3c3c3c; font-size:105%; line-height:1.3em;
	margin:0; padding:0 20px; font-weight:bold; float:left;
	border-right:1px solid #fff;
	border-left:1px solid #a7aaad;
}
#nav_bar li a:link, #nav_bar li a:visited{
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#3c3c3c; font-size:100%; line-height:1.3em;
	margin:0; padding:0; font-weight:bold;
	text-decoration:none;
}
#nav_bar li a:hover{
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#0373bf; font-size:100%; line-height:1.3em;
	margin:0; padding:0; font-weight:bold;
	text-decoration:none;
}

/*----------------------------------------= banner =--------------------------------------------------*/

#banner_wrapper{
	width:952px;
	height:296px;
	float:left;
	margin:0; padding:19px 24px 0;
	background:url(../images/banner.jpg) no-repeat top;
}
#banner_wrapper_publishing{
	width:952px;
	height:296px;
	float:left;
	margin:0; padding:19px 24px 0;
	background:url(../images/banner_publishing.jpg) no-repeat top;
}
#banner{
	width:950px;
	height:273px;
	float:left;
	margin:0; padding:0;
	background:#fff;
}
#banner_img{
	width:450px;
	height:273px;
	float:left;
	margin:0; padding:0;
	background:#fff;
}
#banner_content{
	width:480px;
	height:253px;
	float:left;
	margin:0; padding:10px;
	background:#fff;
}

#banner_content h1{
	font-family:'Arial', Helvetica, sans-serif;
	color:#7ac11e; font-size:220%; line-height:1.3em;
	margin:0; padding:0; font-weight:bold;
}
#banner_content p{
	font-family:'Arial', Helvetica, sans-serif;
	color:#666666; font-size:90%; line-height:1.3em;
	margin:15px 0 25px; padding:0; font-weight:normal;
	text-align:justify; height:90px; overflow:hidden;
}

#banner_content span{
	width:100px;
	height:30px;
	float:right;
	margin:0; padding:0;
}

/* 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:950px;
		height:273px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:36px;
		height:34px;
		position:absolute;
		left:35px;
		top:160px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:930px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:36px;
		height:34px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/*----------------------------------------= content_wrapper =--------------------------------------------------*/

#content_wrapper{
	width:960px;
	height:auto;
	float:left;
	margin:0; padding:20px 20px 10px;
}
#content_area{
	width:100%;
	height:auto;
	float:left;
	margin:0; padding:0;
}
#content_area h1{
	font-family:'Arial', Helvetica, sans-serif;
	color:#047cd4; font-size:150%; line-height:1.3em;
	margin:0; padding:0; font-weight:bold;
}
#content_area h1 span{
	font-family:'Arial', Helvetica, sans-serif;
	color:#7ac11e; font-size:100%; line-height:1.3em;
	margin:0; padding:0; font-weight:bold;
}
#content_area p{
	font-family:'Arial', Helvetica, sans-serif;
	color:#666666; font-size:90%; line-height:1.3em;
	margin:15px 0 25px; padding:0; font-weight:normal;
	text-align:justify;
}

.divisions{
	width:350px;
	height:251px;
	float:left;
	margin:0; padding:25px 65px 0;
}
.divisions h1{
	font-family:'Arial', Helvetica, sans-serif;
	color:#fff; font-size:150%; line-height:1.3em;
	margin:0; padding:0; font-weight:bold;
}
.divisions p{
	font-family:'Arial', Helvetica, sans-serif;
	color:#fff; font-size:90%; line-height:1.3em;
	margin:10px 0 25px; padding:0; font-weight:normal;
	text-align:justify; height:70px; overflow:hidden;
}
.divisions span{
	width:100px;
	height:30px;
	float:right;
	margin:0; padding:0;
}

/*----------------------------------------= footer_wrapper =--------------------------------------------------*/
#footer_wrapper{
	width:100%;
	height:auto;
	float:left;
	margin:0; padding:0;
	background:url(../images/main_bg_footer.jpg) repeat-x top;
}

#footer{
	width:700px;
	height:61px;
	margin:0 auto; padding:70px 0 0 300px;
	background:url(../images/spectrum_footer_logo.jpg) no-repeat top left;
	font-family:'Arial', Helvetica, sans-serif;
	color:#666; font-size:80%; line-height:1.3em;
	font-weight:normal;
}
#footer a:link, #footer a:visited{
	font-family:'Arial', Helvetica, sans-serif;
	color:#666; font-size:110%; line-height:1.3em;
	font-weight:normal; text-decoration:none;
}
#footer a:hover{
	font-family:'Arial', Helvetica, sans-serif;
	color:#036db9; font-size:110%; line-height:1.3em;
	font-weight:normal;  text-decoration:none;
}

/* ------------------------------------------------- inner pages styles ------------------------------------------*/

.content_area_inner{
	width:100%;
	height:auto;
	float:left;
	margin:0; padding:0;
}
.content_area_inner h1{
	font-family:'Arial', Helvetica, sans-serif;
	color:#7ac11e; font-size:150%; line-height:1.3em;
	margin:0; padding:0; font-weight:bold;
}

.content_area_inner h2{
	font-family:'Arial', Helvetica, sans-serif;
	color:#3d3d3d; font-size:110%; line-height:1.3em;
	margin:0; padding:10px 0 5px; font-weight:bold;
}
.content_area_inner h3{
	font-family:'Arial', Helvetica, sans-serif;
	color:#7ac11e; font-size:90%; line-height:1.3em;
	margin:0; padding:10px 0 5px; font-weight:bold;
}
.content_area_inner h4{
	font-family:'Arial', Helvetica, sans-serif;
	color:#0066CC; font-size:70%; line-height:1.3em;
	margin:0; padding:0; font-weight:bold;
}

.content_area_inner p{
	font-family:'Arial', Helvetica, sans-serif;
	color:#666666; font-size:88%; line-height:1.3em;
	margin:5px 0 10px; padding:0; font-weight:normal;
	text-align:justify;
}

.content_area_inner ul{
	margin:0; padding:0 15px 0; list-style:none;
}

.content_area_inner li{
	margin:0; padding:10px 0; list-style:square;
	font-family:'Arial', Helvetica, sans-serif;
	color:#666666; font-size:90%; line-height:1.3em;
	font-weight:normal;	text-align:justify;
}

.content_area_inner span{
	width:100px;
	height:30px;
	float:right;
	margin:0; padding:0;
}