/* CSS Document */

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


/* removes list-style from lists */
ol, ul
{list-style : none; }



/* removes border from fieldset and img */
fieldset, img
{border : 0; }




html {
	text-align:center;
	background-color:#C3CC6A;
	}
	
body {
	width:760px;
	margin: 0 auto;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
		
	

/*------------------------------------	Div styles -----------*/

#branding {	
	background-image:url(../images/216layout_01.gif);
	float:left;
	height:197px;
	width:270px;
	}
	

	
#branding h1 {
	position:absolute;
	}

	
#nav {
	background-image:url(../images/216layout_02.gif);
	float:right;
	height:197px;
	width:490px;
	}
	

#nav ul {
	padding-left:10px;
	}
	

	
#content {
	background-image:url(../images/216layout_03.gif);
	clear:both;
	height:368px;
	width:760px;
	z-index:1;
	}
	
#content img{
	height:300px;
	padding:25px 0 0 60px;
	width:475px;
	}	
	
#siteinfo  {
	background-image:url(../images/216layout_04.gif);
	height:334px;
	width:760px;
	background-repeat:no-repeat;
	}
	
#siteinfo ul {
	padding-top:5px;
	padding-right:495px;
	}

	
/*------------------------------ gallery thanks to stu nicholls--------------*/

/*----------------------------- The containing box for the gallery --------- */
#portfolio {
	 z-index:10;
    position:relative; 
    width:760px; 
    height:368px;
	    
    }	
#portfolio a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#C3CC6A;
    }
	 
/* Adding the thumbnail images */
#portfolio a.gallery {
    display:block;
    }
	 
#portfolio a.slidea {
    background:url(../arch-images/imagea.jpg); 
    height:50px; 
    width:100px;
    }
#portfolio a.slideb {
    background:url(../arch-images/imageb.jpg); 
    height:50px; 
    width:100px;
    }
#portfolio a.slidec {
    background:url(../arch-images/imagec.jpg); 
    height:50px; 
    width:100px;
    }
#portfolio a.slided {
    background:url(../arch-images/imaged.jpg); 
    height:50px; 
    width:100px;
    }
#portfolio a.slidee {
    background:url(../arch-images/imagee.jpg); 
    height:50px; 
    width:100px;
    }
#portfolio a.slidef {
    background:url(../arch-images/imagef.jpg); 
    height:50px; 
    width:100px;
    }

#portfolio a.gallery:visited {
	outline: 1px solid #222;
	}
#portfolio a.gallery:hover, #portfolio a.gallery:active {
	outline: 1px solid #FFF;
	}
	
#portfolio ul {
    width:102px; 
    height:307px;
	 float:right;
	 padding:15px 5px 0 0;
    }

/*------------------------------- styling the :hover span ------------- */
#portfolio a.gallery:hover span {  
    padding-left:35px;  
	 overflow:visible;
    }

	
.design {
	padding-top:100px;
	}

	
.currentlink {
	color:#900;
	font-size:125%;
	}