@charset "utf-8";
/* ArmyNavy */

* {
padding:0;
margin:0;
}

html, body 
{ height: 100%; }

body
{ background:url(../images/background.gif); vertical-align: top; width: 100%; height: 100%; padding: 0; margin: 0;  }

.clear
{ clear: both; }

div#container
{
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	overflow: hidden;
}

#page-wrap { 
background:url(../images/background.gif); 
width: 100%; 
height: 100%; 
min-height: 900px; 
padding: 0; 
margin: 0 auto; 
position: relative; 
float:left; 	

}

html>body #page-wrap
{ height: auto; }

.quonset-hut
{ position: absolute; top:90px; left:0 px; z-index: 1;  margin:0 auto; overflow:visible; width:1200px;}

.logo-wrap
{ width:1100px; padding: 0px; position: absolute; top: 0; left:0px; z-index: 2;margin:0 auto;  }


.panel-slide-left .logo-wrap
{ left:0px; margin:0 auto;}

.logo-wrap img, .logo-wrap img a:link, .logo-wrap img a:visited, .logo-wrap img a:hover
{ border: none; }

p, a
{ font-family: Calibri, Arial, Helvetica, sans-serif; text-align:justify; }


/* Page Slider */

#page-slide-wrap
{ padding: 0; margin: 0; position: absolute; z-index: 6; }

#page-slide-mask 
{ width: 1200px; height: 900px;  margin: 0 auto; position: relative; overflow:hidden;}

#page-slide-panel
{ width:1200px; height: 900px; padding: 0; margin: 0;  }

#page-slide-panel div.panel-slide-left
{ float: left; width: 1200px; height: 900px; position: relative; margin-right: 300px; overflow: hidden; }

#page-slide-panel img 
{ margin: 0; }

.content-slide-wrap
{ width: 760px; height: 450px; padding: 0; margin: 0; position: absolute; top: 240px; left: 282px; } 

#home-page
{ position: relative; top: 0; left: 0; z-index: 1000; background: transparent; }

/*#home-page
{ position: relative; top: 0; left: 0; z-index: 1000; background: #ced0cc url(../images/background.png) left bottom repeat-x; }
*/
#menu-page
{ position: relative; z-index: 800; background: #ced0cc url(../images/background.png);  }


/* Caption */
div.img-box
{ position: relative; margin: 0; padding: 0; overflow: hidden; width: 640px; height: 410px; display: block; float: left; }

div.img-box img
{ margin: 0; padding: 0; border: none;  }

div.img-box .caption
{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; background: #000000; filter:alpha(opacity=70); opacity: .7; color: white; font-size: 12px; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal; }

div.img-box .caption h2
{ font-size: 18px; font-weight: bold; display: inline; }


.history {
font-size:12px;
letter-spacing:-0.25pt;
color:#121a00;
line-height:18px;
font-weight: bold;
font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal;
text-shadow:#FFF 0.1em 0.1em 0.1em;
background: url(../images/transp-white-bg.png) ;
}
/* Main Menu */

.menu-slider
{ position: absolute; top: 0; right: 0; z-index: 500;  }

.menu-wrap
{ position: absolute; top: 0; right: 0; width: 439px; margin: 0; padding: 0; z-index: 500; }

.back-to-home
{ position: absolute; top: 10px; margin: 0; padding: 0; width: 439px; }

#menu-page div.back-to-home
{ position: absolute; top: 10px; margin: 0; padding: 0; width: auto; }

.back-to-home img
{ border: none; }

.back-to-home a:hover img
{ padding-top: 5px; }

#download-btn
{ position: absolute; top: 14px; left: 220px; margin: 0; padding: 0; }

#download-btn img
{ border: none; }

#download-btn a:hover img
{ padding-top: 5px; }

.menu-board
{ position: absolute; top: 140px; width: 439px; height: 430px; margin: 0 ; background: url(../images/menu-board.png) top right no-repeat; padding: 0; 
overflow:visible; }


.menu-list-wrap
{ float: right; width: auto; height: 335px; margin: 40px 20px 0 0; }

.menu-board-expand
{ position: absolute; top: 100px; width: 439px; height: 450px; margin: 0; background:  url(../images/menu-board-expand.png)top right no-repeat; padding: 0;}

.menu-list-wrap-expand
{ float: right; width: auto; height: 350px; margin: 40px 20px 0 0;}

.menu-list-title
{ background: #f59025; height: 27px; padding: 0; margin: 0; width: 367px; }

.menu-list-title a
{ margin-left: 10px; color: #fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: Bold; }

.menu-list-title2
{ background: #faa41b; height: 25px; padding: 0; margin: 5px 0 0 0; width: 367px;}

.menu-list-title2 a
{ margin-left: 10px; color: #fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; }

/*.menu-list
{ padding: 15px 0 0 0; margin: 0; width: 332px; float: left; }
*/
.menu-list
{
	padding: 5px 0 0 0;
	margin: 0;
	width: 332px;
	float: left;
}


.menu-list li
{ height: 25px;  list-style: none; margin: 0; color: #fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; padding: 1px 0 1px 10px;  text-transform: uppercase; }

.menu-list li.list2
{ margin-left: 20px; }

.menu-list li.list2 a
{ font-size: 12px; }

.menu-list li.list3
{ margin-left: 10px; }

.li.list3 a
{ font-size: 10px; }

.menu-list a
{ display: block; }

.menu-list a:link, .menu-list a:visited
{ color: #fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; }

.menu-list a:hover
{ color: #d2d0d0; text-decoration: none; }

.menu-list a.selected,
{ text-decoration: none !important; color:#d2d0d0 !important; }

.menu-list a.selected .boxed-menu, .menu-list a.selected .boxed-menu-grey, .menu-list a.selected .boxed-menu-grey2, .menu-list a.selected .boxed-menu-blue, 
.menu-list a.selected .boxed-menu-green
{ background: #faa41b !important; }

.boxed-menu
{ color: #fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; position: absolute; right: 55px; padding: 1px; width: 70px;  border: 2px #fff solid; text-align: center; margin-top: -3px; }

.menu-list a:hover .boxed-menu
{ background: #f59025;}

.menu-list li.grey, .menu-list li.grey2, .menu-list li.blue, .menu-list li.green, .menu-list li.space
{ margin-top: 15px; }

.boxed-menu-grey
{ background: #b4b7ac; color: #fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; width: 70px; padding: 1px; border: 2px #fff solid; text-align: center; position: absolute; right: 55px; margin-top: -3px; }

.boxed-menu-grey2
{ background: #8d9080; color: #fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; width: 70px; padding: 1px; border: 2px #fff solid; text-align: center; position: absolute; right: 55px; margin-top: -3px; }

.boxed-menu-blue
{ background: #535b91; color: #fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; width: 70px; padding: 1px; border: 2px #fff solid; text-align: center; position: absolute; right: 55px; margin-top: -3px; }

.boxed-menu-green
{ float: right; background: #aabc90; color: #fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; width: 70px; padding: 1px; border: 2px #fff solid; text-align: center; position: absolute; right: 55px; margin-top: -3px; }

.menu-list a:hover .boxed-menu-grey, .menu-list a:hover .boxed-menu-grey2, .menu-list a:hover .boxed-menu-blue, .menu-list a:hover .boxed-menu-green
{ background: #f59025; }


/* Footer */

#footer-wrap
{ width: 100%; height: 108px; padding: 0px; margin: 0 auto; position: absolute; bottom: 0px; left: 0px; z-index: 100; overflow: hidden; }

.footer-left
{ width: auto; float: left; padding: 2px 4px; color: #5e5e50; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;  background: #c1c1c1; margin: 67px 0 0 35px; }

.footer-left a:link, .footer-left a:visited
{ color: #5e5e50; text-decoration: none;}

.footer-left a:hover
{ color: #fff; text-decoration: none;}

.footer-right
{ float: right; overflow: hidden; }

#seg-wrap
{ position: absolute; height: 110px; width: 610px; right: 110px; z-index: 2; overflow: hidden;}

#segregate
{ position: absolute; bottom: 0; right: 0; }

#clean
{ position: absolute; bottom: 0; right: -510px; width: 600px; height: 93px; display: block;  }

#clean-img
{ float: left; width: 86px; }

#clean-text
{ position: absolute; left: 106px; top: 18px; color: #000000; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;  background: #dfdfdf; filter:alpha(opacity=70); opacity: .7; display: block; padding: 10px; }

#clean-text h2
{ color: #000000; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; display: inline; }

#clean-text span.readmore a
{ float: right; font-size: 11px; color: #fd8403; }

#clean-text span.readmore a:hover
{ color: #432302; }

#trashcan
{ position: absolute; right: 0; bottom: 0; z-index: 1; width: 196px; }

/*new styles*/
#form {
font-size:12px;
color:#4a4849;
line-height:22px;
background:url(../images/form-bg.jpg) no-repeat;
width:640px;
height:390px;
padding:10px;
font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal;
letter-spacing:-0.5pt;
}

#contactform{
font-size:12pt;
color:#4a4849;
line-height:22px;
background:url(../images/contact-bg.jpg) no-repeat;
width:640px;
height:390px;
padding:10px;
letter-spacing:-0.5pt;
font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal;
}


/*html > body #form-page {margin-top:35px; width:460px;}*/
#form-page {margin-top:35px; width:460px; }


input { 
border:1px  solid #4e5b37;
background:#4e5b37;
color:#FFF;
font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal;
font-size:12pt;
padding:1px;
letter-spacing:-0.25pt;
}

select, option { 

background:#4e5b37;
color:#FFF;
font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal;
font-size:12pt;
padding:1px;
letter-spacing:-0.25pt;

}

textarea { 

background:#4e5b37;
color:#FFF;
font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal;
font-size:12pt;
padding:1px;
letter-spacing:-0.25pt;

}
/*html > body #contactno {
    padding:10px;
	line-height:14px;
	background:#4e5b37;
	width:600px;
	height:40px;
	color:#FFF;
	margin-top:280px; }*/

#contactno {
	padding:10px;
	line-height:14px;
	background:#4e5b37;
	width:600px;
	height:100px;
	color:#FFF;
	margin-top:50px;
	letter-spacing:normal;
}

html > body .contact-infos {
float:right; position:absolute; width:240px; margin-left:400px;
}

#contact-infos {
float:right; position:absolute; width:220px; margin-left:400px;
}

#contactno ul {
	list-style-type:none;
	font-size:14px;
	font-weight:bold;
}

.greentxt {
color:#4e5b37;
}

.email-link a {
font-size:12px;
color:#FFF;
text-decoration:none;
padding:0;
margin:0;
}

.email-link a:hover{
font-size:12px;
color:#FFF;
text-decoration:underline;
}



#design {
float:left;
position:relative;
z-index:1;
clear:both;
width:500px;
height:50px;
color:#666666;
font-size:10px;
margin-left:35px;
margin-top:
}

.design a {
color:#666666;
text-decoration:none;
}
.design a:hover {
color: #ff6600;
text-decoration:none;
}

/*safari*/

/*\*/
html>body*.logo {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

/**/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
			.logo {display: block; 
			margin:0 auto;
			padding:0px;
			}
			

			}


ul li {
list-style:none;
list-style-type:none;
}


/*form styling*/

 .formLayout
    {
        font-size:12px;
        padding:0px;
        width: 400px;
    }
    
    .formLayout label, .formLayout input
    {
        display: block;
        width: 140px;
        float: left;
        margin-bottom: 5px;
    }
 
    .formLayout label
    {
        text-align: right;
        padding-right: 20px;
    }
 
     .formLayout br
    {
        clear: left;
    }

.btn-pad {float:left; margin-left:160px; margin-top:5px; margin-bottom:5px;}
.btn-pad input {
background:#4e5b37;
padding:2px;
width:auto;
margin:0;

}
.menu_text {font-family:Verdana, Geneva, sans-serif; 
		color:#FFF; 
		font-size:11px;
		padding-left:15px;
		width: 325px;
		padding-bottom: 20px;}
		
.menu_text2 {font-family:Verdana, Geneva, sans-serif; 
		color:#FFF; 
		font-size:11px;
		padding-left:15px;
		width: 325px;
		padding-bottom: 10px;}