#main { 
	width:982px; 
	margin:0 auto;
}

#header 
{
	width:982px;
	margin:0 auto;
	height:90px;
}

.heder_main
{
	height:100px;
	width:100%;
	float:left;
}



.menu_main
{
	height:50px;
	width:100%;
	float:left;
	background-image:url(images/menu.png);
	
}

#logo_container
{
	width:982px;
	height:100px;
	margin:0 auto;
	position:relative;
	background-image:url(images/FSS_Logo_Green.jpg);
	background-repeat:no-repeat;
	
}


.home_icon
{
	height:30px;
	width:140px;
	float:left;
	position:absolute;
	left: 820px;
	top: 8px;
}


.home_icon ul
{
	margin:0px;
	padding:0px;
}

.home_icon ul li
{
	list-style:none;
	display:inline;
}


#menu_container
{
	width:982px;
	height:50px;
	margin:0 auto;
	margin-top:10px;
}
#menu
{
	width:980px;
	margin:0 auto;
	height:50px;
}

#menubar
{
	width:960px;
	height:45px;
	float:left;
	background-color:#3f71c6;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}


ol,ul,li{
list-style:none;
margin:0px;
padding:0px;

}


.main-nav-bar
{

float:left;
height:42px;
width:835px;

}

.main-nav
{
float:left;
margin:3px 0 0 0;


}
.main-nav .main-nav-item
{
float:left;
margin:3px;
position:relative;
}
.main-nav .main-nav-item-active
{
background-color:#0292DE;
}
.main-nav .main-nav-item-nohov
{
float:left;
margin:0 3px 0 0;
padding:0 5px 0 0;
position:relative;
}

.main-nav .main-nav-link,.main-nav .main-nav-link-nosub
{
border:1px solid transparent;
color:#FFF;
display:block;
font-size:15px;
line-height:15px;
padding:8px;
margin-right:20px;
text-decoration:none;
}
.main-nav .main-nav-item:hover
{
background-color:transparent;
}
.main-nav .main-nav-item:hover .main-nav-link,.main-nav .main-nav-item:hover .main-nav-link-nosub
{
-moz-background-clip:border-box;
-webkit-background-clip:border-box;
background-clip:border-box;
border:1px solid #98a5ad;
border-bottom:0 solid #FFF;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:6px 6px 0 0;
color:#3f71c6;
padding-bottom:13px;
position:relative;
z-index:11;
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */

}

.main-nav .main-nav-item:hover .main-nav-link-nosub
{
-moz-background-clip:border-box;
-webkit-background-clip:border-box;
background-clip:border-box;
border:1px solid #98a5ad;
border-bottom:0 solid #FFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:5px;
padding-bottom:8px;
position:relative;
z-index:11;
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */

}

.main-nav .main-nav-item:hover .main-nav-link:after
{
background-color:#f1f1f1;
content:"";
height:4px;
left:0;
position:absolute;
top:36px;
width:110%;
z-index:12;
}
.main-nav .main-nav-item>.sub-nav-container
{
-moz-background-clip:border-box;
-webkit-background-clip:border-box;
background-clip:border-box;
background-color:#f1f1f1;
border:1px solid #98a5ad;
-moz-border-radius:0 5px 5px 5px;
-webkit-border-radius:0 5px 5px 5px;
border-radius:0 5px 5px 5px;
left:-32768px;
position:absolute;
z-index:10;
padding:10px;
width:350px;
background-position:right;
background-repeat:no-repeat;
min-height:200px;
}

.main-nav .main-nav-item>.sub-nav-container
{
top:36px;
}
.main-nav .main-nav-item:hover>.sub-nav-container
{
left:0;
}
.main-nav>.main-nav-item:hover>.sub-nav-container
{
left:0;
}
.main-nav .sub-nav-list li
{

padding:2px;
white-space:nowrap;
font-size:12px;
}

.main-nav .sub-nav-list li:first-child
{
border-top:0 none;
}
.main-nav .sub-nav-list li:last-child
{
border-bottom:0 none;
}
.main-nav .sub-nav-list li a
{
color:#3f71c6;
display:block;
padding:5px 10px;
padding-right:5px;
text-decoration:none;
font-weight:bold;
}

.main-nav .sub-nav-list li a:hover ,.main-nav .sub-nav-list li a.curr
{
background: #629d00; /* Old browsers */
background: -moz-linear-gradient(top,  #629d00 0%, #8eb92a 50%, #72aa00 51%, #629d00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#629d00), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#629d00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629d00', endColorstr='#629d00',GradientType=0 ); /* IE6-9 */

-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#FFF;
}

.main-nav .sub-nav-list li ul
{
	display:none;
	margin-left:10px;
	position:absolute;
	-moz-background-clip:border-box;
-webkit-background-clip:border-box;
background-clip:border-box;
background-color:#FFF;
border:1px solid #98a5ad;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
position:absolute;
	left:200px;
	top:0px;
	padding:10px;
}
.main-nav .sub-nav-list li ul li
{
	position:relative;
}
.main-nav .sub-nav-list li ul li ul
{

	z-index:1000;
	left:110px;
	top:-10px;
	display:none;
	-moz-background-clip:border-box;
-webkit-background-clip:border-box;
background-clip:border-box;
background-color:#FFF;
border:1px solid #98a5ad;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
position:absolute;
padding:10px;

}
.menu_home
{
width:500px !important; height:300px !important; background-image:url(images/home_bg.png); background-repeat:no-repeat; background-position:right;
}
.menu_service
{
	width:250px;
	float:left;
}
.menu_home_p
{
	margin:0px;
	display:block;
	float:left;
	color:#333 !important;
	font-size:12px !important;
	width:300px;
	text-align:justify;
	margin-top:10px;
	line-height:18px;
}
.menu_home_p h4
{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#FFF;
	margin-bottom:10px;
	background: #629d00; /* Old browsers */
background: -moz-linear-gradient(top,  #629d00 0%, #8eb92a 50%, #72aa00 51%, #629d00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#629d00), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#629d00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629d00', endColorstr='#629d00',GradientType=0 ); /* IE6-9 */
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

	padding:5px;
}
.menu_address
{
	width:220px;
	float:left;
	line-height:20px;
	font-size:12px;
	color:#333;
}
#menu_enqury
{
	clear:both;
	float:left;
	padding:5px;
	margin-top:10px;
	background-color:#999;
	color:#FFF;
	cursor:pointer;
}
.menu_address h4
{
margin:0px;
	padding:0px;
	font-size:12px;
	color:#FFF;
	margin-bottom:10px;
	background: #629d00; /* Old browsers */
background: -moz-linear-gradient(top,  #629d00 0%, #8eb92a 50%, #72aa00 51%, #629d00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#629d00), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#629d00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #629d00 0%,#8eb92a 50%,#72aa00 51%,#629d00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629d00', endColorstr='#629d00',GradientType=0 ); /* IE6-9 */
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
	padding:5px;	
}
#contact_form
{
	width:200px;
	margin-left:45px;
	float:left;
	display:none;
}
.address
{
width: 60px;
height: 70px;
margin-right: 10px;
float: left;
background-image: url(images/address.png);
background-repeat: no-repeat;
}
.menu_content
{
	width:100%;
	font-size:12px;
	text-align:justify;
	float:left;
	margin-bottom:10px;
	color:#333;
	margin-top:10px;
}
.con_lbl
{
	width:200px;
	display:block;
	float:left;
	font-size:12px;
	color:#333;
	margin-bottom:2px;
}
.con_txt
{
	width:200px;
	float:left;
	display:block;
	margin-bottom:5px;
}

.con_txt_area
{
	width:200px;
	height:80px;
	float:left;
	display:block;
	
}
.con_btn
{
	display:block;
	float:right;
	color:#FFF;
		background-color:#1C6FB2;
		border:none;
		padding:3px;
		font-size:12px;
		cursor:pointer;
		margin-top:10px;
	
}
.col_main
{
	height:328px; 
	width:310px;
	
	float:left;
}

.index_social_icon
{
	height:70px;
	width:310px;
	float:left;
}


.index_social_icon .social-services {
	float:left;
}

.index_social_icon .social-services li {
		float:left;
		padding-left:9px;
	}



#content, 
#footer { 
	font-size:0.814em;
}
.col-1, 
.col-2, 
.col-3 { 
	float:left;
}

/*======= index.html =======*/
#page1 #content .col-1 { width:584px; margin-right:48px;}
#page1 #content .col-2 { width:310px;}

/*======= index-1.html =======*/
#page2 #content .col-1 { width:584px; margin-right:48px;}
#page2 #content .col-2 { width:310px;}

/*======= index-2.html =======*/
#page3 #content .col-1 { width:310px; margin-right:48px;}
#page3 #content .col-2 { width:584px;}

/*======= index-3.html =======*/
#page4 #content .col-1 { width:584px; margin-right:48px;}
#page4 #content .col-2 { width:310px;}

/*======= index-4.html =======*/
#page5 #content .col-1 { width:584px; margin-right:48px;}
#page5 #content .col-1 .col-1 { width:269px; margin-right:42px;}
#page5 #content .col-1 .col-2 { width:269px;}
#page5 #content .col-2 { width:310px;}

/*======= index-5.html =======*/
#page6 #content .col-1 { width:605px; margin-right:27px;}
#page6 #content .col-2 { width:310px;}


/*=========================*/


#footer { 
	height:67px;
	padding:0 20px;
}






.container {
    
    width: 982px;
}


#nav,#nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
	margin-top:-10px;
}
#nav {
    background:url('css/menu_bg.png') no-repeat scroll 0 0 transparent;
    clear: both;
    font-size: 14px;
	font-weight:bold;
    height: 48px;
    padding: 0 0 0 9px;
    position: relative;
    width: 973px;
}
#nav ul {
    background-color: #2e6fca;
    border:1px solid #2d85d2;
    border-radius: 0 5px 5px 5px;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 10000;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
}
#nav li {
    background: url('css/menu_line.png') no-repeat scroll right 5px transparent;
    float: left;
    position: relative;
}
#nav li a {
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: normal;
    height: 30px;
    padding: 16px 20px 0;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
}
#nav li:hover > a {
    
}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
    background: none repeat scroll 0 0 #2858a0;
    outline: 0 none;
}
#nav li:hover ul.subs {
    left: 0;
    top: 53px;
    width: 280px;
	-webkit-box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
	padding-bottom:5px;
	white-space:nowrap;
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
#nav ul li {
    background: none;
	
    width: 120%;
	
	
	
}
#nav ul li a {
    float: none;
	height:35px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	
	
}
#nav ul li:hover > a {
    background-color: #2858a0;
	height:35px;
    color: #fff;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	
}
#lavalamp {
	background: url('css/lavalamp.png') no-repeat scroll 0 0 transparent;
	height: 16px;
	left: 13px;
	position: absolute;
	top: 1px;
	width: 64px;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
#lavalamp:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}
#nav li:nth-child(1):hover ~ #lavalamp {
    left: 13px;
}
#nav li:nth-child(2):hover ~ #lavalamp {
    left: 95px;
}
#nav li:nth-child(3):hover ~ #lavalamp {
    left: 184px;
}
#nav li:nth-child(4):hover ~ #lavalamp {
    left: 290px;
}
#nav li:nth-child(5):hover ~ #lavalamp {
    left: 422px;
}
#nav li:nth-child(6):hover ~ #lavalamp {
    left: 538px;
}
#nav li:nth-child(7):hover ~ #lavalamp {
    left: 632px;
}
#nav li:nth-child(8):hover ~ #lavalamp {
    left: 650px;
}
