/*************************************************************************************************

	James Mills Online [MASTER]
	
	* Created by: James Mills [www.jgmwebdesign.co.uk]
	* Document created: 29th May 2008
	* Copyright (c) 2008 James Mills.
	
	// All CSS files are compressed. See the sources in the 'styles/src/' directory.

*************************************************************************************************/


/* Golbal CSS settings
-------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

body {
	font-size:62.5%;
	background:url(../assets/page_bg.jpg);
}

.clearFix {
	clear: both;
}


/* Wrapper
-------------------------------------------------------------- */
div#wrapper {
	background:url(../assets/book_bg.png) no-repeat;
	width:937px;
	height:670px;
	
	position: absolute;
    top:50%;
	margin-top:-335px;
    left: 50%;
    margin-left:-468px;
}

/*************************************************************************************************
Badge */
div#badge {
	position:absolute;
	background:url(../assets/badge.png) no-repeat;
	width:146px;
	height:115px;
	right:0px;
	z-index:100;
}
div#badge { text-indent: -9000px; margin: 0; } 
div#badge a { display:block; width:146px; height:115px; }

/*************************************************************************************************
Badge JGM */
div#badge_jgm {
	position:absolute;
	background:url(../assets/badge_jgm.png) no-repeat;
	width:117px;
	height:86px;
	right:100px;
	z-index:1;
}
div#badge_jgm { text-indent: -9000px; margin: 0; } 
div#badge_jgm a { display:block; width:117px; height:86px; }


/* Wrapper
-------------------------------------------------------------- */
h1#title {
	text-indent:-9000px;
}
h1#title a {
	background:url(../assets/photo_bg_new3.png);
	display:block;
	width:232px;
	height:231px;
}


/* Links
-------------------------------------------------------------- */
ul#links li {
	list-style:none;
}

ul#links li a {
	display:block;
	position:absolute;
	text-indent:-9000px;
}
ul#links li a.online_blog {
	background:url(../assets/buttons/blog.png) top;
	top:277px;
	left:146px;
	height:56px;
	width:200px;
}
ul#links li a.online_blog:hover { background:url(../assets/buttons/blog.png) bottom; }

ul#links li a.facebook {
	background:url(../assets/buttons/facebook.png) top;
	top:391px;
	left:81px;
	height:57px;
	width:200px;
}
ul#links li a.facebook:hover { background:url(../assets/buttons/facebook.png) bottom; }


ul#links li a.netvibes {
	background:url(../assets/buttons/netvibes.png) top;
	top:474px;
	left:237px;
	height:66px;
	width:173px;
}
ul#links li a.netvibes:hover { background:url(../assets/buttons/netvibes.png) bottom; }

ul#links li a.twitter {
	background:url(../assets/buttons/twitter.png) top;
	top:552px;
	left:95px;
	height:59px;
	width:156px;
}
ul#links li a.twitter:hover { background:url(../assets/buttons/twitter.png) bottom; }


ul#links li a.linkedin {
	top:76px;
	left:528px;
	height:60px;
	width:200px;
	background:url(../assets/buttons/linkedin.png) top;
}
ul#links li a.linkedin:hover {
	background:url(../assets/buttons/linkedin.png) bottom;
}
ul#links li a.delicious {
	background:url(../assets/buttons/delicious.png) top;
	top:165px;
	left:620px;
	height:57px;
	width:191px;
}
ul#links li a.delicious:hover { background:url(../assets/buttons/delicious.png) bottom; }


ul#links li a.jgmwebdesign {
	background:url(../assets/buttons/jgmwebdesign.png) top;
	top:300px;
	left:536px;
	height:72px;
	width:278px;
}
ul#links li a.jgmwebdesign:hover { background:url(../assets/buttons/jgmwebdesign.png) bottom; }


ul#links li a.flickr {
	background:url(../assets/buttons/flickr.png) top;
	top:364px;
	left:666px;
	height:59px;
	width:156px;
}
ul#links li a.flickr:hover { background:url(../assets/buttons/flickr.png) bottom; }


ul#links li a.useful_webdev_tools {
	background:url(../assets/buttons/useful_web_dev_tools.png) top;
	top:460px;
	left:525px;
	height:73px;
	width:348px;
}
ul#links li a.useful_webdev_tools:hover { background:url(../assets/buttons/useful_web_dev_tools.png) bottom;}

ul#links li a.useful_life_tools {
	background:url(../assets/buttons/useful_life_tools.png) top;
	top:560px;
	left:510px;
	height:55px;
	width:255px;
}
ul#links li a.useful_life_tools:hover { background:url(../assets/buttons/useful_life_tools.png) bottom;}