@charset "utf-8";
/* CSS Document */

/*main wrapper*/
#main_wrapper{width:100%; margin:0px auto; background:#efefef; height:100%;}

/*header*/
.top-bar-bg{ background:url(../images/top-bar-bg.png) repeat; height: 89px; width: 100%;}
.top-bar-bg-inner{width: 1000px; margin: 0 auto;}
.footer-address p{font-family: 'Oswald', sans-serif; font-size:14px; color: #fff; margin-top: 15px;}
.grid_2 ul li a{ color: #fff;}
.grid_3{ margin-top: 15px;}
.grid_11 { margin-left: 18px !important;}
.home_page_content{ width:1000px;    margin: 215px auto 0; height:235px; border-radius: 10px 10px 0 0 ;background:url(../images/top-bar-bg.png) repeat;}
.hme_inner_cont{ float: left; width: 66%;}
.hme_inner_cont_left{ border-right: 1px solid #FFFFFF; width: 100%; float: left;}
.hme_inner_cont_left img{ float: left; margin-left: 15px;}
.hme_inner_cont h2{    font-family: 'Donegal One',serif; font-size: 24px;  font-weight: lighter;  margin-bottom: 10px; padding-left: 15px; padding-top: 10px;}
.hme_inner_cont_left p{ color: #000000; float: left; font-family: 'Donegal One',serif; font-size: 14px; font-weight: lighter; margin-left: 15px;    width: 370px;}
.hme_inner_cont_right{ float: left; width: 33%;}
.hme_inner_cont_right h2{  font-family: 'Donegal One',serif; font-size: 24px; font-weight: lighter; margin-bottom: 10px; padding-left: 15px;    padding-top: 10px;}
.hme_inner_cont_right p{  color: #000000; font-family: 'Donegal One',serif; font-size: 14px; font-weight: lighter;    margin-left: 15px;}
.hme_inner_cont_left a,.hme_inner_cont_right a{ background: none repeat scroll 0 0 #C0D846; color: #000000;float: right;font-family: donegal one;font-size: 12px; margin-right: 15px;
padding: 4px 10px;}
.current{ background: #c0d846; color: #fff;}
.current a{ color: #fff !important;}
.google-map{ margin-left: 20px;}
.r-side label{ width: 100%; clear: both; float: left; margin: 6px 0; font-family: arial; font-size: 12px;}
.r-side input[type="text"]{ clear: both; float: left; width: 300px; height: 25px; border: none; background: #fff; border: 1px solid #e2e2e1;}
.r-side textarea{ clear: both; float: left;background: #fff; border: 1px solid #e2e2e1; width: 300px; height: 100px;}
.r-side input[type="submit"]{ clear: both; float: left; width: 80px; height: 25px; background: #C0D846; border: none; color: #fff; margin-top: 10px; cursor: pointer;}
.r-side h4{ color: #023A69;font-family: Georgia,"Times New Roman",Times,serif;  font-size: 17px;  font-style: italic; margin-top: 6px;}
.marque-home-page ul li{ float: left;}
.marque-home-page ul li img{ float: left;}
.social-media{ float: left; margin-left: 10px;}
.social-media a{}
.social-media a img{ float: left;}
.support-prt{}
.support-prt ul{ float: left; width: 300px; margin-left: 20px; margin-top: 20px; font-size: 14px;}
.support-prt ul li{ background: url("../images/arrow.png") no-repeat scroll left center; padding-left: 20px; line-height: 30px;}
.exp-ul li{ font-size: 12px;background: url("../images/arrow.png") no-repeat scroll left center; padding-left: 20px; margin-left: 20px;}
.prod ul li{background: url("../images/arrow.png") no-repeat scroll left center; padding-left: 20px; margin-left: 0px; line-height: 35px;}
.prod ul li a{ color: #000; font-weight: bold;}
.fancy-part p{}
.fancy-part ul li{ font-size: 14px; font-family: arial;background: url("../images/arrow.png") no-repeat scroll left 3px; padding-left: 20px;}
.fancy-left{ float: left;}
.fancy-right{ float: left; width: 375px;}
.inner_li li{ background: none !important;}
.grid_2 ul li a{font-family: 'Oswald', sans-serif;}
.marque-home-page marquee{ height: 100px; width: 100%; background: #fff;}





#header{float:left;}

.home_inner { margin: 15px auto 0;width: 1000px;}
.top_header_bg{ position: absolute; z-index: 9999; width:100%; margin:0px auto;}
.top_header_bg nav{ float: right; width: auto; height:88px; }
.top_header_bg nav ul {}
.top_header_bg nav ul li{ float:left;  padding: 35px 19px;}
.top_header_bg nav ul li a{ font-family: 'Oswald', sans-serif; font-size:14px; color:#000000;}



/*logo*/
.top_header_bg .top_header{ float:left;}
.logo{float:left; }

.home_page_content .our_vision{ width:66%; float:left;}
.home_page_content .our_vision h2{font-family: 'Donegal One', serif; font-size:24px; font-weight: lighter; padding-left:15px; margin-top:10px;  margin-bottom: 10px;}

.home_page_content .our_vision .our_vision_content{ width:100%; float:left;  border-right:1px solid #FFFFFF;}
.home_page_content .our_vision img{ float:left; margin-left:15px;}
.home_page_content .our_vision p{ float:left; width:370px; font-size:19px;font-family: 'Donegal One', serif; font-weight:lighter; color:#000000; margin-left:15px;}
.home_page_content .our_vision a{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#000000; font-weight:bold; float:right; margin-right:20px; border-bottom: 1px solid #006600; margin-top:20px;}

.home_page_content .about_us{ width:33%; float:left;}
.home_page_content .about_us h2{font-family: 'Donegal One', serif; font-size:24px; font-weight: lighter; padding-left:15px; margin-bottom: 10px; padding-top:10px;}
.home_page_content .about_us p{font-family: 'Donegal One', serif; font-weight:lighter; color:#000000; margin-left:15px; font-size:14px;}
.home_page_content .about_us a{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#000000; font-weight:bold; float:right; margin-right:20px; border-bottom: 1px solid #006600; margin-top:10px;}

 .inner_content{ width:100%; top:533px; z-index:9999;}
 .inner_content h2{font-family: 'Donegal One', serif; font-weight:lighter; color:#000000; font-size:18px; padding-top:10px; padding-bottom:7px;}




.footer{ width:100%; height:250px; background:#303030;    margin-top: 10px;}
.footer .footer_contents{ width:1000px; margin:0px auto;}

.footer .footer_contents .grid_1{ float:left; width:47%;margin-top: 15px;}
.footer .footer_contents .grid_1 img{ margin-top:3px;}
.footer .footer_contents .grid_2 img{ margin-top:3px;}
.footer .footer_contents .grid_3 img{ margin-top:3px;}

.footer .footer_contents .grid_1 h3{font-family: 'Oswald', sans-serif; font-size:18px; color:#FFFFFF;}
.footer .footer_contents .grid_1 .text-bg{ border:none; background:url(../images/text_bg.png) no-repeat; width:219px; height:30px; font-size:13px; padding-left:10px; padding-top:4px\0/; padding-left:8px\0/; *padding-top:4px; *padding-left:8px; float:left; padding-bottom:10px;}

.text-bg1{ border:none; background:url(../images/text_bg.png) no-repeat; width:219px; height:30px;    padding: 6px 0 6px 10px; margin-top:10px;}
.submit_button{ border:none; background:url(../images/submit_button.png) no-repeat; width:83px; height:30px; float:right; margin-right:10px; margin-top:8px;}
.footer .footer_contents .grid_1 .textarea_bg{ border:none; background:url(../images/textarea_bg.png) no-repeat; width:459px; height:87px; resize:none; margin-top:10px; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:5px 5px 5px 10px;    overflow: hidden;}
.footer .footer_contents .grid_2{ float:left; width:15%;margin-top: 15px; margin-left: 100px;}
.footer .footer_contents .grid_2 h3{font-family: 'Oswald', sans-serif; font-size:18px; color:#FFFFFF;}
.footer .footer_contents .grid_2 ul{ margin-top:15px;}
.footer .footer_contents .grid_2 ul li{font-family: 'Oswald', sans-serif; color:#FFFFFF; font-size:14px; background:url(../images/list_icon.png) no-repeat left center; padding-left:16px; line-height:20px;}
.footer .footer_contents .grid_3{ float: right; width:24%;margin-top: 15px; margin-left: 70px;}
.footer .footer_contents .grid_3 h3{font-family: 'Oswald', sans-serif; font-size:18px; color:#FFFFFF;}
.footer .footer_contents .grid_3 p{font-family: 'Oswald', sans-serif; font-size:14px; color:#FFFFFF; margin-top:5px;}
.footer .footer_contents .grid_3 img{ float:left; }
.footer .footer_contents .grid_3 .phone{ float:left; margin-left:10px; margin-top:8px;}
.footer .footer_contents .grid_3 .copywrights{ font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:50px;}

/********** About us page ******************/
.about_page_content{ width:1000px;    margin: 30px auto 0; border-radius: 10px ;background:url(../images/top-bar-bg.png) repeat; height:600px;}
.about_page_content .l_side{ float:left; width:96%;}
.about_page_content .l_side h2{font-family: 'Donegal One', serif; font-size:24px; font-weight: lighter; padding:20px;}
.about_page_content .l_side .quote{ font-family:Georgia, "Times New Roman", Times, serif; width:555px; font-size:16px; font-style:italic; text-align:center; margin-left:60px; font-weight:bold; color:#000000;}
.about_page_content .l_side p{ margin-left:20px; font-size:14px; margin-top:0px;color: #000000;}
.about_page_content .l_side h3{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; margin-left:20px; margin-top:10px; margin-bottom:10px; color: #023A69;}

/************ Contact ua page ***************/
.contact_page_content{ width:1000px;    margin: 30px auto 0; border-radius: 10px; background:url(../images/top-bar-bg.png) repeat; height:600px;}
.contact_page_content .l-side{ float:left; width:60%;}
.contact_page_content .l-side h2{font-family: 'Donegal One', serif; font-size:24px; font-weight: lighter; padding: 20px 20px 0;}
.contact_page_content .l-side .l-side-1{ float:left; width:49%;}
.contact_page_content .l-side .l-side-1 a{ color:#000000;}
.contact_page_content .l-side .l-side-1 h4{ font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-size:17px; color:#023a69;  margin-left: 20px;
    margin-top: 6px;}
.contact_page_content .l-side .l-side-1 p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; margin-left: 20px; /*margin-top: 5px;*/}
.contact_page_content .l-side .l-side-2 h4{ font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-size:17px; color:#023a69;margin-left: 20px;
    margin-top: 6px;}
.contact_page_content .l-side .l-side-2 p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000;margin-left: 20px; /*margin-top: 5px;*/}
.contact_page_content .l-side .l-side-2 a{ color:#000000;}
.contact_page_content .l-side .l-side-2{ float:left; width:51%;}
.contact_page_content .l-side a{ color:#000000;}
.contact_page_content .l-side h4{ font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-size:17px; color:#023a69;  margin-left: 20px;
    margin-top: 6px;}
.contact_page_content .l-side p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; margin-left: 20px; /*margin-top: 5px;*/}
.contact_page_content .r-side{ width:38%; float:left; padding-top: 50px; padding-left: 20px;}
.contact_page_content .r-side img{ margin-top:10px; margin-left:5px;}
#menu{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; position:relative;}
#menu ul{display:none; margin-left: 224px; position:absolute;margin-top: -19px; background:url(../images/black_bg.png) repeat-y; padding: 0 5px 9px 6px; width:328px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
#menu li a { color:#000000;}
#menu li:hover ul{display:block;}
#menu li:hover ul li{ line-height:21px;}
.products_page_content .l_side ul li{ font-size:17px; background:url(../images/arrow.png) no-repeat left center; margin:10px 0 10px 0; padding:0 0 0 20px;  }
.products_page_content p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:40px; margin-bottom:20px; line-height:20px; color:#000000;}
#menu li ul li a{display:block; color:#FFFFFF;}
/****************** soluitons page *****************/
.solutions_page_content{width:1000px;    margin: 30px auto 0; background:url(../images/about_us_background.png); height:600px;}
.solutions_page_content .l_side{ float:left; width:66%;}
.solutions_page_content .l_side h2{font-family: 'Donegal One', serif; font-size:24px; font-weight: lighter; padding:20px;}
.solutions_page_content .l_side .quote{ font-family:Georgia, "Times New Roman", Times, serif; width:480px; font-size:16px; font-style:italic; text-align:center; margin-left:60px;}
.solutions_page_content .l_side .content{ margin-left:40px; font-size:14px; margin-top:20px;}
.solutions_page_content p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:40px; margin-bottom:20px; line-height:20px; color:#000000;}
.solutions_page_content .l_side h3{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; margin-left:40px; margin-top:10px; margin-bottom:20px;}
.solutions_page_content .l_side ul{ margin-left:15px;}
.solutions_page_content .r_side{ float:left; width:31%; background:url(../images/green_glass_bg.png) repeat-y; min-height:400px; margin-top:33px; margin-left:29px;}
.solutions_page_content .r_side h2{ width:272px; height:38px; background: #669900;font-family: 'Donegal One', serif; font-size:24px; font-weight:lighter; text-align:center; padding-top:2px; color:#FFFFFF;}
.solutions_page_content .r_side ul{ margin-left:30px; margin-top:20px;}
.solutions_page_content .r_side ul li{font-family: 'Oswald', sans-serif; font-size:18px; background:url(../images/arrow2.png) no-repeat left center; line-height:30px; padding-left:15px; }
#tabs{ background:url(../images/solutions_background.png) no-repeat; width:475px; height:350px; margin-left:90px;}
.gallery_page_content{ width:1000px;    margin: 30px auto 0; background:url(../images/about_us_background.png); height:600px;}
.gallery_page_content h2{font-family: 'Donegal One', serif; font-size:24px; font-weight: lighter; padding:20px;}
.gallery_page_content h3{font-family: 'Donegal One', serif; font-size:20px; font-weight: lighter; padding:20px;}
.content1{ margin-left:40px; font-size:14px; margin-top:10px;}

#inline_content13 li{   background: url("../images/arrow.png") no-repeat scroll left center transparent; padding-left:15px;}


/*1024 and below resolution */
@media screen and (max-width:1024px){

.logo{
background: url("../images/logo_bg_1024.png") no-repeat scroll center top;
height: 80px;
width: 460px;
 }
.top_header_bg nav
{
margin-left:10px;
}
.top_header_bg nav ul li{
padding:17px 10px;
}
.top_header_bg nav{
background: url("../images/menu_background_1024.png") no-repeat scroll 0 0 transparent;
width:530px;
}
}


option {
    background: none repeat scroll 0 0 #FFFFFF;
}


/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
form div{position:relative;} 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{
		position:relative;
		z-index:10;
		width:219px !important;
		height:30px !important;
		line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:219px;
	height:30px;
	line-height:26px;
	text-indent:10px;
	background: url(../images/select.png) no-repeat 0 0;
	cursor:default;
	z-index:1;
	font-size:14px;
	color:#a9a9a9;
	font-size:13px;
	}
	
.select_box{float:left; margin-left:6px;}






.solutions_page h5{ font-size:17px;font-family: 'Donegal One', serif; font-weight:lighter; padding-bottom:5px;}
.solutions_page img{float:left; width:176px !important;}
.solutions_page p{float:left; width:430px; padding:0px 10px; font-size:14px;}
.solutions_page ul{float:left;  padding:0px 10px; font-size:14px;}