/************************************************ Looks Tidy ************************************************/



* {

margin: 0;

padding: 0;

}



html {

height: 100%;

font-size: 62.5%;

}



body {

	background-image:url(../images/purple_strip.jpg);

	background-repeat:repeat-x;

	line-height: 18px;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #990066;

	font-size: 1.5em;

	color:#FFFFFF;

}



h2, h3, p, .projectContainer img  {

display: block;

margin-bottom: 18px;

}

a {

	font-style:normal;

	color: #CCCCCC;

	text-decoration:none;

}

a:hover {

	color: #CCCCCC;

	font-style:normal;

	text-decoration:underline;

}

#wrapper {

	background:url(../images/header_logo.jpg) no-repeat;

	margin: 0px auto;

	padding: 250px 52px 50px;

	width: 622px;

	top: -8px;

}



#wrapper_photography {

	margin: 0px auto;

	padding: 250px 52px 50px;

	width: 622px;

	top: -8px;

	background-image: url(../images/header_camera.jpg);

	background-repeat: no-repeat;

}

#wrapper_accessibility {

	margin: 0px auto;

	padding: 250px 52px 50px;

	width: 622px;

	top: -8px;

	background-image: url(../images/header_iphone.jpg);

	background-repeat: no-repeat;

}



h1 {

	position: absolute;

	top: -100px;

}

h2 {

	font-size: 1.3em;

	line-height: 36px;

	font-weight: normal;

	text-transform: uppercase;

	padding-right: 10px;

	text-align:right;

}



h3 {

	font-size: 36px;

	font-weight: normal;

}



h4 {

	font-size: 1.0em;

	font-weight: bold;

	text-transform: uppercase;

	margin-top: 25px;

	margin-bottom: 7px;

	border-bottom:1px;

	border-bottom-color:#CCCCCC;

	border-bottom-style:solid;

}



#about h2 {

	background-image:url(../images/banner_about.gif);

	background-repeat:no-repeat;

}



#previews h2 {

	background-image:url(../images/banner_previews.gif);

	background-repeat:no-repeat;

}



#websites h2 {

	background-image:url(../images/banner_websites.gif);

	background-repeat:no-repeat;

}



#accessibility_banner h2 {

	background-image:url(../images/banner_accessibility.gif);

	background-repeat:no-repeat;

}



#textsize h2 {

	background-image:url(../images/banner_textsize.gif);

	background-repeat:no-repeat;

}



#icons h2 {

	background-image:url(../images/banner_icons.gif);

	background-repeat:no-repeat;

}



#accesskeys h2 {

	background-image:url(../images/banner_accesskeys.gif);

	background-repeat:no-repeat;

}



#photography_banner h2 {

	background-image:url(../images/banner_photography.gif);

	background-repeat:no-repeat;

}



#pdfs h2 {

	background-image:url(../images/banner_pdf.gif);

	background-repeat:no-repeat;

}



.thumbnails {

	height: 216px;

	width: 640px;

}

.thumbnails img {

	float: left;

	margin-right: 14px;

	margin-bottom: 17px;

}



img {

	border:1px;

	border-color:#FFFFFF;

	border-style:solid;

}



.projectContainer {

	padding-top: 18px;

	padding-bottom: 17px;

	color: #FFFFFF;

	border-bottom-width: 15px;

	border-bottom-style: solid;

	border-bottom-color: #330033;

}

.backToTop {

	font-size: 12px;

	text-align: right;

	background-image:url(../images/up_arrow.gif);

	background-repeat:no-repeat;

	background-position:right;

	padding-right: 30px;

	line-height:25px;

	font-size:0.8em;	

}



.backToTop, #portfolio h2 {

	margin: 0px;

}

:target {

	background: url(../images/selected-highlights.gif) no-repeat 100% 36px;

}

#portfolio :target {

	background: url(../images/selected-portfolio.gif) no-repeat 100% 0px;

}



#pagecurl {

float:right;

}



/************************************************ Footer ************************************************/



#footer {

	width:auto;

	height: 125px;

	background-image:url(../images/footer_strip.gif);

	background-repeat:repeat-x;

	border-top-width: 0px;

	border-top-style: none;

	margin-top: 0px;

	margin-bottom: 0;

	text-decoration:none;

	background-position: left;

	}



#footergraphic {

	width:auto;

	height: 125px;

	background-image:url(../images/footer.gif);

	background-repeat:no-repeat;

	border-top-width: 0px;

	border-top-style: none;

	margin-top: 0px;

	margin-bottom: 0;

	text-decoration:none;

	background-position: center;

	}



p.footer-left {

	float: left;

	padding-top:0px;

	padding-left:5px;

	width: auto;

	color: #FFFFFF;

	text-align: left;

	margin-top: 20px;

	margin-right: 0;

	margin-bottom: -45px;

	margin-left: 0px;

	line-height: 17px;

	text-decoration:none;

}



p.footer-left a {

	color: #FFFFFF;

	font-weight: normal;

	text-decoration: none;

	top: auto;

	background-image:none;

}



p.footer-left a:hover {

	color: #CCCCCC;

	text-decoration: underline;

}



p.footer-right {

	float: right;

	padding-right:5px;

	width: 330px;

	color: #FFFFFF;

	text-align: right;

	margin: 92px 0px 0 0;

	line-height: 17px;

	text-decoration:none;

}



p.footer-right a {

	color: #FFFFFF;

	font-weight:normal;

	text-decoration: none;

}



p.footer-right a:hover {

	color: #CCCCCC;

	text-decoration: underline;

}



/************************************************ Block ************************************************/



.block {

	margin-top: 15px;

	border-bottom-width: 15px;

	border-bottom-style: solid;

	border-bottom-color: #330033;

}



/************************************************ Links ************************************************/



a.popup {

	padding-right: 18px;

   background: transparent url(images/icon_popup.gif) no-repeat center right;

}



a[href $='.pdf'] { 

   padding-right: 18px;

   background: transparent url(images/icon_pdf.gif) no-repeat center right;

}



/************************************************ Menu ************************************************/



#pad {height:140px;}

#menu {padding:0 0 20px 0;  list-style:none; width:100%;}

#menu li {float:left; margin-left:0px;margin-bottom:15px;}

#menu li a {

	display:block;

	height:40px;

	line-height:40px;

	padding:0 20px;

	float:left;

	color:#FFFFFF;

	text-align: center;

	background-color: #330033;width: 84px;

}

#menu li a:hover {
background: #990066 url(../images/hover.gif) bottom center no-repeat; text-decoration:none;
}



#home #nav_home a, #about #nav_about a, #websites #nav_websites a, #photography #nav_photography a, #accessibility #nav_accessibility a {background-color:#000000;}