/*  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-color:#3f81be;
background-image:url(../images/tyt_repeat.gif);
background-repeat: repeat-x;


  
}

/*  CSS  container for centre content  */


#wrapper{ 
background-color:#eeeeee;
width: 944px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom:40px;
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:18px;
margin: 0 0 20px 0; 
 }

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


hr
{
height: 4px;
border-top:1px dotted #333333;
border-bottom:1px solid #ffeedd;
border-left:1px solid #ffeedd;
border-right:1px solid #ffeedd;
color:#ffeedd;
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:944px;
height:434px;
float:left; 
top:0px;
padding:0px;
margin:0 0 15px 0; 
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:14px 0 0 0 ;
padding:0px!important;
color:#ffffff!important;
position:absolute;
width:250px;
left:690px;
z-index:2;
text-align:right; 
}

#header h1 span{
font-size:14px!important;
margin:0px !important;
padding:0px!important;
color:#33ff00!important;
z-index:2;
text-align:right; 
}

#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;

}


#banner_nav{position:relative; 
background-image:url(../images/menu_background.jpg); 
background-repeat:no-repeat; 
width:804px; 
height:85px;
margin:346px 0 0 0;
padding:0 0 0 138px;
display:block; list-style-type:none;

}

#banner_nav  li{ 

position:relative;
float:left;
left:0px;
margin:2px 12px; 
padding:0px;}


/*  CSS  division and styles for middle    */


#left{
position:relative;
float:left;
width:297px; 
margin:0px 0 30px 0; 
padding:0px; 
left:25px; 
}




.question_ul{ 
list-style-type:none;
margin:15px 0 15px 0;
padding:0px;
width:580px;
}

.question_ul li{ 
background-image:url(../images/question_mark.gif); 
background-repeat:no-repeat;
font-size:18px;
font-weight:bold;
color:#333333;
margin:0 0 18px 0!important;
padding:0 0 15px 50px !important; 
}


.package_float{
width:490px;
float:right;

margin:0px;
padding:0px;}

.gallery{
margin:0px;
padding:0px;
list-style-type:none;
}

.gallery li{
margin:0 8px 9px 0;
padding:2px 2px 0 2px; 
float:left;
border: 1px dotted #999999!important
}

.gallery li.last{
margin:0 0 9px 0;
padding:2px 2px 0 2px; 
float:left;
border: 1px dotted #999999!important
}








#middle{
clear:both;
position:relative;
width:920px;
float:left;
margin:0 0 25px 0;
padding:0px;
}



/*  CSS  division and styles for right    */

#right {
position:relative;
left:-25px;
float: right; 
width:580px;
margin:0 0 10px 0; 
padding:0px; 
}

.ContactForm{ 
background-image:url(../images/form_repeat.gif); 
width:246px; 
margin:-3px 0 0 0; 
padding:0 24px 0 24px;

}

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

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




.ContactForm input { 
width:240px;
margin-bottom:0px;
border-bottom:1px dotted #666666; 
border-top:1px dotted #666666; 
border-left:1px dotted #666666; 
border-right:1px dotted #666666; 
}

.ContactForm textarea { 
width:240px;
margin-bottom:0px;
border-bottom:1px dotted #666666!important; 
border-top:1px dotted #666666!important; 
border-left:1px dotted #666666!important; 
border-right:1px dotted #666666!important; 
}

.submit{ 
width:126px!important;
height:27px!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: 942px;
margin:10px 0 0 0;
padding:5px 0 0 0;
background-color:#FFFFFF; 
clear:both   
}


#footer_contents{
position:relative;
width:932px;
padding:0 0 0 10px 
}

#e2e_link{
position:absolute;
padding-top:10px;
margin:0px;
font-size:10px;
font-weight:normal!important;
width:450px;
text-align:right;
color:#ffffff;
left:480px;
}

#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;
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;
}