body{
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
a {
text-decoration: none;
}
img {
border:0px;
}
ul {
margin:0px;
padding:0px;
}
#main_container {
position: relative;
z-index: 10;
}
/*shadow effect*/
#home_content , #aboutus_content , #products_content , #services_content , #projects_content , #contactus_content {
-moz-box-shadow:0px 0px 10px rgba(182, 182, 182, 0.5);
-webkit-box-shadow:0px 0px 10px rgba(182, 182, 182, 0.5);
box-shadow:0px 0px 10px rgba(182, 182, 182, 0.5);
behavior: url(../js/pie/pie.php);
/* behavior: url(../js/pie/pie.htc);
*/}
/*inset shadow effect**NOT Soupport IE**/
.content_search_text {
-moz-box-shadow:inset 0px 0px 5px rgba(5, 5, 5, 0.5);
-webkit-box-shadow:inset 0px 0px 5px rgba(5, 5, 5, 0.5);
box-shadow:inset 0px 0px 5px rgba(5, 5, 5, 0.5);
}
.newsletter_popup_fireld {
-moz-box-shadow:inset 0px 0px 5px rgba(5, 5, 5, 0.5);
-webkit-box-shadow:inset 0px 0px 5px rgba(5, 5, 5, 0.5);
box-shadow:inset 0px 0px 5px rgba(5, 5, 5, 0.5);
}
/*END shadow effect*/
/*slideShow*/
.slideShow {
overflow: hidden;
top: 0px;
position: absolute;
z-index: -99;
width: 100%;
height: 592px;
max-width: 1430px;
}
.slideShow .slide {
width: 100%;
height: 100%;
list-style: none;
}
.slideShow ul {
margin-top: 0px;
padding: 0;
}
.slideShow .slide div {
width: 100%;
height: 100%;
background: no-repeat center center;
background-size: cover;
}
/*slideShow disable*/
.slideShow_disable {
top: 0px;
position: absolute;
z-index: -99;
width: 100%;
height: 592px;
max-width: 1430px;
background: no-repeat center center;
}
/*header*/
#header-container {
max-width: 1430px;
margin-left: auto;
margin-right: auto;
}
.header {
width: 960px;
margin-left: auto;
margin-right: auto;
}
.header_title {
color: #FEFEFE;
background-color: #31447B;
text-align: right;
font-size: 12px;
padding-right: 10px;
}
.header_logo {
float: left;
margin: 22px;
}
/*Home*/
#home_content {
width: 940px;
margin-left: auto;
margin-right: auto;
margin-top: 350px;
background-color: #FDFDFD;
padding: 0px 10px 0px 10px;
overflow: auto;
}
.content_float_left {
display: block;
float: left;
}
.content_float_right {
display: block;
float: right;
}
.home_content_title {
font-weight: bold;
margin-bottom: 10px;
font-size: 14px;
border-bottom: 1px solid #B5B5B5;
line-height: 24px;
color: #31447B;
margin-top: 10px;
}
.home_award {
width: 380px;
height: 250px;
margin-right: 10px;
}
.home_product {
width: 320px;
height: 250px;
margin-right: 10px;
}
.content_search {
width: 199px;
padding: 0px 10px;
height: 100%;
}
.content_search_home {
width: 199px;
padding: 0px 10px;
border-left: 1px solid #B5B5B5;
height: 100%;
}
.content_search_text {
width: 157px;
height: 18px;
border: 1px solid #858480;
color: #C0C0C0;
margin-bottom: 10px;
padding: 5px 5px;
}
.content_search_icon {
margin-bottom: 10px;
vertical-align: bottom;
width: 28px;
height: 28px;
border: 1px solid #858480;
}
.home_project {
height: 180px;
width: 710px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 20px;
}
.home_project_gap {
margin-right: 10px;
}
.content_signup {
height: 170px;
width: 200px;
margin-top: 15px;
margin-bottom: 20px;
}
.content_signup_title {
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
border-bottom: 1px solid #B5B5B5;
line-height: 24px;
color: #31447B;
padding-left: 10px;
}
.content_signup_content {
font-weight: bold;
font-size: 12px;
color: #3E3E3E;
padding: 10px;
}
/*Newsletter Popup Page*/
.newsletter_home_button {
width: 180px;
height: 20px;
background-color: #FAAF40;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding: 10px;
}
.newsletter_button_text {
font-weight: bold;
color: #FFFFFF;
text-align: center;
font-size: 18px;
}
/*About us*/
#aboutus_content {
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
background-color: #FDFDFD;
overflow: auto;
}
#aboutus_content .content_search {
margin-top:15px;
}
.aboutus_banner {
width: 730px;
height: 110px;
opacity: 0.4;
}
.aboutus_content_frame {
width: 730px;
height: 100%;
border-right: 1px solid #B5B5B5;
}
.aboutus_main_content {
padding: 35px 85px 35px 35px;
min-height: 350px;
}
.aboutus_content_title {
width: 430px;
border-bottom: 1px solid #B5B5B5;
color: #31447B;
font-weight: bold;
font-size: 28px;
padding-bottom: 5px;
}
.aboutus_content_text {
font-size: 12px;
color: #31447B;
margin-top: 30px;
line-height: 18px;
}
.aboutus_menu {
margin: 35px 0px 35px 0px;
}
.aboutus_menu_button {
margin-left: 35px;
color: #FFFFFF;
background-color: #31447C;
padding: 5px 15px 5px 15px;
font-weight: bold;
font-size: 16px;
margin-bottom: 35px;
}
/*Products*/
#products_content {
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
background-color: #FDFDFD;
overflow: auto;
}
#products_content .content_search {
margin-top:15px;
}
.products_banner {
width: 730px;
height: 110px;
opacity: 0.4;
}
.products_content_frame {
width: 730px;
height: 100%;
border-right: 1px solid #B5B5B5;
min-height: 500px;
}
.products_main_content {
padding: 35px 0px 35px 0px;
}
.products_content_title {
width: 430px;
border-bottom: 1px solid #B5B5B5;
color: #31447B;
font-weight: bold;
font-size: 24px;
padding-bottom: 5px;
margin: 0px 35px;
}
.products_cat_title {
color: #31447B;
font-weight: bold;
font-size: 14px;
padding: 8px 25px 8px 25px;
margin: 20px 35px 10px 35px;
background-color: #D6DBEB;
}
.products_cell_frame {
margin: 0px 27px;
}
.products_cell_frame li {
display: inline-block;
width: 148px;
height: 148px;
list-style: none;
margin: 8px;
border: 1px solid #DEDEDE;
}
.products_cell_box {
width:148px;
height:148px;
}
.products_content_text {
font-size: 12px;
color: #31447B;
line-height: 18px;
margin:30px 35px;
}
/*Products Nav*/
.products_nav {
width: 630px;
background-color: #FDE8CA;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 15px;
}
/*Products detail*/
.productsdetail_cell_frame {
border-bottom: 1px solid #B5B5B5;
width: 670px;
margin-left: auto;
margin-right: auto;
}
.productsdetail_cell_frame li {
display: inline-block;
width: 200px;
height: 200px;
list-style: none;
margin: 10px;
border: 1px solid #B5B5B5;
}
.productsdetail_cell_frame li img {
max-width: 200px;
max-height: 200px;
}
.productsdetail_cell_box {
width: 200px;
height: 200px;
}
.productsdetail_cell_text {
width: 170px;
height: 10px;
color: #F7F7F7;
background-color: #000000;
position: relative;
padding: 15px 15px 20px 15px;
font-weight: bold;
opacity: 0.4;
font-size: 14px;
top: 155px;
}
/*Prduct Popup Page*/
#product_popup_page {
width: 900px;
height: 580px;
margin: auto;
}
.product_popup_frame {
float: left;
width: 650px;
margin-top: 30px;
}
.product_popup_title {
font-weight: bold;
color: #31447B;
font-size: 16px;
}
.product_popup_text {
color: #31447B;
font-size: 14px;
margin-bottom: 15px;
}
.product_popup_text_header {
font-weight: bold;
font-size: 16px;
margin-right: 5px;
}
.product_popup_button {
float: right;
width: 200px;
height: 70px;
margin-top: 50px;
padding-left: 25px;
padding-right: 25px;
}
.product_popup_button_text {
color: #31447B;
font-size: 16px;
margin-bottom: 10px;
}
.product_popup_button_header {
font-weight: bold;
margin-right: 5px;
}
/*---------Start of Pagination----------*/
.pagination{
float: right;
padding: 25px 35px 55px 35px;
}
.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
}
.pagination ul li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
padding-left: 2px;
font-size: 13px;
font-weight: bold;
color: #CCCBCB;
}
.pagination a, .pagination a:visited{
padding: 2px 7px;
border: 1px solid #AAAAAA;
text-decoration: none;
color: #31447B;
background-color: #E1E1E1;
}
.pagination a:hover, .pagination a:active{
color: #FFFFFF;
background-color: #31447B;
}
.pagination a.currentpage{
background-color: #31447B;
color: #FFFFFF !important;
cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: #E1E1E1;
cursor: default;
color: #31447B;
font-weight: normal !important;
}
.pagination a.next , .pagination a.next:hover{
border: none;
color: #31447B;
background-color: transparent;
}
.pagination a.fristlast{
background-color: #E1E1E1;
color: #31447B !important;
cursor: default;
}
/*---------End of Pagination----------*/
/*Services us*/
#services_content {
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
background-color: #FDFDFD;
overflow: auto;
}
#services_content .content_search {
margin-top:15px;
}
.services_banner {
width: 730px;
height: 110px;
opacity: 0.4;
}
.services_content_frame {
width: 730px;
height: 100%;
border-right: 1px solid #B5B5B5;
}
.services_main_content {
padding: 35px 85px 35px 35px;
min-height: 350px;
}
.services_content_title {
width: 430px;
border-bottom: 1px solid #B5B5B5;
color: #31447B;
font-weight: bold;
font-size: 28px;
padding-bottom: 5px;
}
.services_content_text {
font-size: 12px;
color: #31447B;
line-height: 18px;
margin: 30px 70px 90px 0px;
}
.services_content_text li {
list-style-type: square;
margin-left:50px;
}
.services_content_listtext {
margin-left:50px;
}
/*Case Studies*/
#projects_content {
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
background-color: #FDFDFD;
overflow: auto;
}
#projects_content .content_search {
margin-top:15px;
}
.projects_banner {
width: 730px;
height: 110px;
opacity: 0.4;
}
.projects_content_frame {
width: 730px;
height: 100%;
border-right: 1px solid #B5B5B5;
padding-bottom: 35px;
}
.projects_main_content {
padding: 35px 20px 35px 20px;
}
.projects_content_title {
width: 430px;
border-bottom: 1px solid #B5B5B5;
color: #31447B;
font-weight: bold;
font-size: 28px;
padding-bottom: 5px;
margin-left: 15px;
}
.projects_content_cell {
width: 324px;
height: 252px;
display: block;
float: left;
margin-top: 20px;
margin-left: 15px;
border: 1px solid #313131;
}
.projects_cell_box {
width: 324px;
height: 252px;
}
.projects_cell_text {
padding: 10px 20px 10px 20px;
color: #FCFCFC;
font-weight: bold;
font-size: 14px;
background-color: #313131;
position: relative;
top: 216px;
}
/*Projects Gallery*/
.projects_gallery_content {
padding: 35px 0px 35px 0px;
min-height: 300px;
}
.projects_gallery_title {
width: 430px;
color: #31447B;
font-weight: bold;
font-size: 28px;
padding-bottom: 5px;
margin-left: 35px;
}
.projects_gallery_subtitle {
width: 430px;
border-bottom: 1px solid #B5B5B5;
color: #31447B;
font-weight: bold;
font-size: 18px;
padding-bottom: 5px;
margin-left: 35px;
margin-top: 30px;
}
.projects_cell_frame {
margin: 0px 27px;
}
.projects_cell_frame li {
display: inline-block;
width: 148px;
height: 148px;
list-style: none;
margin: 8px;
border: 1px solid #DEDEDE;
}
.projects_gallery_box {
width: 148px;
height: 148px;
}
/*Contact us*/
#contactus_content {
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
background-color: #FDFDFD;
overflow: auto;
}
#contactus_content .content_search {
margin-top:15px;
}
.contactus_banner {
width: 730px;
height: 110px;
opacity: 0.4;
}
.contactus_content_frame {
width: 730px;
height: 100%;
border-right: 1px solid #B5B5B5;
}
.contactus_main_content {
padding: 35px 85px 35px 35px;
min-height: 650px;
}
.contactus_content_title {
width: 430px;
border-bottom: 1px solid #B5B5B5;
color: #31447B;
font-weight: bold;
font-size: 28px;
padding-bottom: 5px;
}
.contactus_content_subtitle {
color: #31447B;
font-weight: bold;
font-size: 15px;
margin: 30px 0px 15px 0px;
}
.contactus_content_text {
font-size: 12px;
color: #31447B;
line-height: 18px;
width: 200px;
float: left;
margin: 30px 70px 90px 0px;
}
.contactus_content_img {
width: 336px;
float: right;
margin: 30px 0px 70px 0px;
height: 190px;
}
/*footer*/
#footer {
background-color: #F0F0F0;
height: 360px;
}
.footer_bg {
position: relative;
top: -20px;
background-color: #F0F0F0;
height: 340px;
}
.footer_frame {
width: 960px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
.footer_nav {
height: 150px;
border-bottom: 1px solid #B5B5B5;
}
.footer_nav_cell {
float: left;
display: block;
width: 240px;
height: 115px;
text-align: center;
padding-top: 35px;
}
.footer_nav_text1 {
color: #31447B;
font-size: 12px;
font-weight: bold;
margin-top: 10px;
}
.footer_nav_text2 {
color: #373737;
font-size: 12px;
font-weight: bold;
}
.footer_menu {
height: 190px;
}
.footer_menu_logo {
float: left;
display: block;
margin-top: 25px;
}
.footer_logo_text {
font-size: 9px;
color: #31447B;
margin-top: 20px;
}
.footer_menu_cell {
float: right;
display: block;
width: 110px;
margin: 15px 50px 15px 40px;
height: 160px;
}
.footer_menucell_title {
font-size: 13px;
font-weight: bold;
color: #31447B;
margin-bottom: 10px;
margin-top: 10px;
}
.footer_menucell_title a {
color: #31447B;
}
.footer_menucell_subtitle {
font-size: 11px;
color: #31447B;
margin-bottom: 5px;
}
.footer_menucell_subtitle a {
color: #31447B;
}