@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color:#444331;
    font-size:11px;
	background-color: #EFEFEF;
	}
	
div#container {
	background: url(img/bg.png) no-repeat top center scroll;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 600px;
	}

div#logo {
	margin-right: auto;
	margin-left: 6%;
	width: 231px;
	height: 77px;
	padding-top: 5px;
	}
	
div#dottedline {
	width: 360px;
	height: 2px;
	background: url(img/dottedline.png) center no-repeat;
	padding-top: 40px;
	margin-left: 18%;
	}

div#linkbar{
	margin-left: 30%;
	margin-right:auto;
	display:block;
}

#linkbar ul {
	width: 180px;
	height: 13px;
	margin-top: 0;
	padding-top: 0px;
	display:block;
	float:left;
	list-style:none;
	padding: 0;
	background:url(img/links.png) no-repeat 0 0;
	}
#linkbar_ie{
	display: none;
}

#linkbar ul li {
	display: block;
	float:left;
	padding: 0;
	text-indent:-10000px;
  	}
	
#about, #about_visiting {
    width:67px;
  	}
#work_page, #work_visiting {
    width:63px;
  	}
#contact, #contact_visiting {
    width:49px;
  	}

#linkbar ul li a {
    display:block;
    width:100%;
    height:100%;
  	}

#about a:hover, #about_visiting, #about_visiting a:hover {
    background:url(img/links.png) no-repeat 0px -13.05px;
  	}
#work_page a:hover, #work_visiting, #work_visiting a:hover {
    background:url(img/links.png) no-repeat -67px -13.05px;
  	}
#contact a:hover, #contact_visiting, #contact_visiting a:hover {
    background:url(img/links.png) no-repeat -130px -13.05px;
	}

div#mainnews {
    background:url(img/contentbox.png) no-repeat 0 0;
	height: 270px;
	width: 350px;
	padding-bottom:20px;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	margin-top:5%;
	margin-left:23.5%;
	margin-right:auto;
	}
div#news {
	height: 286px;
	width: 300px;
	}
	
div#about {
    background:url(img/contentbox.png) no-repeat 0 0;
	height: 270px;
	width: 350px;
	padding-bottom:20px;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	margin-top:5%;
	margin-left:23.5%;
	margin-right:auto;
	}
div#aboutcontent {
	height: 301px;
	width: 300px;
	}

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

div#work {
	height: 315px;
	width: 540px;
	padding-bottom:10px;
	padding-top:50px;
	padding-left:10px;
	padding-right:10px;
	margin-top:3%;
	margin-left:13%;
	margin-right:auto;
	background-color:#FFFFFF;
	}
#portlinks ul {
	margin-left: 3%;
	margin-right:auto;
	margin-top: -230px;
	padding-top: 0px;
	display: block;
	float:left;
	width: 90px;
	height: 114px;
	list-style:none;
	padding: 0;
	background:url(img/portlinks.png) no-repeat 0 0;
	}
	
#portlinks ul li {
	display: block;
	float:left;
	padding: 0;
	width:90px;
  	text-indent: -10000px
	}
	
#layout, #layout_visiting {
    height:23px;
  	}
#album, #album_visiting {
    height:23px;
  	}
#illustration, #illustration_visiting {
    height:23px;
  	}
#logoandidentity, #logoandidentity_visiting {
    height:23px;
  	}
#various, #various_visiting {
    height:23px;
  	}

#portlinks ul li a {
    display:block;
    width:100%;
    height:100%;
  	}

/* Defines mouse-over as well as the image for the "visting" or page currently visited.
 * This also defines the mouse-over for selected as the same thing...we don't want it
 * to get all wonky, do we?  Of course not.   */
#layout a:hover, #layout_visiting, #layout_visiting a:hover  {
    background:url(img/portlinks.png) no-repeat -93px 0px;
  	}
#album a:hover, #album_visiting, #album_visiting a:hover {
    background:url(img/portlinks.png) no-repeat -93px -23px;
  	}
#illustration a:hover, #illustration_visiting, #illustration_visiting a:hover {
    background:url(img/portlinks.png) no-repeat -93px -46px;
	}
#logoandidentity a:hover, #logoandidentity_visiting, #logoandidentity_visiting a:hover {
    background:url(img/portlinks.png) no-repeat -93px -69px;
	}
#various a:hover, #various_visiting, #various_visiting  a:hover {
    background:url(img/portlinks.png) no-repeat -93px -92px;
	}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

div#contact_div {
	background:url(img/contentbox.png) no-repeat 0 0;
	height:270px;
	width:350px;
	padding-top:45px;
	padding-left:80px;
	padding-right:20px;
	margin-top:5%;
	margin-left:23.5%;
	margin-right:auto;
	}
div#promo {
	height:52px;
	width:300px;
	margin-left:31.5%;
	}


/*																					   */
/* -------------------------- Simple Gallery Stuff ----------------------------------- */
/*																					   */
/* Gallery container box*/
#gallerybox{
	padding-left: 95px;
	margin-top: -35px;
}

#simplegallery1{ 
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
	border: 2px solid black;
}

/* Adjust this to shift the text in the descriptions for the images */
#simplegallery1 .gallerydesctext{ 
	text-align: left;
	padding: 2px 5px;
}

img{
border:none;
}