@charset "UTF-8";


.curved1 
{
	/*width:176px;*/
	width:148px;
	height:50px;
background:#fff;
/*border:1px solid #444444;*/
border:3px #ccc;
border-color:#F33;  
-moz-border-radius-topright:15px;
-webkit-border-top-right-radius:15px;
border-radius top-right:15px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px;
padding:2px;
padding-top:0px;
border-bottom-color:4px #ccc;
margin:0px;
float:left;

/* -moz-border-radius:10px; 
/*Firefox -webkit-border-radius:10px;
/*Safari and chrome  -khtml-border-radius:10px; 
/*Linux browsers/ border-radius:10px; / CSS3 / */
}


    .curved {
		width:400px;
		height:20px;
		border:#F00 3px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(border-radius.htc);
    }



#tabcontainer{
	
width:960px;
/*width:1200px;*/
height:54px;/*:78px;*/
background-color:#ccc;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:5px;/*:10px;*/
float:left;
}


#homebox {
	/*width:176px;*/
	width:128px;
	height:60px;
background:#999 ;
/*border:1px solid #444444;*/
border:2px #ccc;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-radius top-right: 15px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
padding:0px;
padding-top:0px;
border-bottom-color:4px #ccc;
margin:0px;
float:left;
}

#homebox2 {
	width:128px;
	height:60px;
background:#09F;
border:2px solid #ccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-radius top-right: 20px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
padding: 0px;
margin:2px;
border-bottom-color:#ccc;
float:left;
transition:width 12s;
-moz-transition:width 12s ease; /* Firefox 4 */
-webkit-transition:width 12s ease; /* Safari and Chrome */
-o-transition:width 12s ease; /* Opera */
}


#homebox2:hover
{
height:68px;
} /* was 50, 60, 65 to have bar of colour at the bottom and stretch down*/


#controlbox {
	/*width:176px;*/
	width:152px;
	height:40px;
background:#666 ;
/*border:1px solid #444444;*/
border:2px #ccc;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-radius top-right: 15px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
padding:0px;
padding-top:0px;
border-bottom-color:4px #ccc;
margin:0px;
float:left;
}

#controlbox img{
	margin-top:-13px;

}
#controlbox2 {
	width:152px;
	height:40px;
background:#AFE7FF;
border:2px solid #ccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-radius top-right: 20px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
padding: 0px;
margin:2px;
border-bottom-color:#ccc;
float:left;
transition:width 12s;
-moz-transition:width 12s ease; /* Firefox 4 */
-webkit-transition:width 12s ease; /* Safari and Chrome */
-o-transition:width 12s ease; /* Opera */
}


#controlbox2:hover
{
height:48px;
} /* was 50, 60, 65 to have bar of colour at the bottom and stretch down*/

#modbox {
	width:152px;
	height:40px;
background:#999 ;
/*border:1px solid #444444;*/
border:2px #ccc;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-radius top-right: 15px;
behavior:url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
padding: 2;
vpadding-top:0px;
border-bottom-color:4px #ccc;
margin:0px;
float:left;
}

#modbox img{
	margin-top:-13px;
}

#modbox2 {
	width:152px;
	height:40px;
background:#87CEFA;
border:2px solid #ccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-radius top-right: 20px;
behavior:url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;/* top section*/
/*-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
border-radius bottom-right: 20px;
behavior:url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
/*-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;*/
padding: 0px;
margin:2px;
border-bottom-color:#ccc;
float:left;
transition:width 12s;
-moz-transition:width 12s ease; /* Firefox 4 */
-webkit-transition:width 12s ease; /* Safari and Chrome */
-o-transition:width 12s ease; /* Opera */
}


#modbox2:hover
{
height:48px;
}

#medbox {
	width:152px;
	height:40px;
background:#999;
/*border:1px solid #444444;*/
border:2px #ccc;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-radius top-right: 15px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
padding: 1;
padding-top:0px;
border-bottom-color:4px #ccc;
margin:0px;
float:left;
}

#medbox img {
	margin-top:-13px;
	
}


#medbox2 {
	width:152px;
	height:40px;
background:#0A87FF;
border:2px solid #ccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-radius top-right: 20px;
behavior:url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
padding: 0px;
margin:2px;
border-bottom-color:#ccc;
float:left;
transition:width 12s;
-moz-transition:width 12s ease; /* Firefox 4 */
-webkit-transition:width 12s ease; /* Safari and Chrome */
-o-transition:width 12s ease; /* Opera */
}

#medbox2:hover{
	 height:48px;
 }

#securebox {
	width:152px;
	height:40px;
background:#999;
/*border:1px solid #444444;*/
border:2px #ccc;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-radius top-right: 15px;
behavior:url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
padding: 1;
border-bottom-color:4px #ccc;
margin:0px;
float:left;
}

#securebox img {
	margin-top:-13px
	}
	

#securebox2 {
	width:152px;
	height:40px;
background:#00CAFF;
border:2px solid #ccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-radius top-right: 20px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
padding: 0px;
margin:2px;
border-bottom-color:#ccc;
float:left;
transition:width 12s;
-moz-transition:width 12s ease; /* Firefox 4 */
-webkit-transition:width 12s ease; /* Safari and Chrome */
-o-transition:width 12s ease; /* Opera */
}

#securebox2:hover{
	 height:48px;
 }
 
#worldbox {
	width:152px;
	height:40px;
background:#999;
/*border:1px solid #444444;*/
border:2px #ccc;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-radius top-right: 15px;
behavior:url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
padding: 1;
border-bottom-color:4px #ccc;
margin:0px;
float:left;
}

#worldbox img {
	margin-top:-13px}
	
	
#worldbox2 {
	width:152px;
	height:40px;
background:#029fb5;
border:2px solid #ccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-radius top-right: 20px;
behavior:url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
padding: 0px;
margin:2px;
border-bottom-color:#ccc;
float:left;
transition:width 12s;
-moz-transition:width 12s ease; /* Firefox 4 */
-webkit-transition:width 12s ease; /* Safari and Chrome */
-o-transition:width 12s ease; /* Opera */
}

#worldbox2:hover{
	 height:48px;
 }
 
 #trackbox {
	width:152px;
	height:40px;
background:#999;
/*border:1px solid #444444;*/
border:2px #ccc;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-radius top-right: 15px;
behavior:url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
padding:0px;
border-bottom-color:4px #ccc;
margin:0px;
float:left;
}

#trackbox img {
	margin-top:-13px;
}


#trackbox2 {
	width:152px;
	height:40px;
background:#03FFF4;
border:2px solid #ccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-radius top-right: 20px;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
padding: 0px;
margin:2px;
border-bottom-color:#ccc;
float:left;
transition:width 12s;
-moz-transition:width 12s ease; /* Firefox 4 */
-webkit-transition:width 12s ease; /* Safari and Chrome */
-o-transition:width 12s ease; /* Opera */
}

#trackbox2:hover{
	 height:48px;
 }
 

.clear{
clear:both;

}