/*	
	beta Style Sheet
	URL: http://www.beta.com/
	Author: Jason Cornish
	Author URL: http://www.designimaging.co.uk/
	Created on: 03/09/08
	Last updated: 03/09/08
	
	Thank you for viewing the css document for this website, if you have any questions regarding web design please contact Design 	Imaging on info@designimaging.co.uk. 
*/


/* Structure
---------------------------------------------------------------------------------*/

*{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	color: #333;
	}
	
body {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	font-size: 95%; 
	background-image: url('/media/background.gif');
	background-repeat: repeat-x; 
	background-position:top;
	background-color: #e3e4e4;
	}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 955px;	 
	text-align: left;
	}

#headercontactinfo {
	margin: 0;
	padding: 3px 40px 3px 0;
	width: 955px;
	text-align: right;
	font-size: 80%;
	background-color: #0194b5;
	}
	
#homepageheader {
	margin: 0;
	padding: 2px 0 75px 20px;
	width: 935px;
	text-align: left;	
	background-image: url('/media/header_background_get_nished.gif');
	background-repeat: no-repeat; 
	background-position:bottom right;
	background-color:  #fff;
	}
	
#header {
	margin: 0;
	padding: 3px 0 75px 20px;
	width: 935px;
	text-align: left;	
	background-image: url('/media/header_background_normal.gif');
	background-repeat: no-repeat; 
	background-position:bottom right;
	background-color:  #fff;
	}
	
	
#homepageportfolio {
	margin: 0;
	padding: 0 0 9px 0;
	width: 955px;
	text-align: left;
	}
	
#portfolioheader {
	margin: 0;
	padding: 0 0 9px 0;
	width: 955px;
	text-align: left;
	}
	
#navigation {
	margin: 20px 10px 0 0;
	padding: 0; 
	width: 945px;
	text-align: right;
	background-color: #fff; 
	}
	
#sidenavigation {
	margin: 0;
	padding: 0 0px 10px 0;
	width:250px;
	height: 100%;
	vertical-align:top;
	float: right;
	}


#maincontent	{
	margin: 0;
	padding: 20px 0 0 0;
	width:955px;
	text-align: left;
	vertical-align:top;
	background-color: #e3e4e4;
	}
	
#portfoliocontent {
	margin: 0;
	padding: 20px 0 0 0;
	width:955px;
	text-align: left;
	vertical-align:top;
	background-color: #e3e4e4;
	}
#homepageabout	{
	margin: 0;
	padding: 0 30px 20px 50px;
	width: 265px;
	text-align: left;
	vertical-align:top;
	background-color: #e3e4e4;
	float: left;
	}
	
#homepageservices	{
	margin: 0;
	padding: 0 30px 20px 0;
	width: 265px;
	text-align: left;
	vertical-align:top;
	background-color: #e3e4e4;
	float: left;
	}
	
#homepagenews	{
	margin: 0;
	padding: 0 30px 20px 0;
	width: 265px;
	text-align: left;
	vertical-align:top;
	background-color: #e3e4e4;
	float: left;
	}
	
#footer {
	margin: 0;
	padding: 100px 20px 0 0;
	width: 935px;
	height: 163px;
	clear: both;
	font-size: 85%;
	background-image: url('/media/footer_background.gif');
	background-repeat: no-repeat; 
	background-position:top;
	background-color: #e10079;
	}
	
#websitecredit {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 70%;
	}

/* Typography and Headings
---------------------------------------------------------------------------------*/
	
h1 {
	color: #000;
	margin: 12px 0 10px 0;
	padding: 0;
	font-size: 120%; 
	font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; 
	display: block;
	}

h2, h3, h4, h5, h6 {
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 120%; 
	font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; 
	display: block;
	}

li {
	padding-bottom:3px;
	list-style-type: square;
	}

#sidenavigation p {
	padding: 0 15px 0 25px;
	color: #000;
	}

#featurednews p {
	padding: 10px;
	margin: 0px;
	}	
	
#footer p {
	padding:5px;
	color: #fff;
	text-align: center;
	}
	
#footer strong {
	color: #fff;
	}
	
#homepageportfolio p {
	padding: 0;
	margin:0;
	}
#headercontactinfo p {
	color: #c0e4ec;
	margin: 0;
	padding: 0;
	}

#portfolioheader p {
	padding: 0;
	margin:0;
	}
#portfolioheader p {
	color: #c0e4ec;
	margin: 0;
	padding: 0;
	}	

#websitecredit p {
	margin: 0;
	padding: 5px;
	}
	
.small{
	font-size:85%;
	}


/* Link Styles
---------------------------------------------------------------------------------*/


a {
    text-decoration: underline;
	color: #333;
	background: transparent; 
    }

a:hover {
    text-decoration: none;
	color: #fff;
	background-color: #02add3;
    }
	
#header a {
    text-decoration: underline;
	color: #333;
	background: transparent; 
    }

#header a:hover {
    text-decoration: none;
	color: #fff;
	background-color: none;
    }

#homepageheader a {
    text-decoration: underline;
	color: #333;
	background: transparent; 
    }

#homepageheader a:hover {
    text-decoration: none;
	color: #fff;
	background-color: none;
    }
	
#footer a {	
	text-decoration:none;
	padding:1px;
	color: #fff;
	}

#footer a:hover {	
	text-decoration:none;
	padding:1px;
	background-color: #fff;
	color: #333;
	}
	
#homepageportfolio a {
    text-decoration: underline;
	color: #333;
	background: transparent; 
    }

#homepageportfolio a:hover {
    text-decoration: none;
	color: #fff;
	background-color: none;
    }
	
	
#portfoliocontent a {
    text-decoration: underline;
	color: #333;
	background: transparent; 
    }

#portfoliocontent a:hover {
    text-decoration: none;
	color: #fff;
	background-color: none;
    }

#navigation a {
    text-decoration: underline;
	color: #333;
	background: transparent; 
    }

#navigation a:hover {
    text-decoration: none;
	color: #fff;
	background-color: none;
    }
	
#headercontactinfo a {
	color: #c0e4ec;
	text-decoration:none;
	}

#headercontactinfo a:hover {	
	color: #fff;
	text-decoration:none;
	}
	
#websitecredit a {
	text-decoration: none;
	color: #333 ;
	background-color: transparent;
	}

#websitecredit a:hover  {
	text-align:center;
	color: #fff; 
	background-color: #02add3;
	}


/* Additional Styles
---------------------------------------------------------------------------------*/

	
.categorycell{
	padding: 10px;
	text-align:center;
	width: 33%;
	}
		
td{
	/*vertical-align:top*/
	}


.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

img {
	border: 0;
	}

hr {
    border: 0;  
    border-bottom: 1px solid #ed1c24;
	height: 1px;
    margin-top: 1ex;
	}

.hiddenclear {
	clear: both;
	color: #fff; 
    font-size: 0; 
    margin: 0;
    visibility: hidden; 
	}

.floatleft {
	float:left;
	margin-right: 5px;
	}

.floatright {
	float:right;
	margin-left: 5px;
	}

.headercontactspacing {
	margin: 0; 
	padding: 0 10px 0 10px;
	color: #c0e4ec;
	}
	
.headernavspacing {
	margin: 0; 
	padding: 0 10px 0 10px;
	color: #c0e4ec;
	float: left; 
	padding: 0 0 0 60px; 
	font-weight: bold;
	}

.leftportfolioimage {
	margin: 0 47px 40px 0;	
	padding: 0;
	}
	
.rightportfolioimage {
	margin: 0 0 40px 0;	
	padding: 0;
	}

/* Form Styles
---------------------------------------------------------------------------------*/

form {
	margin: 0 5px 10px 20px;
	width: 500px;
	padding: 0;
	vertical-align:top;
	float: right;
	}

fieldset {
	padding:0 4px 4px 6px;
	width:85%;
	border:solid 1px #02add3;
	}
	
legend {
	margin: 0px;
	padding:3px 5px 3px 5px;
	color:#02add3;
	font-weight:bold;
	}

.blurred {
	padding: 2px;
	border: #02add3 1px solid;
	background-color: #fff;  
	}

.focused {
	padding: 2px;
	border: #02add3 1px solid; 
	background-color: #ceeff6; 
	}


#sidenavigation form{
	font-size:85%;
	}

/* Top Navigation Styles
---------------------------------------------------------------------------------*/

 #topnav{
	margin: 0;
	padding: 0;
	text-align:right;
	vertical-align: bottom;
	}

#topnav ul, #topnav li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#topnav a:link, #topnav a:visited{
	line-height: 14px;
	font-weight: bold;
	margin: 0 5px 2px 5px;
	padding: 5px;
	text-decoration: none;
	color: #fff;
	font-size: 120%;
	background-color: #ed1c24;
	}

#topnav a:link#current, #topnav a:visited#current, #topnav a:hover{
	padding-bottom: 0px;
	background: transparent;
	color: #fff;
	}

#topnav a:hover {
	color: #ed1c24; 
	}