/* CSS for home page */

.container {
	width:960px;
}
#bodycontainer {
	width:100%;
	background:#fff url(../images/index_bg.png) repeat-x top;
}
#header {
	height:100px;
}
#topright {
	position:absolute;
	top:25px;
	left:50%;
	margin-left:280px;
	width:200px;
}
#topright a {
	float:right;
	display:block;
	padding:10px;
	text-align:center;
	font-size:0.8em;
	line-height:1.5em;
}
#topright a:hover { text-decoration: none; }
#logo {
	height:100px; width:500px;
	display:block; text-indent:-9999px;
	background-position:center left;
	background-repeat:no-repeat;
}
#mainbar { height:300px; }
#indextext {
	position:absolute;
	top:90px;
	left:50%;
	margin-left:-480px;
	width:450px;
	padding:20px 0;
}
#indextext h1 {
	color:#FFF;
	font-size:2.5em;
	text-shadow: 1px 1px 1px #845407;
}
#indexdescription {
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	padding:15px 0 0 0;
	text-shadow: 1px 1px 1px #845407;
}
#scancircle_terms { color:#fff !important; }
#scancircle_terms a { color:#fff !important; }
#options {
	position:relative;
	top:-65px;
	left:220px;
	width:250px;
	line-height:17px;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#options a { color: #fff; }
#homephoto { position:absolute; top:75px; left:50%; }
#canvas {
	position:absolute; 
	top:78px; 
	left:50%; 
	width:450px; 
	height:321px;
}
#speedocentre {
	position:absolute; 
	top: 208px; 
	left: 209px; 
	z-index:100; 
	display:none;
}
#infoblocks {
	padding:20px 0;
	width:100%;
}
#infoblocks h2 {
	margin:0;
	line-height: 2em;
}
#infoblocks td {
	vertical-align: middle;
	font-size:1.0em;
	color:#666;
	line-height:1.4em;
}

#buttons {
	position:absolute;
	top:130px;
	right:0;
	float:right;
    line-height:70px;
}
#youtube_button {
	float:right;
	clear:both;
    background:url(../images/youtube_button.png) no-repeat 19px center;
    width:50px;
	height:70px;
    line-height:70px;
	text-indent:-9999px;
}
#youtube_button:hover {
	width:180px;
	text-indent:60px;
    text-decoration:none;
}
#twitter_button {
	float:right;
	clear:both;
    background:url(../images/twitter_button.png) no-repeat 19px center;
    width:50px;
	height:70px;
    line-height:70px;
	text-indent:-9999px;
}
#twitter_button:hover {
	width:180px;
	text-indent:50px;
    text-decoration:none;
}
#facebook_button {
	float:right;
	clear:both;
    background:url(../images/facebook_button.png) no-repeat 19px center;
    width:50px;
	height:70px;
	color:#FFF;
    line-height:70px;
	text-indent:-9999px;
}
#facebook_button:hover {
	width:200px;
	text-indent:60px;
    text-decoration:none;
}
#like_button {
	height:21px; 
}
#plusone_button {
	height:21px; 
}