html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
font: 15px/1.2em Verdana;
color: #666;
background: #F9F9F9;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
color: #54c5d0;
}
a.underline {
text-decoration: underline;
}
.fl {
float: left;
}
.fr {
float: right;
}
.green {
color: #30a8b8;
}
html, body {margin:0; padding:0; height:100%;}
#global {
margin: 0 0 0 -1px;
background: #f9f9f9 url(img/bg.png) center top no-repeat;
}
#globalcont {margin: 0 auto; width: 1004px;}
#footer { clear:both;margin: 0 auto;
width: 1002px;}
#main {
margin: 0 auto;
width: 790px;
}
#header {
overflow: hidden;
height: 188px;
width: 1002px;
padding:0 1px;
}
#header h1{
overflow: hidden;
float: left;
}
#header h1 a {
display: block;
overflow: hidden;
width: 430px;
height: 79px;
margin:45px 0 0px 1px;
text-decoration: none;
text-indent: -1000px;
background: url(img/bg_logo.png) no-repeat left top;
}
#header h1 span{
}
#header .time {
float: right;
background: url(img/i_time.png) no-repeat left center;
padding: 0 0 0 20px;
margin: 40px 10px 0 0;
font: normal 12px/20px Arial;
color: #abafae;
}
#header #main_menu {
background: #dcdcdc url(img/bg_main_menu.png) no-repeat center top;
height: 64px;
overflow: hidden;
clear: both;
float:left;
overflow:hidden;
width:100%;
}
#header ul{
float:left;
left:50%;
margin:0;
padding:0;
position:relative;
height: 24px;
list-style:none;
}
#header ul li{
margin-left: -3px;
float: left;
height: 64px;
padding: 0 0px 0 0;
float:left;
position:relative;
right:50%;
background: url(img/bg_menu_li.png) no-repeat left bottom;
vertical-align: middle;
}
#header ul li.first{
background: none;
}
#header ul li.active a {
background: url(img/bg_menu_li_active.png) no-repeat center bottom;
}
#header ul li a:hover{
background: url(img/bg_menu_li_hover.png) no-repeat center bottom;
}
#header ul li a{
text-decoration: none;
height: 44px;
font: bold 12px/44px Tahoma;
padding: 20px 42px 0 39px;
display: block;
color: #565656;
text-transform: uppercase;
float: left;
vertical-align: top;
}
#header ul li a img{
vertical-align: top;
display: inline;
}
#header ul li a:hover{
color: #000;
}
#content {
padding: 10px 10px 10px;
border: 1px solid #ededed;
overflow: hidden;
height: 1%;
background: #fff;
}
#main_content {
text-align: left;
color: #000;
}
h2 {
margin: 10px 10px;
text-align: left;
font: bold 16px/30px Verdana;
color: #636363;
}
h2 span{
display: none;
}
h3 {
margin: 10px 10px;
text-align: left;
font: bold 18px Verdana;
color: #000;
}
p {
font: normal 13px/1.3 Arial;
margin: 0 10px 15px;
color: #585858;
}
ul {
font: normal 13px/1.3 Arial;
list-style:disc;
margin: 0 10px 15px 40px;
color: #585858;
}
li {
margin:0 0 10px 0;
}
ol {
font: normal 13px/1.3 Arial;
list-style:decimal;
margin: 0 10px 15px 40px;
color: #585858;
}
.grey_block {
background: url(img/bg_peoples_home.png) no-repeat right top;
margin: 0 -10px -10px;
padding: 20px 20px 4px;
position: relative;
clear: both;
}
.grey_block h3{
height: 40px;
padding: 8px 0 0 40px;
background: url(img/i_world.png) no-repeat left top;\
}
.grey_block h3 span{
display: none;
}
.grey_block ol {
list-style-type: square;
color: #535353;
margin: 5px 0 10px 20px;
font: normal 12px/1.7 Arial;
background: transparent;
}
.white_block {
background: url(img/bg_peoples.png) no-repeat right bottom;
overflow: hidden;
height: 1%;
}
.white_block ol {
list-style-type: square;
color: #535353;
margin: 5px 0 20px 20px;
font: normal 12px/1.7 Arial;
background: transparent;
overflow: hidden;
height: 1%;
}
#footer {
font: normal 13px/24px Arial;
color: #b6b6b6;
text-align: left;
line-height: 60px;
overflow: hidden;
}
#footer a{
text-decoration: none;
padding: 0 4px;
}
#footer a span{
display: none;
}
#footer_menu {
margin: 0 0 0 -18px;
color: #b6b6b6;
float: left;
}
#footer_menu li{
float: left;
padding: 0 15px;
margin: 0 00px;
color: #b6b6b6;
line-height: 60px;
background: url(img/i_dot.png) no-repeat left center;
display: inline;
}
#footer_menu li a{
color: #b6b6b6;
line-height: 60px;
}
#footer #email{
background: url(img/bg_email_submit.png) no-repeat right center;
height: 60px;
float: right;
line-height: 30px;
}
#email form{
line-height: 30px;
padding: 15px 15px 7px;
}
#text_email {
width: 150px;
height: 20px;
border: 0;
}
#submit_email {
width: 56px;
height: 28px;
border: none;
background: transparent;
cursor: pointer;
margin-left: 5px;
}
#footer_small {
clear: both;
background: url(img/bg_dots.png) repeat-x left top;
height: 60px;
}
#footer_small.fl {
line-height: 60px;
}
#footer_small a{
color: #b6b6b6;
}
#footer_small a:hover{
text-decoration: underline;
}
#footer_small a.fr{
margin: 20px 0 0;
line-height: 20px;
}
address {
font: 12px/1.5 Arial;
margin: 0 10px;
color: #535353;
}
form#contact {
background: url(img/img_post.png) no-repeat right bottom;
margin: 0 0 0 220px;
font: normal 12px/20px Arial;
color: #535353;
width: 700px;
}
#contact li {
overflow: hidden;
height: 1%;
padding: 0 0 10px;
}
#contact label {
width: 100px;
display: block;
float: left;
text-align: right;
color: #2ea6b6;
font: normal 13px/28px Arial;
margin: 0 3px 0 0;
}
#contact .bg_input_text {
width: 270px;
height: 24px;
background: url(img/bg_intut_text.png) no-repeat left top;
padding: 2px;
display: block;
float: left;
}
#contact .bg_input_text input{
width: 270px;
height: 24px;
border: none;
background: transparent;
line-height: 24px;
font: normal 12px/20px Arial;
color: #535353;
}
#contact .bg_textarea {
width: 274px;
height: 158px;
background: url(img/bg_input_message.png) no-repeat left top;
float: left;
}
#contact textarea {
padding: 2px;
width: 270px;
height: 154px;
background: transparent;
border: none;
font: normal 12px/20px Arial;
color: #535353;
}
#contact .send {
margin:-20px 0 0 155px;
background-image: url('img/b_send.png');
text-indent: -9999px;
width: 82px;
height: 29px;
border:0;
}
form#business_proposal {
margin:0 0 0 -30px;
font: normal 12px/20px Arial;
color: #535353;
xwidth: 800px;
}
#contact ul {
list-style:none;
}
#business_proposal ul {
list-style:none;
}
#business_proposal li {
overflow: hidden;
height: 1%;
padding: 0 0 10px;
}
#business_proposal label {
display: block;
color: #2ea6b6;
font: normal 13px/28px Arial;
margin: 0;
}
#business_proposal .bg_input_text {
width: 270px;
height: 24px;
background: url(img/bg_intut_text.png) no-repeat left top;
padding: 2px;
display: block;
float: left;
margin:0;
border:none;
}
#business_proposal .bg_input_text input{
width: 270px;
height: 24px;
border: none;
background: transparent;
line-height: 24px;
font: normal 12px/20px Arial;
color: #535353;
}
#business_proposal .bg_textarea {
width: 274px;
height: 158px;
background: url(img/bg_input_message.png) no-repeat left top;
float: left;
}
#business_proposal textarea {
padding: 2px;
width: 270px;
height: 154px;
background: transparent;
border: none;
font: normal 12px/20px Arial;
color: #535353;
}
#business_proposal .send {
margin:-20px 0 0 40px;
background-image: url('img/b_send.png');
text-indent: -9999px;
width: 82px;
height: 29px;
border:0;
}
span.error {
margin:6px 0 0 10px;
display:block;
float:left;
color:#ff0000;
}
input.radio {
float:left;
margin:8px 4px 0 10px;
}
label.radio {
float:left;
}