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


/*Font Styles*/

p {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px; line-height:16px;}

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

strong {font-weight:normal;}


.form {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px; line-height:16px;}


/*Box Styles*/
#container {
	position:absolute;
	right:-737px;
	top:0px;
	width:718px;
	height:auto;
}

#body-content {
	margin-top:5px;
	padding-top:10px;
	float:left;
	width:720px;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-color:#cccccc;
	border-top-width:1px;
}

.body-copy{float:left; width:230px; margin-right:10px; text-align:left; margin-top:15px; margin-bottom:15px;}

.body-copy-alt{float:left; width:355px; margin-right:10px; text-align:left; margin-top:15px; margin-bottom:15px;}


#links {width:100%;}

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

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

}

#contact-details {float:left; margin-left:290px; text-align:left; margin-top:26px;}

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

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

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

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

#portfolio{margin-top:15px; width:711px; margin-bottom:10px; float:left;} 

#blogframe{margin-top:15px; width:711px; height:300px; overflow:auto; margin-bottom:10px; float:left;} 


#content{margin-top:50px; width:711px; height:136px; margin-bottom:20px;} 

#form{width:auto; height:auto; float:left; margin-top:40px;}

/*Menu Styles*/

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

#overview {float:left; display:inline; width:180px; height:30px; background-image:url(../img/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/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/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/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/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/menu/blog.gif); background-position:0 -68px;}
#blog:hover{background-position:0 -18px;}