/*  CSS  html body style for centre    */

body {
padding:0px; 
margin:0px; 
font-size: 12px;
font-family:arial,verdana,sans-serif;
color:#333333;
height:100%; 

background-image:url(../images/repeat.gif);
background-repeat: repeat-x;


  
}

/*  CSS  container for centre content  */


#wrapper{ 

width: 996px;
position: relative;
margin-left: auto;
margin-right: auto;

padding:0px;
}


h2,h3,h4,h5{margin:0 0 14px 0;padding: 0px;}
h1 {font-size: 24px; color: #000000; font-weight:bold; margin:0px;padding: 0px;}
h2 {font-size: 18px;color: #000000; font-weight:bold;}
h3 {font-size: 16px;font-weight:bold;color: #990000; }
h4 {font-size: 14px;color: #000000; font-weight:bold}
h5 {font-size: 11px;color: #666666;font-weight:bold}





a:link {
color:#333333;
font-size:12px;  
text-decoration:none;
font-weight:bold 
}

ul li{font-family:arial; color:#000000; margin-bottom:4px}
ol li {font-family:arial; color:#000000; margin-bottom:4px}

a:visited{
color:#333333; 
font-size:12px;  
text-decoration:none; 
font-weight:bold
}

a:hover{ 
color:#000000; 
font-size:12px; 
text-decoration:underline;
font-weight:bold
}

img{border:none}



form{
margin:0px;
padding:0px;
}

p{font-size:12px;
line-height:20px;
margin: 0 0 20px 0; 
 }

strong{font-weight:bold; color:#000000!important}


hr
{
height: 4px;
border-top:1px dotted #333333;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
color:#ffffff;
display:block;
margin:0 0 10px 0;
padding:0px;
clear:both;
}


.float_left {float:left}
.float_right {float:right}





/*  CSS  Header styles */

#header{
position:relative;
background-image:url(../images/home_background.jpg);
background-repeat:no-repeat;
width:996px;
height:510px;
float:left; 
top:0px;
padding:0px;
margin:0px; 
display:block;
clear:both; 
}


.background_home{
width:944px!important;
height:434px!important;
}

#twitter{
position:relative;
margin-left:30px;
}

#logo{
position:relative;
left:-10px;
}

#header h1{
font-size:36px;
margin:30px 0 20px 0 ;
padding:0px!important;
color:#ffffff!important;
}

#header h1 span{
font-size:24px;
margin:0px;
padding:0px!important;
color:#ffffff!important;
}

#blue_box{
position:relative;
float:left;
width:540px;
}

#blue_box p{
color:#ffffff!important;
}

#header h2{
font-size:30px;
margin:30px 0 0 0 ;
padding:0px!important;
color:#333333!important;
position:absolute;
width:250px;
left:740px;
z-index:2;
text-align:right; 
}

#header h2 span{
font-size:12px!important;
margin:0px !important;
padding:0px!important;
color:#666666!important;
z-index:2;
text-align:right; 
}


.tmgw{
position:relative;
margin:15px 5px 0 0;
float:left;
border-right:1px dotted #333333;
font-size:9px;

}






#header ul{
position:absolute;
margin:0px;
padding:0px;
left:10px;
top:360px;
height:71px;
list-style-type:none;
width:920px;
display:block;
}

#header ul li.coins{ 
background-image:url(../images/coins.gif);
margin:0 65px 0 0;
padding:15px 0 0 60px ;
width:195px;
height:56px;
display:block;
float:left;
}



#header ul li h2{

font-size:20px!important;
color:#333333!important;
}

#header ul li h2 span{
font-size:12px!important;
color:#666666!important;
}


#header ul li.robot{ 
background-image:url(../images/robot.gif);
margin:0 65px 0 0;
padding:15px 0 0 90px ;
width:165px;
height:56px;
display:block;
float:left;
}

#header ul li.bear{ 
background-image:url(../images/bear.gif);
margin:0px;
padding:15px 0 0 100px ;
width:155px;
height:56px;
display:block;
float:left;
}





#terms{
position:relative;
top:210px;
left:505px;
width:400px;
margin:0px;
padding:0px;
height:40px
}

#terms p{
color:#ffffff;
margin:0px;
padding:0px
}

#terms img{
position:relative;
top:10px;
width:159px;
height:29px;

}



/*  CSS  division and styles for middle    */





#left{
position:relative; background-image:url(../images/mot.jpg); 
background-repeat:no-repeat;
float:left;
top:-10px;
width:318px; 
margin:0px ; 
padding:0px; 

}

.company_number1{ position:relative;
background-image:url(../images/1.gif); 
background-repeat:no-repeat;
margin:0 55px 192px 0;
padding:0 0 0 40px ;
left:5px;
width:170px;
height:56px;
display:block;
float:left;
}

.company_number1 h2{
font-size:20px!important;
color:#333333!important;
}

.company_number1 h2 span{
font-size:12px!important;
color:#666666!important;
}


.company_number2{ position:relative;
background-image:url(../images/2.gif); 
background-repeat:no-repeat;
margin:0 55px 192px 0;
padding:0 0 0 40px ;
left:24px;
width:170px;
height:56px;
display:block;
float:left;
}

.company_number2 h2{
font-size:20px!important;
color:#333333!important;
}

.company_number2 h2 span{
font-size:12px!important;
color:#666666!important;
}



.company_number3{ position:relative;
background-image:url(../images/3.gif); 
background-repeat:no-repeat;
margin:0 55px 192px 0;
padding:0 0 0 40px ;
left:24px;
width:170px;
height:56px;
display:block;
float:left;
}

.company_number3 h2{
font-size:20px!important;
color:#333333!important;
}

.company_number3 h2 span{
font-size:12px!important;
color:#666666!important;
}







.link3{position:relative;
font-size:11px!important;
margin:0 0 42px 50px;
padding:0px;
}



.link1{position:relative;
margin:0 0 30px 85px;
padding:0px;
}

.link2{position:relative;
margin:0 0 30px 0px;
left:105px;
padding:0px;
}

.text{
width:290px;
padding:0 28px 0 10px;
margin:0px;
border-right:1px dotted #333333
}

.text h3{
font-size:20px!important;
color:#333333!important;
margin:0px;
padding:0px;
}

.text2{
width:285px;
padding:0 32px 0 0;
margin:0 0 0 20px;
border-right:1px dotted #333333
}

.text2 h3{
font-size:20px!important;
color:#333333!important;
margin:0px;
padding:0px;
}


.text3{
width:240px;
padding:0 0 0 30px;
margin:0px;

}

.text3 h3{
font-size:20px!important;
color:#333333!important;
margin:0px;
padding:0px;
}


#middle{

position:relative; background-image:url(../images/tyt.jpg); 
background-repeat:no-repeat;
top:-10px;
width:332px;
float:left;
margin:0px;
left:15px;
padding:0px;
}



/*  CSS  division and styles for right    */

#right {
position:relative; background-image:url(../images/protoy.jpg); 
background-repeat:no-repeat;
float:right;
top:-10px;
width:322px;
margin:0 0 10px 0; 
padding:0px;
left:0px; 
}

.ContactForm{ 
background-image:url(../images/blue_bg.jpg); 
background-repeat:no-repeat; 
width:223px;
height:393px;
display:block;
margin:12px 0 0 3px; 
padding:0 150px 0 20px;
float:right;

}
.margin{float:left;}

.ContactForm p{
font-size:11px;
color:#ffffff;
line-height:16px;
margin:10px 0 10px 0;
padding:0px;
}

.ContactForm h3{
font-size:16px;
color:#ffffff;
line-height:16px;
margin:10px 0 10px 0;
padding:0px;
}

.ContactForm label { 
display:block;
margin-bottom:4px;
margin-top:4px;
font-weight:bold;
color:#ffffff!important;


}

.ContactForm label span { 
font-size:10px!important;
}




.ContactForm input { 
width:220px;
height:15px;
margin-bottom:0px;
border-bottom:1px solid #ffffff; 
border-top:1px solid #ffffff; 
border-left:1px solid #ffffff; 
border-right:1px solid #ffffff;
background-color:#cccccc; 
}

.ContactForm textarea { 
width:220px;
margin-bottom:10px;
border-bottom:1px solid #ffffff; 
border-top:1px solid #ffffff; 
border-left:1px solid #ffffff; 
border-right:1px solid #ffffff;
background-color:#cccccc; 
}

.submit{ 
width:127px!important;
height:28px!important;
display:block; 
cursor:pointer; 
border:none!important;
margin:0px!important; 
padding:0px!important;



}
/*  CSS floating styles */



.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */



#footer {
border-top:1px dotted #000000;
width:100%;
padding:0px;
background-color:#151515; 
clear:both ;
margin:0px; padding:0px;

}


#footer_contents{
position:relative;
width:996px;
padding:0px;
margin:0 auto 0 auto;

}

#e2e_link{
position:relative;
padding:0 8px 0 0;
margin:-20px 0 0 0;
font-size:10px;
font-weight:normal!important;
width:650px;
float:right;
clear:right;
color:#ffffff; text-align:right;

}

#e2e_link a, #e2e_link a:visited{
font-size:10px!important;
color:#ffffff!important;
text-decoration:none

}

#e2e_link a:hover{
font-size:10px!important;
color:#ffffff!important;
text-decoration:underline
}


.footer_logo{
position:relative;
width:173px;
height:101px;
display:block;
float:left;


}


#footer ul{
position:relative;
float:right;
width:920px;
margin:6px 0 0 0;
padding:0 10px 0 0;
list-style-type:none;

}


#footer ul li{
margin:0px;
padding:0 20px 0 12px!important;
float:left;
border-right:1px dotted #000000;

}




#footer ul li.last{
margin:0px;
padding:0 10px 0 10px!important;
display:inline;
border-right:none!important;
}

#logo_footer{
position:relative;
float:left;
margin:10px 0 0 0;
padding:0px;
left:10px;
}


#twitter-number{
position:relative;
text-align:right;
margin:0px;
padding:0px;
float:right;
clear:right;
width:600px;

}