/* ---------- Body ---------- */
body,html { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 10px; color: #fff; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; background-color: #003e65; background-image: url(../images/back.jpg); background-repeat:no-repeat; background-position: top center; height: 100%;}
a, a:hover, a:active, a:visited{color: #fff; text-decoration: none; border: 0px; outline: none;}
p {color: #000; font-size: 11px;}
#hd {height: 100px; background-image: url(../images/logosm.png); background-repeat:no-repeat; background-position: top left;}
H1, H2 { line-height: 30px; font-size: 25px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight: lighter; text-transform: uppercase;}
.sm {font-family:Tahoma, sans-serif; font-weight: lighter; font-size: 10p}
#ft {margin-left: -70px; width: 890px; padding-top: 5px; text-align: center; height: 50px;}

#nv {margin-left: -70px; height: 60px; width: 890px; background-color: #002a45; opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; border-top: 4px double #000; border-bottom: 4px double #000;}
#fadel {margin-left: -80px; position: absolute; width: 10px; height: 100%;  background: url(../images/fadel.png);}
#fader {margin-left: 820px; position: absolute; width: 10px; height: 100%;  background: url(../images/fader.png);}

.text {text-align: justify; font-size: 1.5em; line-height: 30px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight: lighter; }
.text1 {text-align: center; font-size: 1.5em; line-height: 30px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight: lighter; padding-top: 30px}
.text2 {text-align: left; font-size: 1.5em; line-height: 20px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight: lighter; padding-top: 30px}
.text4 {text-align: justify; font-size: 1.5em; line-height: 15px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight: lighter; }
.textbg {text-align: justify; font-size: 2.5em; line-height: 30px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight: lighter; }

.home {width: 130px; height: 50px; background: url(../images/nav.png) no-repeat; background-position: 0px 0px; display: inline-block; margin: 10px 5px 10px 70px; padding: 0px}
a:hover.home {width: 130px; height: 50px; background: url(../images/nav.png) no-repeat; background-position: 0px -50px; display: inline-block; margin: 10px 5px 10px 70px; padding: 0px}
.about {width: 130px; height: 50px; background: url(../images/nav.png) no-repeat; background-position: -150px 0px; display: inline-block; margin: 10px 5px 10px 10px; padding: 0px}
a:hover.about {width: 130px; height: 50px; background: url(../images/nav.png) no-repeat; background-position: -150px -50px; display: inline-block; margin: 10px 5px 10px 10px; padding: 0px}
.work {width: 130px; height: 50px; background: url(../images/nav.png) no-repeat; background-position: -300px 0px; display: inline-block; margin: 10px 5px 10px 10px; padding: 0px}
a:hover.work {width: 130px; height: 50px; background: url(../images/nav.png) no-repeat; background-position: -300px -50px; display: inline-block; margin: 10px 5px 10px 10px; padding: 0px}
.news {width: 120px; height: 50px; background: url(../images/nav.png) no-repeat; background-position: -450px 0px; display: inline-block; margin: 10px 5px 10px 10px; padding: 0px}
a:hover.news {width: 120px; height: 50px; background: url(../images/nav.png) no-repeat; background-position: -450px -50px; display: inline-block; margin: 10px 5px 10px 10px; padding: 0px}
.contact {width: 165px; height: 50px; background: url(../images/nav.png) no-repeat; background-position: -590px 0px; display: inline-block; margin: 10px 5px 10px 10px; padding: 0px}
a:hover.contact {width: 165px; height: 50px; background: url(../images/nav.png) no-repeat; background-position: -590px -50px; display: inline-block; margin: 10px 5px 10px 10px; padding: 0px}

a.un, a:hover.un, a:active.un, a:visited.un{color: #fff; border: 0px; outline: none; font-size: 11px; text-decoration: underline;}

.logo {padding: 65px 0px;}
.hdrt {float:left; height: 80px; padding: 20px 0px 0px 90px;}
.hdrt2 {float:left; height: 80px; padding: 10px 0px 0px 50px;}
.hdlt {float:left; height: 80px;}

a.thickbox {font-weight:bold; font-size: 12px;}
a.bold {font-weight:bold; font-size: 12px;}
a.bolds {font-weight:bold; font-size: 12px; padding-right: 10px;}
a:hover.bolds {color: #ccc;}
a:hover.bold {text-decoration: underline;}
a.boldsh {font-weight:bold; font-size: 12px; padding-right: 10px; color: #ccc;}

.hidden{display:none;}

#newboxes {padding: 10px 0px 132px 0px;}
#newboxes1 {padding: 10px 0px 282px 0px;}
#newboxes2 {display: none; padding: 10px 0px 74px 0px;}
#newboxes3 {display: none; padding: 10px 0px 74px 0px;}
#newboxes4 {display: none; padding: 10px 0px 205px 0px;}

#newboxes10 {padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes11 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes12 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes13 {padding: 10px 0px 0px 0px; margin-bottom: 59px;}
#newboxes14 {padding: 10px 0px 0px 0px; margin-bottom: 30px;}



#newboxes20 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes21 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes22 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}

#newboxes30 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes31 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes32 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}

#newboxes40 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes41 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes42 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}

#newboxes50 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes51 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}
#newboxes52 {display: none; padding: 10px 0px 0px 0px; margin-bottom: 45px;}

#desc{ float: left; color: #fff;}

/* ----------  pop css ---------- */
.container {
	height: 360px;
	width: 910px;
	margin-left: -35px;
	
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background: #fff;
	border: none;
}
#main_view {
	float: left;
	padding: 9px 0;
	margin-left: 0px;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 50px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	background-color: #000;
	width: 100%;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */