*{margin:0;padding:0}
body{font-family:arial;font-size:14px;line-height:18px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;margin-bottom:15px}
a {color:#1D3F5A;text-decoration:none}
a:hover {text-decoration:none}
.fix {overflow:hidden}
.float_left{float:left}
.float_center{float:center}
.float_right{float:right}

img {border:none;max-width:100%;height:auto;}
display:inline;
html{width:100%;}
body{width:100%;text-align:center;}
#container{margin:0 auto;text-align:left;}


#structure{width:960px;margin:0px auto;text-align:left;
	background: url(images/stu_back.png) repeat transparent;
	}
	

#logo{margin:20px 5px -5px 23px;}
#logo_text h1{
				margin:61px 0px 0px 0px;
				font-family:'cooper black',arial;
				color:#C7C7C7;
				font-size:43px}
#logo_text h3{margin:10px 0px 0px 0px;
				font-family:'cooper black',arial;
				color:#E34414}
form{}
.search {
	padding:6px 15px 6px 30px;
	margin:3px;
	background: url(images/search1.png) no-repeat 8px 6px;
}
.search_bk{margin:52px 24px;}
.search_bk h2{
	height: 29px;
	margin-bottom: 20px;
	padding: 11px 0px 0px 30px;
	background: url(images/img02.gif) no-repeat left top;
	font-size: 14px;
	font-weight: normal;
	color: #000000;}

input[type=text]{
	color:#bcbcbc;
}

input[type=button], input[type=button]:hover {
	position:relative;
	left:-6px;
	border:1px solid #adc5cf;
	background: #e4f1f9; /* Old browsers */
	background: -moz-linear-gradient(top, #e4f1f9 0%, #d5e7f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f9), 
	color-stop(100%,#d5e7f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* IE10+ */
	background: linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f9', 
	endColorstr='#d5e7f3',GradientType=0 ); /* IE6-9 */
	color:#7da2aa;
	cursor: pointer;}
.lighter{margin-left:1px;width:167px}
.lighter input[type=text]{
	border:1px solid #d0d0d0;
	background-color:#F5F5F5}

#dropdown{margin:25px auto;}

.stick {
    position:fixed;
    top:-27px;
	z-index:99999;
	width:960px;
}
/*Social Bar*/

.social_bar{width:50px;position:fixed;right:127px;top:63%;
	}
.social_bar img{width:50px}


/*Slider Area*/

.slider{margin:0;padding:0px 0px;width:960px;height:380px;background:#000;}
.slider img{width:940px;height:340px;padding:10px 0px 0px 10px}

/*Promo Area*/


#left_promo{
	width:264px;
	float:left;
}

#left_promo h2.solution{background: url("images/background.png") repeat-x scroll 0 0 #FE7701;
    color: #FFFFFF;
    font-weight:bold;
	font-size:21px;
	padding: 10px 0 15px 15px;
    width: 263px;
	border:1px solid #FEAC63;
}
#left_promo ul{
	width:238px;
	padding:0 0 0 17px;
}
#left_promo ul li{
	display:block;
	background:url(images/solution_div.gif) left bottom repeat-x;
	height:20px;
	width:238px;
	padding:0 0 1px 0;
}

#mid{
	width:252px;
	border:1px solid #FEAC63;
	background:url(images/background.png) 0 0 repeat-x #FE7701;
	color:#fff;
	padding:4px 13px 0 11px;
	margin:0 17px 0 0;
	
}
#mid h2{
	font-weight:bold;
	font-size:21px;
	padding:5px 0 0 5px;
}
#mid h3{
	font-weight:bold;
	font-size:13px;
	font-family:;
	color:#FDFF35;
	padding:5px;
	margin:2px;
	text-transform:uppercase;
}
#mid p.midText{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#FF6600;
	margin:0 0 31px 0;
}
#mid p.midText2{
	font:bold 16px/22px  arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#FF6600;
	margin:0 0 46px 0;
}		
p.news{
	
	font-weight:bold;
	clear:both;
	border-bottom:1px #CCCCCC dashed;
	font-size:13px;
	margin:5px 0 5px 0;
	}
p.clear{
	clear:both;
	}
img.left_img{
	float:left;
	padding:5px 12px 0 0;
	}
img.left_img_border{
	float:left;
	margin:5px 12px 0 0;
	border:3px #b1cee0 solid;
	}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

#right_promo{float: left;
    margin: 15px 1px;
    padding: 23px 53px;
    width: 583px;
	}
	
.single_promo h2{font-family:'Harlow Solid Italic', arial;
	color:#4C8908;
	}


.pro{width:567px;border:1px solid #9FA9B3;border-radius:5px;}
.pro img{float:left;border:1px solid #65727E;border-radius:5px;padding:7px;margin-right:13px}

.pro_sub{width:551px;border:1px solid #65727E;border-radius:4px;padding:7px;}



/*footer*/
#footer{width:960px;height:66px;margin:0px auto;background:url(images/stu_footer.png) repeat transparent;}
#footer address p{margin-top:3px;}footer{background:url(images/stu_footer.png) repeat transparent;}
.address{margin:0 auto;}
.copy_right{margin-left:9px;
			font-size:9px;}
.authore{margin-right:9px;
		font-size:9px;}


/*----------------------------
	Thumbnails
-----------------------------*/

.thumbs{
	width:480px;
	margin:60px auto 35px;
	text-align:center;
}

.thumbs a{
	width:120px;
	height:120px;
	display:inline-block;
	border:7px solid #303030;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-radius:4px;
	margin: 6px 6px 40px;
	position:relative;
	text-decoration:none;
	
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

.thumbs a:after{
	background-color: #303030;
    border-radius: 7px;
    bottom: -136px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    content: attr(title);
    display: inline-block;
    font-size: 10px;
    max-width: 90px;
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

#credit{
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 11px;
	margin: 0 auto 70px;
	opacity: 0.5;
	padding: 12px 16px;
	text-align: center;
	width: 600px;
}


/*----------------------------
	Media Queries
-----------------------------*/


@media screen and (max-width: 960px) {
	.thumbs, #credit{
		width:auto;
	}

		
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*fonts*/

@font-face {
    font-family: 'cooper_blackregular';
    src: url('fonts/coopbl-webfont.eot');
    src: url('fonts/coopbl-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/coopbl-webfont.woff') format('woff'),
         url('fonts/coopbl-webfont.ttf') format('truetype'),
         url('fonts/coopbl-webfont.svg#cooper_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HarlowSolidItalicItalic';
    src: url('fonts/harlowsi.eot');
    src: url('fonts/harlowsi.eot') format('embedded-opentype'),
         url('fonts/harlowsi.woff') format('woff'),
         url('fonts/harlowsi.ttf') format('truetype'),
         url('fonts/harlowsi.svg#HarlowSolidItalicItalic') format('svg');
}