body {font-family: arial, verdana, helvetica; font-size:1em;
 text-align: center;
 background-color:#333;
 color:#CCCCCC;
 margin:0;

}

p{display:block; padding-left:20px;}
h1{display:block;  color:#FFF; }
 h2{ display:block; font-weight:bold; color:#FFF; font-size:1em;}
 h3{ display:block; font-size:x-small; font-style:italic; }
 
img{ border:0;}
A:link {text-decoration: none; color:#999}
A:visited {text-decoration: none; color:#999}
A:active {text-decoration: none}
A:hover {text-decoration: none}




/*layout block format*/

div.left{float:left;}
div.clear { clear:both;}

div.holder {width:auto;height:auto;min-height:100%;background-color:#333;overflow: auto;margin: 0px auto;text-align: center; }
div.header { position:relative;height: 100px; width:1024px; margin:auto; overflow:hidden;  background-position:center; background-repeat:repeat-x; background-image:url(http://img1.andymain.co.uk/Images/headerbg.jpg)}
div.header img { padding:5px; float:left;}
div.nav{ margin:auto; height:29px; width:1024px; background-image:url(http://img1.andymain.co.uk/Images/navbg.jpg); background-repeat:repeat-x;}
div.center{ width:790px; margin:auto;}
div.content {text-align:left; margin:auto; height:auto; min-height:450px; background-color:#222;width:1024px; overflow:auto;}
div.footer { text-align:center;  margin: 0px auto;padding: 5px 0px 5px 0px;width:1024px;background-color:#333}

/*nav format*/
div.nav ul {list-style: none;margin: 0;padding: 0;}
div.nav ul li {float: left;margin: 0;padding: 0; width:170px;}
div.nav ul li ul {position:absolute;float: left;margin: 0;padding: 0; width:170px; background-color:#000; display:none;top:129px;}
div.nav ul li:hover ul{  display:block;
 }
div.nav ul li a:hover   {
	color:#fff;
  display:block;

}
div.nav a{text-decoration: none;font-weight:bold; padding-top: 4px;width:170px;cursor:pointer;float: left;display:block;	margin-right:8px;background-repeat: no-repeat;text-align:center;color:#CCCCCC;height:25px;}
div.nav a.navOff:hover  {cursor:pointer;color:#fff; }
div.nav ul li ul a.navOff:hover  {cursor:pointer;color:#fff;}
div.nav .navOn {color:#FFF !important;cursor: default; background-image:url(http://img1.andymain.co.uk/navhover.jpg); background-repeat:repeat-x;}

/*Form format*/
label {display:block;float:left;width:150px;}
form p {clear:both;}
input.btn {background-color:#EAE9EB;border:1px solid #817A88;color:#000000;font-weight:bold;padding:2px 6px;}

/*contact format*/
div.contact-cent{
	text-align:center;}
div.contact{height:auto; padding:20px; margin:auto; width:500px; text-align:left; }

/*comments format*/
div.addComment{ padding:20px; border-top:2px dotted #333333;}
div.comments{width:auto;height:auto;}
div.comment{width:auto;height:auto; padding:20px; border-top:2px dotted #333333;}

/*blog format*/
div.photoBlog{ height:auto; width:auto;  }
div.blog{border-top:2px solid #333; height:auto; width:auto; overflow:auto; padding:20px;}
div.blog img {
	padding:5px;}
div.blogEntry{height:auto; width:auto; padding:5px; }

/*about format*/
div.about, div.intro{ height:auto; width:auto; overflow:auto; padding:20px;}

/*blog archive format*/
 
	
	#blog_archive{
        height:auto; 
		width:auto; 
		padding:20px;
        
    }
	
	div#blog_archive h2{
    
        color:#999999;
    }
	
	div#blog_archive ul{
		 display: none;
        cursor: pointer;
		list-style:none;
    }
	
    div#blog_archive span{
        display: block
        
    }
    div#blog_archive ul.year{
        display: block;
    }
     div#blog_archive ul.month{
        display: inherit;
    }
     div#blog_archive ul.blog{
        display: inherit;
    }
    
   /*show case format*/
   
   	
		:focus { outline: 0; }
		#slideshow-cont { width: 1024px; text-align: center;}
		#slideshow { width: 804px; height: 312px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; overflow: hidden; border: 2px solid #000; }
		#showcase { width: 400px; height: 312px; overflow: hidden; float: left; background: #000; }
		#showcase-loader img { margin: 134px 184px; }
		#showcase .bigimage, #showcase-loader { position: absolute; width: 400px; height: 312px; overflow: hidden; text-align:center; }
        #showcase .bigimage img {margin:auto; }
        
		#showcase .text { text-align: left; width: 400px; position: absolute; left: 0; bottom: -1px; background: url('projects/showcase/images/background_transparent.png') 0 0 repeat; overflow: hidden; }
		#showcase .text h2 { color: #FFF; font-size: 18px; line-height: 18px; font-weight: 800; margin: 20px 20px 0 20px; }
		#showcase .text span { color: #FFF; font-size: 11px; line-height: 17px; margin: 10px 20px 20px 20px; display:block;}
		#showcase .text a { color: #FFF; }
		#showcase-nav-sub1 {float: left; }
		#showcase-nav-sub2 {float: right; }
		#showcase-nav { float: right; width: 400px; overflow: hidden;  background: #222; }
		#showcase-nav ul { list-style: none; padding: 0; margin: 0; }
		#showcase-nav li { float: left; clear: both; margin: 0; padding: 0; } 
		#showcase-nav a { display: block; width: 200px; padding: 10px 0; overflow: hidden; border-bottom: 1px solid #000; text-decoration: none; }
		#showcase-nav a:hover { background: #444; }
		#showcase-nav .thumbnail { display: block; width: 74px; overflow: hidden; float: left; }
		#showcase-nav .thumbnail img { border: 2px solid #EEE; margin: 0 10px;}
		#showcase-nav .text { display: block; font-size: 11px; font-weight: 800; color: #EEE; width: 116px; overflow: hidden; float: left; padding: 0 0 10px 0; }
		#showcase-nav .last a { border: 0; }
		#showcase-nav .active a { background: #666; }
		#showcase-nav .active a .text { color: #EEE; }