/*===========================================================
 *COMMON RULES
 *==========================================================*/

ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,body,html,p
{ margin:0; padding:0 }

body{
	border: 0px;
	overflow: auto;
	height: 100%; 
	max-height: 100%}

h1 {
	font: italic 1.7em Georgia;
	margin: 0 0 -10px 0;
	color: #252525}

h2 {
	font: 1.0em Georgia;
	margin: 0 0 1px 0}

h3 {
	font: italic 1.0em Georgia;
	color: #252525}

h4 {
	font: 0.85em Georgia;
	color: #000}

p {
	font: 0.8em Verdana ;
	line-height: 1.2em;
	width: 555px;
	color: #333;
	margin: 12px 0 30px 0;
	/*border: thin solid green*/}
	
p#white {
	font: italic 1.0em Georgia ;
	line-height: 1.2em;
	width: 555px;
	color: #FFF;
	margin: -20px 0 30px 0;
	/*border: thin solid green*/}

a:focus { 
	outline: none}

a:link {
	text-decoration: none;
	color: #1EC8DC}

a:visited{
	text-decoration: none;
	color: #1EC8DC}

a:hover {
	text-decoration: none;
	color: #085864}

img { 
	border-style: none}
	
.dotBorder { 
	border: 1px dotted #474747;
	margin: 10px 0 60px 0}
	
.noBorder { 
	margin: 10px 0 60px 0}


#nav .selected {
	color: #666}

.clear {
    clear: both;
    height:0px;
    font-size:0px;
}


#wrapper {
	width: 1000px;
	background-color:#FFFFFF;
    margin: 0 auto;
    cursor: auto
	padding: 0 0;
	/*border: thin solid #000;*/}

/*===========================================================
 *HOMEPAGE
 *==========================================================*/
#homeHeader {
	background: url("images/homeHeader.gif") no-repeat;
	height: 200px;
	width: 1000px;
	margin: 0 0;
	padding: 0 0;
	/*border: thin solid #000;*/}

#container {
	z-index: 1;
	position: relative;
	top: 124px;
	left: 228px;
	width: 640px;
	/*border: thin solid #3333CC*/}

#title {
	background: url("images/homeTitle.gif") no-repeat;
	text-indent: -1000px;
	height: 80px;
	margin: 0 0 9px 0}

#dotLine {
	background: url("images/dotLine3.gif") repeat-x;
	width: 555px;
	margin: 0 0 18px 0;
	/*border: thin solid red;*/
	height: 3px}

p.large {
	font: italic 1.0em Georgia ;
	line-height: 1.2em;
	width: 555px;
	color: #333;
	margin: 0 0 30px 0;
	/*border: thin solid green*/}

#links {
	width: 555px;
	height: 44px;
	border-top: thin solid #B2B2B2;
	border-bottom: thin solid #B2B2B2}

#folio {
	float: left;
	font: italic 1.35em Georgia;
	margin: 10px 0 10px 0}

#contact {
	float: right;
	font: italic 1.35em Georgia;
	margin: 10px 0 10px 0}

#cv {
	z-index: 1;
	background: url("images/homeCvBtn.gif") no-repeat;
	width: 302px;
	height: 50px;
	position: relative;
	top: 130px;
	left: 160px;
	text-indent: 95px;
	font: italic 1.15em Georgia;
	padding: 78px 0 0 0;
	/*border: thin solid red;*/}

#cv a:link {
	color: #FFF}

#cv a:visited {
	text-decoration: none;
	color: #FFF}

#cv a:hover {
	text-decoration: none;
	color: #464664}

#socialLinks {
	z-index: 2;
	height: 24px;
	width: 570px;
	background-color: #6E8C96;
	position: relative;
	top: 107px;
	left: 230px;
	/*border: thin solid black*/}

#socialLinks ul{
	float: right;
	margin: 4px 0 0 0;
	/*border: thin solid red*/}

#socialLinks li{
	display: inline;
	height: 24px;
	padding: 0 20px 0  17px;
	list-style-type: none;
	/*border: thin solid blue*/}

#socialLinks a {
	font: 0.7em Verdana;
	color: #FFF}

#socialLinks a:hover {
	color: #1AD7EC }

.Twitter {
	background: url("images/iconTwitter.gif") no-repeat center left}

.LastFm {
	background: url("images/iconLastFm.gif") no-repeat center left}

.Flickr {
	background: url("images/iconFlickr.gif") no-repeat center left}

.Delicious {
	background: url("images/iconDelicious.gif") no-repeat center left}

#bgStripes {
	background: url("images/bgStripes.gif") no-repeat;
	height: 219px;
	width: 610px;
	position: relative;
	top: -35px;
	left: 250px}


/*===========================================================
 *MAIN PAGE
 *==========================================================*/

#mainHeader {
	background: url("images/mainHeader.gif") no-repeat;
	/*text-indent: -1000px;*/
	height: 405px;
	width: 1000px;
	margin: 0 0;
	padding: 0 0;
	/*border: thin solid #FFCC00;*/}

#logo {
	/*background: url("images/titleBlue.gif") no-repeat;*/
	padding: 20px 0 0 0;
	margin: 0 0 0 30px;	
	height: 64px;
	width: 513px}

#main {
	position: relative;
	top: -273px;
	left: 65px;
	width: 935px;
	/*border: 1px solid aqua;*/}

#collumn1 {
	z-index: 1;
	width: 675px;
	float: left;
	margin: 0 0 0 0;
	/*border: 1px solid red;*/}
	
#jamHome {
	background: url("images/BBCjam/UeHome.jpg") no-repeat;
	height: 501px;
	width: 621px;
	padding: 143px 0 0 24px;
	margin: 10px 0 -80px 0 }

#scribble {
	background: url(images/Orange/ScribbleP900.jpg) no-repeat;
	height: 603px;
	width: 309px;
	margin: 50px 0 0 0;
	padding: 140px 0 0 49px}

#nav {
	z-index: 2;
	width: 200px;
	float: left;
	margin: 0 0 0 45px;
	/*border: 1px solid blue*/}

#nav a:link {
	text-decoration: none;
	color: #000}

#nav a:visited {
	text-decoration: none;
	color: #000}

#nav a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #19D8ED;
	padding: 0 7px 0 0 }

#nav li {
	font: 0.7em Verdana;
	line-height: 1.3em }

#navContact {
	background: url("images/navContactBtn.gif") no-repeat;
	background-position: 0 2px;
	text-indent: 35px;
	font: italic 0.9em Georgia;
	padding: 40px 0 25px 0;
	margin:2px 0 0px 0;
	/*border: solid 1px green*/}

#navContact a:link {
	color: #FFF}

#navContact a:visited {
	color: #FFF}

#navContact a:hover {
	text-decoration: none;
	color: #085864;
	background-color: #19D8ED}

#line1 {
	width: 173px;
	height: 3px;
	background-color: #7F7F7F;
	margin: 10px 0 10px 0}

#line2 {
	width: 173px;
	height: 3px;
	background-color: #999;
	margin: 10px 0 10px 0}

#line3 {
	width: 173px;
	height: 3px;
	background-color: #B2B2B2;
	margin: 10px 0 10px 0}

#line3 {
	width: 173px;
	height: 3px;
	background-color: #CCC;
	margin: 10px 0 10px 0}

.backTo {
	margin: 0 0 20px 0}

#footer {
	clear: both;
	background: url("images/dotLine3.gif") repeat-x top;
	width: 935px;
	height: 50px;
	padding: 10px 0 0 0;
	/*border: thin solid black*/}
	
/*===========================================================
 *CONTACT
 *==========================================================*/
#contactBox {
	background: #19D8ED url("images/contactBlueStrip.gif") no-repeat bottom;
	width: 1000px;
	padding: 0 0;
	/*border: thin solid red;*/
	margin: 0 0 }
	
#content {
	margin: 0px 0 -90px 65px;
	/*border: thin solid black;*/
	width: 555px;
	padding: 20px 0 5px 0}

#contactTitle {
	background: url("images/getInTouch.gif") no-repeat;
	text-indent: -1000px;
	height: 46px;
	margin: 0 0 13px 0}

#line4 {
	width: 555px;
	height: 1px;
	background-color: #8CECF6;
	margin: 20px 0 10px 0}
	
#contactDetails {
	margin: 0 0}
	
#contactDetails li {
	margin: 10px 0 0 0;
	list-style-type: none;
	text-indent: 35px;
	/*border: thin solid black*/}
	
#contactDetails a {
	font: italic 1.0em Georgia;
	color: #333}
	
#contactDetails a:hover {
	color: #FFF}

li#email {
	background: url("images/iconContEmail.gif") no-repeat center left;
	padding: 5px 0}
	
li#mobile {
	background: url("images/iconContMobile.gif") no-repeat center left;
	font: italic 1.0em Georgia;
	color: #333;
	padding: 7px 0}
	
li#cv2 {
	background: url("images/iconContCV.gif") no-repeat center left;
	padding: 6px 0}	
	
#socialLinksContact {
	margin: 35px 0 0 65px;
	/*border: thin solid black*/}

#socialLinksContact ul{
	float: left;
	margin: 7px 0 0 0;
	/*border: thin solid red*/}

#socialLinksContact li{
	display: inline;
	height: 24px;
	padding: 0 30px 0  17px;
	list-style-type: none;
	/*border: thin solid blue*/}

#socialLinksContact a {
	font: 0.7em Verdana;
	color: #333}

#socialLinksContact a:hover {
	color: #1AD7EC }

#Twitter {
	background: url("images/iconTwitterWht.gif") no-repeat center left}

#LastFm {
	background: url("images/iconLastFmWht.gif") no-repeat center left}

#Flickr {
	background: url("images/iconFlickrWht.gif") no-repeat center left}

#Delicious {
	background: url("images/iconDelicious.gif") no-repeat center left}

#workLink {
	z-index: 1;
	background: url("images/contactWorkPointer.gif") no-repeat center left;
	width: 230px;
	height: 30px;
	position: relative;
	Top: 15px;
	left: 780px;
	font: italic 1.35em Georgia;
	padding: 118px 0 0 0}