@charset "UTF-8";
/* CSS Document */

body {background-image:url(../img/alt-stylesheet/dark.gif);}

/*Font Styles*/

p {font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; font-size:12px;}

a {font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; font-size:12px; text-decoration:none;}
a:hover {color:#666666;}


/*Box Styles*/

#header {float:left; width:718px;}

#logo {
	float:left;
	width:auto;
	height:auto;
	margin-top:60px;

}

#left-col {position:absolute; top:0px; right:0px; width:20%; height:100%;}

#left-col-rightside {position:absolute; left:0px; height:100%; width:114px; background-image:url(../img/alt-stylesheet/gm-coloured-strip-left.gif); background-repeat:repeat-y; margin:0px; z-index:1;}

#left-col-leftside {float:right; height:100%; width:100%; background-image:url(../img/alt-stylesheet/gm-coloured-strip-right.gif); display:inline; position:relative; right:0px;}

#strong-intelligent-species{background-image:url(../img/alt-stylesheet/strong-intelligent-species.gif); margin-top:50px; width:711px; height:136px; margin-bottom:20px;} 

/*Menu Styles*/

#menu {float:left; width:180px; margin-top:10px;}

#overview {float:left; display:inline; width:180px; height:30px; background-image:url(../img/alt-stylesheet/menu/overview.gif); background-position:0 -68px; margin-bottom:2px;}
#overview:hover{background-position:0 -18px;}

#showcase {float:left; display:inline; width:180px; height:30px; background-image:url(../img/alt-stylesheet/menu/showcase.gif); background-position:0 -74px; margin-bottom:2px;}
#showcase:hover{background-position:0 -24px;}

#creative-mix {float:left; display:inline; width:180px; height:30px; background-image:url(../img/alt-stylesheet/menu/creative-mix.gif); background-position:0 -74px; margin-bottom:2px;}
#creative-mix:hover{background-position:0 -24px;}

#kind-words {float:left; display:inline; width:180px; height:30px; background-image:url(../img/alt-stylesheet/menu/kind-words.gif); background-position:0 -70px; margin-bottom:2px;}
#kind-words:hover{background-position:0 -20px;}

#contact {float:left; display:inline; width:180px; height:30px; background-image:url(../img/alt-stylesheet/menu/contact.gif); background-position:0 -68px; margin-bottom:2px;}
#contact:hover{background-position:0 -18px;}

#blog {float:left; display:inline; width:180px; height:35px; background-image:url(../img/alt-stylesheet/menu/blog.gif); background-position:0 -68px;}
#blog:hover{background-position:0 -18px;}