/*===============================================================================

GENERIC PAGE STRUCTURE ELEMENTS

===============================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td {
margin:0;
padding:0;
} 

html, body {
margin:0px;
padding:0px;
width:100%;
}

body {
background-color:#2b2f35;
background-image:url(../img/page-bkg.gif);
background-position:0px 0px;
background-repeat:repeat-x;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}

div.pageWrapper {
width:940px;
margin:0px auto;
text-align:left;
background-image:url(../img/logo.gif);
background-position:0px 80px;
background-repeat:no-repeat;
}

div.footer {
background-image:url(../img/footer-bkg.gif);
background-position:top center;
background-repeat:no-repeat;
padding:20px 0;
text-align:center;
}


/*===============================================================================

COLUMNS ELEMENTS

===============================================================================*/

.size1 {
width:60px;
}

.size2 {
width:140px;
}

.size3 {
width:220px;
}

.size4 {
width:300px;
}

.size5 {
width:380px;
}

.size6 {
width:460px;
}

.size7 {
width:540px;
}

.size8 {
width:620px;
}

.size9 {
width:700px;
}

.size10 {
width:780px;
}

.size11 {
width:860px;
}

.floatLeft {
float:left;
margin-right:20px;
}

.lastFloat {
margin-right:0px;
}

.largeGap {
margin-right:100px;
}

.noBottom {
margin-bottom:20px;
}

.clear {
line-height:0;
overflow:hidden;
clear:both;
}


/*===============================================================================

GENERIC TEXT ELEMENTS

===============================================================================*/

h1, h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-bottom:20px;
line-height:20px;
}

h1 {
font-size:22px;
}

h2 {
font-size:16px;
}

p {
margin-bottom:20px;
}

a {
text-decoration:underline;
color:#99cc66;
}

a:hover {
text-decoration:underline;
color:#ffffff;
}

a:focus {
outline:none;
}

a img {
border:none;
}

a.buttonLink {
text-align:center;
display:block;
width:220px;
height:20px;
background-color:#191919;
color:#ffffff;
text-decoration:none;
}

a.buttonLink:hover {
background-color:#6a823b;
}

acronym {
cursor:help;
}

.textRight {
text-align:right;
}

.textCenter {
text-align:center;
}




/*===============================================================================

MAIN MENU ELEMENTS

===============================================================================*/

ul.mainNav {
list-style-type:none;
padding-top:8px;
padding-left:543px;
height:32px;
}

	ul.mainNav li{
	float:left;
	padding-left:17px;
	}
	
	ul.mainNav li a{
	display:block;
	height:25px;
	background-position:top left;
	background-repeat:no-repeat;
	}
	
	ul.mainNav li a:hover{
	background-position:bottom left;
	}
	
		ul.mainNav li.tab1 a {
		width:70px;
		background-image:url(../img/tab1.gif);
		}
		
		ul.mainNav li.tab2 a {
		width:81px;
		background-image:url(../img/tab2.gif);
		}
		
		ul.mainNav li.tab3 a {
		width:76px;
		background-image:url(../img/tab3.gif);
		}
		
		ul.mainNav li.tab4 a {
		width:102px;
		background-image:url(../img/tab4.gif);
		}
	
	ul.mainNav li a span{
	display:none;
	}
	
	ul.mainNav li.active a,
	ul.mainNav li.active a:hover{
	background-position:bottom left;
	}

div.contactLabel {
width:380px;
height:20px;
background-image:url(../img/contact-label.gif);
background-position:0px 0px;
background-repeat:no-repeat;
position:absolute;
top:112px;
left:560px;
}

/*===============================================================================

CONTENT ELEMENTS

===============================================================================*/

a.buttonResume,
a.buttonLinkedIn {
display:block;
width:161px;
height:30px;
background-image:url(../img/button-resume.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

a.buttonLinkedIn {
background-image:url(../img/button-linkedin.gif);
}

a.buttonResume span,
a.buttonLinkedIn span {
display:none;
}

div.homeSection {
position:relative;
top:0px;
left:0px;
padding-bottom:40px;
background-image:url(../img/section-home.gif);
background-position:0px 190px;
background-repeat:no-repeat;
}

	div.homeSection a.buttonResume,
	div.homeSection a.buttonLinkedIn{
	position:absolute;
	top:80px;
	left:560px;
	}
	
	div.homeSection a.buttonLinkedIn{
	left:779px;
	}
	
/*--------------------------------------------------*/

div.project {
width:700px;
margin-left:240px;
margin-bottom:40px;
}

	div.homeSection div.project {
	margin-top:150px;
	}
	
div.projectPicture {
height:310px;
margin-bottom:40px;
}

ul.skillset {
list-style-type:none;
margin-bottom:20px;
}

	ul.skillset li{
	padding-left:20px;
	background-image:url(../img/checker.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	}
	
	ul.skillset li.rejected {
	background-image:url(../img/rejected.gif);
	}

/*--------------------------------------------------*/

#sectionAbout {
background-image:url(../img/section-about.gif);
}

#sectionPortfolio {
background-image:url(../img/section-work.gif);
}

#sectionContact {
background-image:url(../img/section-contact.gif);
}

/*--------------------------------------------------*/

div.pageSection {
clear:both;
background-position:0px 100px;
background-repeat:no-repeat;
padding-bottom:40px;
}

	div.pageSection ul.mainNav {
	height:52px;
	margin-bottom:40px;
	background-image:url(../img/separator.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	}

div.reference {
padding:20px 20px 20px 40px;
background-color:#2B2F35;
background-image:url(../img/quotes.gif);
background-position:0px 20px;
background-repeat:no-repeat;
}

	cite {
	}

div.footer p {
margin-bottom:0;
font-size:10px;
}