@charset "utf-8";

#container {
	position:relative;
	}
	
h1#sidebanner {
	position:absolute;
	top:176px;
	left:13px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:url(../media/images/gal_nav/banner_side.jpg) no-repeat;
	height:612px;
	width:106px;
	}
	
h2#corner_image {
	position:absolute;
	top:0px;
	left:3px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:url(../media/images/gal_nav/corner_images.jpg) no-repeat;
	height:176px;
	width:189px;
	}
	
h2#vectorhead {
	position:absolute;
	top:0px;
	left:192px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:url(../media/images/gal_nav/gal_head_vector.jpg) no-repeat;
	height:122px;
	width:514px;
	}

h2#rasterhead {
	position:absolute;
	top:0px;
	left:192px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:url(../media/images/gal_nav/gal_head_raster.jpg) no-repeat;
	height:122px;
	width:514px;
	}

h2#sketchhead {
	position:absolute;
	top:0px;
	left:192px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:url(../media/images/gal_nav/gal_head_sketch.jpg) no-repeat;
	height:122px;
	width:514px;
	}

/*  horizontal navigation  */

ul#nav {
	position:absolute;
	top:130px;
	left:172px;
	background:url(../media/images/gal_nav/nav_bar.gif) no-repeat right;
	padding:0 25px 0 0;
	margin:0;
	height:34px;
	list-style-type:none;
	}

div#navigation {
	padding:0;
	margin:0px;
	width:811px;
	}

/*  vertical navigation buttons  */

div#image_nav {
	position:absolute;
	top:180px;
	left:100px;
	width:85px;
	padding:0;
	margin:0;
	}
	
ul#image_navigation {
	list-style-type:none;
	}
	
#image_navigation li {
	padding:0 0 10px;
	}
	
#vectornav {
	display:block;
	background:url(../media/images/gal_nav/gal_icon_vector.jpg) no-repeat left;
	text-indent:-9999px;
	width:85px;
	height:85px;
	}
	
#vectornav:hover {
	background-position:right;
	}
	
#vectorcurrent {
	display:block;
	background:url(../media/images/gal_nav/gal_icon_vector_current.jpg) no-repeat;
	text-indent:-9999px;
	width:85px;
	height:85px;
	}		
	
#rasternav {
	display:block;
	background:url(../media/images/gal_nav/gal_icon_raster.jpg) no-repeat left;
	text-indent:-9999px;
	width:85px;
	height:85px;
	}
	
#rasternav:hover {
	background-position:right;
	}
	
#rastercurrent {
	display:block;
	background:url(../media/images/gal_nav/gal_icon_raster_current.jpg) no-repeat;
	text-indent:-9999px;
	width:85px;
	height:85px;
	}		
	
#sketchnav {
	display:block;
	background:url(../media/images/gal_nav/gal_icon_sketch.jpg) no-repeat left;
	text-indent:-9999px;
	width:85px;
	height:85px;
	}
	
#sketchnav:hover {
	background-position:right;
	}
	
#sketchcurrent {
	display:block;
	background:url(../media/images/gal_nav/gal_icon_sketch_current.jpg) no-repeat;
	text-indent:-9999px;
	width:85px;
	height:85px;
	}		
	

/*  content  */

#content {
	text-align:left;
	/*position:absolute;
	top:200px;
	left:260px;*/
	width:488px;
	float:left;
	margin:200px 0 0 260px;
	padding:0;
	}

* html #content {
	display:inline; /* IE6 double margin float bug */
	}

#content img {
	padding:0;
	margin:0 14px 12px 0;
	}
	
#content a:link img, #content a:visited img, #content a:active img {
	padding:0;
	margin:0 14px 12px 0;
	border:4px solid #040d85;
	}
	
#content a:hover img {
	border:4px solid #fff;
	}	
	
#content h4 {
	padding-top:15px;
	margin-bottom:10px;
	}
	
#content p {
	color:#a89e96;
	}