html
{
    background: url(background.jpg) top center no-repeat fixed;
}

header.height
{
    height: 200px;
}

*
{
    margin: 0;
}

div.clear
{
    clear: both;
}

img.box
{
    position:absolute;
    top:0px;
    z-index:-1;
    left: 187px;
}

img.logo
{
    position:absolute;
    top:-25px;
    z-index:-1;
    left: 270px;    
}

img.photo
{
    margin-left: 540px;
    margin-top: 70px;
}

div.nav
{
    height: 60px;
    margin-left: 200px;
    margin-top: 10px;
}

a.nav
{
    margin-left: 30px;
    font-size: 25px;
    text-decoration: none;
    font-variant: small-caps;
    font-family: calibri;
}

a.nav:link { color: #FFFFFF}
a.nav:visited { color: #FFFFFF}
a.nav:hover { color: #101010}

div.head
{
    height: 320px;
    width:  950px;
    margin-left: 210px;
    margin-right: 175px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
}

div.head2
{
    width: 400px;
    height: 180px;
    float: left;
}

p.head1
{
    font-size: 60px;
    margin: 0px;
    margin-left: 60px;
    margin-top: 5px;
    font-family: arial;
    width: 370px;
    color: #5C5C5C;
}

p.head2
{
    font-size: 60px;
    margin: 0px;
    margin-left: 130px;
    margin-top: -10px;
    font-family: arial;
    width: 300px;
    color: #5C5C5C;
}

p.head3
{
    margin-left: 70px;
    margin-right: 30px;
    font-family: calibri;
    color: #737373;
    font-size: 16.2px;
    line-height: 21px;
}

hr
{
    margin-left: 50px;
}

div.head3
{
    margin-left: 450px;
}

a.image
{
    background: url(pict1.jpg) no-repeat 0px 0px;
    height: 300px;
    width: 105px;
    transition: .5s;
    float: left;
    position: absolute;
}

a.image:hover
{
    background-position: 0px 0px;
    transition: 1s;
    z-index: 1;
    width: 400px;
}

a.image1
{
    background: url(pict2.jpg) no-repeat 0px 0px;
    height: 300px;
    width: 105px;
    transition: .5s;
    float: left;
    position: absolute;
    margin-left: 120px;
}

a.image1:hover
{
    background-position: -0px 0px;
    transition: 1s;
    width: 400px;
    z-index: 1;
    margin-left: 35px;
}

a.image2
{
    background: url(pict3.jpg) no-repeat 0px 0px;
    height: 300px;
    width: 105px;
    transition: .5s;
    float: left;
    position: absolute;
    margin-left: 240px;
}

a.image2:hover
{
    background-position: -0px 0px;
    transition: 1s;
    width: 400px;
    z-index: 1;
    margin-left: 35px;
}

a.image3
{
    background: url(pict4.jpg) no-repeat 0px 0px;
    height: 300px;
    width: 105px;
    transition: .5s;
    float: left;
    position: absolute;
    margin-left: 360px;
}

a.image3:hover
{
    background-position: -0px 0px; 
    transition: 1s;
    width: 400px;
    z-index: 1;
    margin-left: 65px;
}

a.image4
{
    background: url(more.png) no-repeat -45px 0px;
    height: 30px;
    width: 70px;
    transition: .5s;
    float: left;
    position: absolute;
    margin-left: 480px;
}

a.image4:hover
{
    background-position: 0px 0px; 
    transition: 1s;
    width: 170px;
    z-index: 1;
}

div.content0
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 70px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

div.content
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 450px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

a.parag
{
    text-decoration: none;
    font-variant: small-caps;
    margin-left: 30px;
    font-size: 29px;
    font-family: calibri;
}

a.parag:link { color: #787878}
a.parag:visited { color: #787878}
a.parag:hover { color: #101010}
a.link{ text-decoration: none;}

img.content
{
    width: 585px;
    height: 310px;
    margin-left: 40px;
}

p.sentence
{
    margin-left: 50px;
    margin-right: 40px;
    font-family: calibri;
    font-size: 17px;
    color: #828282;
}

div.content1
{
    float: left;
    width: 265px;
    height: 450px;
    background-color: #FAAF3A;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

div.content2
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 490px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

div.content3
{
    float: left;
    width: 265px;
    height: 550px;
    background-color: #CDCDCD;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

div.content4
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 490px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -45px;
    margin-bottom: 20px;
}

div.content5
{
    clear: both;
    margin-left: 210px;
    margin-bottom: 75px;
    width: 100px;
    height: 40px;
}

#back-top a.goup
{
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a.goup:hover {
	color: #000;
}

#back-top span {
	width: 150px;
	height: 40px;
	display: block;
	background: url(goup.png) no-repeat center center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a.goup:hover span {
	background-color: #777;
}

footer
{
    height: 270px;
    background-color: #CD9B76;
}

a.parag1
{
    text-decoration: none;
    font-variant: small-caps;
    margin-left: 30px;
    font-size: 25px;
    font-family: calibri;
}

a.parag1:link { color: #FFFFFF}
a.parag1:visited { color: #FFFFFF}
a.parag1:hover { color: #101010}
a.link{ text-decoration: none;}

a.paragfoot
{
    text-decoration: none;
    font-variant: small-caps;
    margin-left: 210px;
    font-size: 25px;
    font-family: calibri;
}

a.paragfoot:link { color: #FFFFFF}
a.paragfoot:visited { color: #FFFFFF}
a.paragfoot:hover { color: #101010}
a.link{ text-decoration: none;}

p.sentencefoot
{
    margin-right: 40px;
    font-family: calibri;
    font-size: 17px;
    color: #FFFFFF;
}

div.foot
{
    margin-left: 210px;
    width: 350px;
    float: left;
}

img.imgfoot
{
    float: right;
    height: 100px;
    margin-right: 80px;
    margin-top: -30px;
}

p.foot
{
    font-size: 13px;
    margin-top: 180px;
    text-align: center;
    font-family: calibri;
    color: #6B6B6B;
}

p.parag
{
    text-decoration: none;
    font-variant: small-caps;
    margin-left: 30px;
    font-size: 43px;
    font-family: calibri;
    margin-top: 8px;
    color: #5C5C5C;
}

p.paragcon
{
    text-decoration: none;
    font-variant: small-caps;
    margin-left: 30px;
    font-size: 29px;
    font-family: calibri;
    margin-top: 8px;
    color: #5C5C5C;
}

div.newcontent
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 2030px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

div.newcontent1
{
    float: left;
    width: 265px;
    height: 480px;
    background-color: #FAAF3A;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

div.newcontent7
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 1070px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
}

div.newcontent8
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 4100px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.newcontent9
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 820px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.newcontent10
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 950px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.newcontent11
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 1170px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.newcontent12
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 670px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.newcontent13
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 350px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.newcontent14
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 530px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.newcontent15
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 180px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.hiscontent
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 1320px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

figcaption.caption
{
    text-align: center;    
}

img.hiscontent
{
    width: 315px;
    height: 350px;
    margin-left: 15px;
    margin-right: 55px;
    float: right;
}

div.hiscontent3
{
    float: left;
    width: 265px;
    height: 550px;
    background-color: #CDCDCD;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -825px;
}

div.hiscontent4
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 500px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
}

img.hiscontent2
{
    width: 290px;
    height: 250px;
    margin-left: 40px;
    float: right;
    margin-right: 55px;
}

div.hiscontent2
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 350px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

img.hiscontent4
{
    width: 385px;
    height: 110px;
    margin-left: 40px;
}

figcaption.caption2
{
    margin-left: 125px;
}

img.hiscontent4a
{
    margin-left: 130px;
}

div.hiscontent5
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 8270px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

img.hiscontent6
{
    width: 385px;
    height: 210px;
    margin-left: 40px;
}

img.hiscontent11
{
    width: 200px;
    height: 210px;
    margin-left: 40px;
}

img.commu
{
    width: 30px;
    height: 30px;
    margin-left: 450px;
    margin-top: 30px;
}

a.footlogo
{
    font-size: 18px;
    text-decoration: none;
    float: right;
    margin-right: 160px;
    margin-top: -80px;
    color: #FFFFFF;
    font-family: calibri;
}

img.content10
{
    width: 40px;
    height: 500px;
    margin-left: 40px;
}

img.content11
{
    width: 300px;
    height: 150px;
    margin-left: 100px;
}

img.content12
{
    width: 50px;
    height: 50px;
    margin-left: 40px;
    float: left;
    margin-right: 10px;
}

img.content31
{
    width: 50px;
    height: 70px;
    margin-left: 40px;
    float: left;
    margin-right: 10px;
}

div.newcontent16
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 4090px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.newcontent17
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 3000px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.newcontent18
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 5080px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.newcontent19
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 920px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

img.content34
{
    width: 600px;
    margin-left: 40px;
}

#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu {
	width: 960px;
	box-shadow: 0 1px 1px #777;
}

#menu:before,
#menu:after {
	content: "";
}

#menu:after {
	clear: both;
}

#menu {
	zoom:1;
}

#menu li {
	float: left;
	position: relative;
}

#menu a {
	float: left;
	padding: 12px 30px;
	color: #FFFFFF;
	text-transform: uppercase;
	font: bold 14px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#menu li:hover > a {
	color: #101010;
}

*html #menu li a:hover { /* IE6 only */
	color: #101010;
}

#menu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 1;    
	background: #444;	
	background: linear-gradient(#0186ba, #640CE8);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
	border-radius: 3px;
	transition: all .2s ease-in-out;  
}

#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}

#menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
	box-shadow: -1px 0 0 rgba(255,255,255,.3);		
}

#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

#menu ul li:last-child {   
	box-shadow: none;    
}

#menu ul a {    
	padding: 10px;
	width: 150px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}

#menu ul a:hover {
	background-color: #101010;
	background-image: linear-gradient(#04acec, #0186ba);
}

p.paragss
{
    font-variant: small-caps;
    margin-left: 30px;
    font-size: 29px;
    font-family: calibri;
}

div.keycontent
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 25110px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

div.les2content
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 2140px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

div.les2content7
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 1520px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
}

div.les2content8
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 1030px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.les2content9
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 1150px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.les3content
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 680px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}

div.les3content7
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 1460px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
}

div.les3content3
{
    float: left;
    width: 265px;
    height: 550px;
    background-color: #CDCDCD;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -185px;
}

div.les3content8
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 160px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.les3content9
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 410px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.les3content10
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 300px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.les3content11
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 450px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.les3content12
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 410px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 20px;
}

div.taq2content
{
    float: left;
    margin-left: 210px;
    width: 670px;
    height: 1340px;
    background-color: #FFFFFF;
    box-shadow:5px 5px 10px #828282;
    margin-right: 15px;
    margin-top: 15px;
}