/* CSS Document */

body {
	background: #402D45 url(../images/bg_body.png) repeat-x fixed top left;
	font: 10px Helvetica, Arial, sans-serif;
	color: #fff;
	}

/* ** GLOBALS ** */
.clear { clear: both; }
.hidden { display: none; }
a { text-decoration: none; }

/* regular boxed list elements */
ul.boxes { width: 100%; }

ul.boxes li {
	width: 100%;
	height: 40px;
	margin-bottom: 2px;
	background-color: #261B29;
	}
ul.boxes li.nolink { height: auto; }

ul.boxes a, ul.boxes p {
	display: block;
	height: 26px;
	padding: 7px 5px;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	}

ul.boxes li.nolink p { height: auto; }

ul.boxes span.y { color: #FFF100; font-weight: bold; }
ul.boxes span.w { color: #FFF; }

/* types */
li.inlink a { background: url(../images/icon_inlink.png) no-repeat 260px 0; }
li.inlink a:hover { background-position: 260px -40px; }
/* li.inlink { display: none; } */

li.outlink a { background: url(../images/icon_outlink.png) no-repeat 260px 0; }
li.outlink a:hover { background-position: 260px -40px; }
li.download a { background: url(../images/icon_download.png) no-repeat 260px 0; }
li.download a:hover { background-position: 260px -40px; }
li.facebook a { background: url(../images/icon_facebook.png) no-repeat 260px 0; }
li.facebook a:hover { background-position: 260px -40px; }
li.myspace a { background: url(../images/icon_myspace.png) no-repeat 260px 0; }
li.myspace a:hover { background-position: 260px -40px; }
li.skype p { background: url(../images/icon_skype.png) no-repeat 260px 0; }
li.skype p:hover { background-position: 260px -40px; }

li.year p { font-size: 1.6em; line-height: 1.625em; text-align: right; margin-right: 10px; }

/* eof regular boxed list elements */

#container {
	background: url(../images/bg_main.png) no-repeat fixed top left;
	padding-bottom: 50px;
	}
	
#contact { width: 326px; }

#contact h1 { margin-left: -9000px; }

#contact ul {
	position: fixed;
	top: 400px;
	width: 306px;
	}

#contact ul li { padding-left: 20px; }

/* ** CONTENT: THE BEGINNING ** */
#content { margin-left: 346px; }

#about, #clients {
	float: left;
	width: 306px;
	margin-right: 20px;
	}

#about h2, #clients h2 {
	margin: 84px 0 140px;
	font-size: 3.6em;
	color: #FFF100;
	letter-spacing: -0.075em;
	line-height: 1em;
	text-transform: uppercase;
	}

#about #intro p {
	font-size: 1.6em;
	line-height: 1.3125;
	margin-bottom: 1em;
	}

#about h3 {
	font-size: 1.6em;
	line-height: 1.3125;
	margin-top: 1.5em;
	color: #FFF100;
	text-transform: uppercase;
	}

#about ul {
	margin: 0.8em 0 2em;
	}

#about ul li { margin-bottom: 1em; }
#about ul li p { text-transform: uppercase; }

#about ul li p span.percent { display: none; }

.skill {
	width: 100%;
	height: 4px;
	margin: 4px 0;
	background: url(../images/bg_skills.gif) repeat;
	}

.percentLine { height: 100%; background-color: #FFF100; }

/* styleswitching */

.switchStyle {
	text-transform: uppercase;
	float: right;
	cursor: pointer;
	}

#switchStyle2 span { color: #fff; }
#switchStyle2:hover span.Yellow { color: #FFF100; }

#switchStyle1 { display: none; }