/*this is my markeup*/

body {
background: #042789;
}

* {
	margin: 0;
	padding: 0;
}
a {
text-decoration: none;
color:#5b5b5b;
}

#wrap {
margin:0px auto;
background: #ccc; 

}

#bg {
position: absolute;
width: 100%;
z-index: 0;
height: 691px;
}

#bg img {
width: 100%;
height: 100%;
}

#container {
/*margin:10px auto;*/
position: absolute;
left: 50%;
width: 900px;
margin-left: -450px;
z-index: 2;
}

#side {
float:left;
width: 220px;
height: 688px;
text-align: center;
background:url(../images/side_bg.png);
border-top:3px solid red;
}

#com_name {
margin:0px auto 10px auto;
width: 206px;
height: 62px;
background:#042789;
border-top:3px solid red;
}

ul {font:12px Tahoma, Geneva, sans-serif; list-style: none; }

#menu li{
/*padding:5px;
display:inline-block;*/
margin:2px auto;
width: 204px;
height: 55px;
text-align:center;
font-weight: bold;
color:#5b5b5b;
background:url(../images/menu_bg.png);
/*background: -webkit-linear-gradient(left, #c5c5c5, #ffffff, #c5c5c5);
 background: -ms-linear-gradient(left, #c5c5c5, #ffffff, #c5c5c5);
background:#fff;*/
border-right: 2px solid #a3a3a3;
border-bottom: 2px solid #a3a3a3;
}

#menu li:hover{
border-left: 2px solid #a3a3a3;
border-top: 2px solid #a3a3a3;
border-right: none;
border-bottom: none;
color:red;
}

#menu li img {
margin:7px auto 0 auto;
}

#why {
margin:6px auto 0 auto;
width: 204px;
height: 130px;
background:#fff;
border-right: 2px solid #a3a3a3;
border-bottom: 2px solid #a3a3a3;
}

h1 {
padding:5px 5px;
font:14px Tahoma, Geneva, sans-serif;
font-weight: bold;
color:#5b5b5b;
border-bottom: 3px solid red;
}

span {
color:#042789;
}

#why marquee {
margin:5px 5px;
font:12px Tahoma, Geneva, sans-serif;
text-align:left;
color:#5b5b5b;
}

#why img {
padding:0px 3px;
}

#mid {
float:right;
width: 670px;
height: 691px;
}

#mid_top {
width: 670px;
height: 55px;
background:url(../images/side_bg.png);
}
#top_menu {
padding:10px 0 0 10px;
}

#top_menu li {
float:left;
margin:14px 3px;
display:inline-block;
/*width: 85px;*/
height: 28px;
text-align:center;
font-weight: bold;
color:#5b5b5b;
border-radius:5px;
}
#top_menu li:hover {
color:red;
}
/*
#search {
width: 240px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-image: url(images/search_bg.png);
background-position: bottom;
background-repeat: repeat-x;
text-align: left;
height: 30px;
overflow: hidden;
}
*/
.srch-txt {
margin :0 5px;
width: 145px;
height: 25px;
font:12px Tahoma, Geneva, sans-serif;
text-align:left;
font-weight: bold;
color:#5b5b5b;
}

#search #searchField {
background-image: url(../images/search.png);
background-position: -324px 1px;
background-repeat: no-repeat;
background-color: #fff;
border: 1px solid #042789;
border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 5px;
width: 180px;
height: 25px;
overflow: hidden;
padding: 1px 0px 1px 1px;
float: left;
margin:0px 0px 5px 20px;

}

#flashtext {
width:170px;
height:168px;
background: url(../images/flashtext.png);
margin:11px 0 0 428px;
}

#mid_bottom {
margin:130px auto 0 auto;
padding:10px;
width: 650px;
height: 235px;
background:url(../images/side_bg.png);
border-top:3px solid red;
}

#mid_bottom_ser {
margin:5px auto 0 auto;
padding:10px;
width: 650px;
/*height: 235px;*/
background:url(../images/side_bg.png);
border-top:3px solid red;
}

#mid_b_l {
float:left;
width: 400px;
/*height: 266px;*/

}

#ser_para {
height: 310px;
overflow-y:scroll;
}
#mid_b_l p img {
margin:0px 5px;
width: 8px;
height: 7px;
}


#mid_b_l p {
margin:10px 0;
font:12px Tahoma, Geneva, sans-serif;
text-align:justify;
color:#5b5b5b;
}
#mid_b_l img {
margin:2px 19px;
width: 88px;
height: 85px;
border:1px solid #fff;
border-radius:50px;
}

#mid_b_l img:hover {
border:1px solid red;
border-radius:50px;
}

#mid_b_r {
float:right;
width: 230px;
height: 246px;
padding:0 10px;
}
#mid_b_r img{
padding:5px;
width: 230px;
border:1px solid #ccc;
background:#fff;
}

#mid_b_r p {
margin:10px 0;
font:12px Tahoma, Geneva, sans-serif;
text-align:justify;
color:#5b5b5b;
}


#footer {
width: 100%;
height: 150px;
background:#042789;
}


#footer_area {
margin:0 auto;
width: 1000px;
}

#footer_links {
float:left;
margin:5px 0px 0 5px;
width: 440px;
height:155px;
}

#footer_links li {
	margin:2px 5px;
	color:#fff;
}
#footer_links li {
font:11px Tahoma, Geneva, sans-serif;
color:#fff;
font-weight:bold;
}
#footer_links li:hover {color:red;}

#footer_links p {
margin:10px 5px;
font:10px Tahoma, Geneva, sans-serif;
color:#fff;
}

#footer_address {
float:right;
margin:5px 0px 0 0px;
width: 460px;
height:135px;
}

#footer_logo img {
float:left;
width: 120px;
height:110px;
}
#fotter_menu{
float:left;
}

#social_link {
float:right;
width: 95px;
height:140px;
/*background:#fff;*/
}
#social_link img {
width: 90px;
height:33px;
border:1px solid #fff;
border-radius:5px
}

#social_link img:hover {
border:1px solid red;
border-radius:5px
}

#address {
float:right;
width: 380px;
height:130px;
font:12px Tahoma, Geneva, sans-serif;
color:#fff;
}

#address span {
font:14px Tahoma, Geneva, sans-serif;
}

#alink_fotter {
text-decoration: none;
color:#fff;
}

h5 {
font:14px Tahoma, Geneva, sans-serif;
font-weight:bold;
color: #Fff;
margin: 5px 0px;
}
