/* ---------------------------------------------------- TAGS ---------------------------------------------------- */

a { /* Sets the standard link colour, (that's not in the nav bar or footer), to a light grey. i.e. e-mail links */
	color: #999999;
	text-decoration: underline;
}
hr {
	height: 1px;
	width: 80%;
	padding: 0px;
	text-align: center;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	color: #333333;
}

body { /* Sets the background colour to black, bg image to bg.png and the main text size and colour */
	color: #999999;
	text-align: left;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	
	/* When using one background image, use the following code in the BODY tag */
	background-attachment: fixed;
	background-image: url(../../images/backgrounds/bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	
	/* When using background images for both LEFT and RIGHT, use the following code in the BODY tag */
	/*
	background-image: url(background-left-image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	*/
}
cite { /* Used to set parameters for the 'cite' tag, which is used as a title */
	color: #CCCCCC;
	display: block;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: center;
}
input, select { /* Sets the colour, font style, etc for the main 'input area' of the form */
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border: solid 1px #333333;
	background-color: #000000;
	font-size: 95%;
}



fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* ---------------------------------------------------- PSEUDO ID's ---------------------------------------------------- */
#background-left {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	/*
	background-image: url(background-left-image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	*/
}
#background-right {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	/*
	background-image: url(background-right-image.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	*/
}
#main-container {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#header {
	height: 146px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
}
#main-content {
	width: 780px;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#main-content-pic-top, #main-content-pic-bottom {
	width: 780px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: none;
}
#change-css {
	width: 738px;
	padding: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 75px;
	border: solid 1px #222222;
	background-image: url(../../images/backgrounds/bg-rev-50.png);
	background-repeat: repeat-x;
	background-color: #000000;
	background-position: top;
}

#change-css p {
	float: left;
	display: block;
	font-size: 14px;
	line-height: 24px;
	margin: 13px 0px 0px;
	color: #ffffff;
}

#change-css a, #change-css a:link, #change-css a:visited {
	float: right;
	padding: 2px;
	margin-left: 5px;
}

#change-css a:hover, #change-css a:active {
	padding: 0px;
	border: solid 2px #ffffff;
}

#main-content h1 {
	color: #666666;
	font: bold 1.1em sans-serif,Arial;
	margin: 0 0 4px;
}
#main-content h2 {
	color: #999999;
	margin: 0 0 4px;
	font-family: sans-serif, Arial;
	font-size: 1.2em;
	font-weight: bold;
}
#main-content p {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 4px;
	font-size: small;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
#main-content li {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding: 0px;
}
#main-content a {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 4px;
	font-size: small;
	font-weight: bold;
	font-variant: normal;
	text-decoration: underline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#main-content a:hover, #main-content a:active {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 4px;
	font-size: small;
	font-weight: bold;
	font-variant: normal;
	text-decoration: underline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#main-content img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#main-content table p {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
#main-content table {
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#validation img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#advertising, #advertising a {
	font-size: xx-small;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#seo {
	display: none;
}
/* -------------------------------------------------------- NAVIGATION MENU ------------------------------------------------- */
#nav-box { /* This box surrounds the navigation bar and spans the width of the page. A 1px border at the top and bottom show position without affecting the main 'nav' parameters. Background colours or images can be applied to this tag to change the look of the whole 'nav' area. */
	width: 100%;
	height: 20px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #252525;
	border-bottom-color: #111111;
	margin: 0px;
	background-image: url(../../images/backgrounds/bg-rev-50.png);
	background-repeat: repeat-x;
	background-color: #000000;
	background-position: top;
}
#nav { /* These properties set the navigation bar central to the screen until the borders are squeezed less than the width dimension. At that point the nav bar will disappear off the side of the page */
	width: 775px;
	padding: 0px;
	height: 18px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#nav ul { /* These properties set the <UL> tag for the links in the navigation bar */
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#nav li {	/* These properties set the <LI> tag for the links in the navigation bar */
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#nav a {
/* These properties set the <A> tag for the links in the navigation bar. This general <A> tag must be set otherwise some browsers show a visited link in the defaul value rather than the one set in a:visited */
	text-align: center;
	display: block;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	width: 129px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#nav a:link, #nav a:visited {
	/* These properties affect the link and visited <A> tags used in the navigation bar */
	color: #CCCCCC;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#nav a:hover, #nav a:active {
	/* These properties affect the hover and active <A> tags used in the navigation bar */
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-weight: bold;
	background: url(../../images/bg-hover.png) repeat-x left bottom;
}

/* -------------------------------------------------------- FOOTER MENU -------------------------------------------------------- */
#footer {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #666666;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #252525;
	border-bottom-color: #111111;
	padding: 2px;
	background-image: url(../../images/backgrounds/bg-rev-50.png);
	background-repeat: repeat-x;
	background-color: #000000;
	background-position: top;
}
#footer ul { 
/* These properties set the <UL> tag used to center the text in the footer section */
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#footer li { 
/* These properties set the <LI> tag used to display the links inline in the footer section */
	display: inline;
}
#footer a { 
/* These properties affect the properties of the <A> tag used in the footer section */
	font-size: 100%;
	color: #999999;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#footer a:link, #footer a:visited { 
/* These properties affect the link and visited <A> tags used in the footer section */
	font-size: 100%;
	color: #999999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#footer a:hover, #footer a:active { 
/* These properties affect the hover and active <A> tags used in the footer section */
	color: #CCCCCC;
	text-decoration: underline;
	font-weight: normal;
}

/* -------------------------------------------------------- FORM PARAMETERS -------------------------------------------------------- */
form p {
	font-family: Arial, Helvetica, sans-serif;
}
textarea { /* Sets the colour, font style, etc for the main 'text area' of the form */
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #CCCCCC;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #CCCCCC;
	background-color: #000000;
	font-size: 95%;
	text-decoration: none;
}

/* -------------------------------------------------------- CLASSES -------------------------------------------------------- */
.boxed-item {
	margin: 5px 0px 0px 0px;
	padding: 5px 2px 5px 5px;
	border: 1px ridge #333333;
	background-image: url(../../images/backgrounds/bg-rev-50.png);
	background-repeat: repeat-x;
	background-color: #000000;
	background-position: top;
}
.img-left {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.img-right {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.align-centre {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.td-width-100 {

	width: 90px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.td-width-180 {
	width: 180px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.td-width-550 {
	width: 550px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.underline {
	text-decoration: underline;
	font-size: 14px;
}
.bold-italic {
	font-style: italic;
	font-weight: bold;
	color: #999999;
	font-size: 95%;
}
#contact-form h6 {
	color: #FF0000;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-size: 10px;
}
.red-text {
	color: #FF0000;
}

/* ##########   Portfolio Thumbnail Section   ############ */

#main-content .lightbox-tn {
	margin: 10px 0px 0px;
	padding: 8px 10px 10px 6px;
	display: block;
	height: 55px;
	border: 1px ridge #333333;
	background-image: url(../../images/backgrounds/bg-rev-50.png);
	background-repeat: repeat-x;
	background-color: #000000;
	background-position: top;
}

#main-content .lightbox-tn p { 
	margin: 5px 0px 5px 0px; 
	float: right;
	font-weight: bold;
	font-style: italic;
	text-align: right;
}

#main-content p.heading { text-decoration: underline; }
#main-content p strong { color: #aaaaaa; }

#main-content .lightbox-tn a, #main-content .lightbox-tn a:link, #main-content .lightbox-tn a:visited { 
	margin: 0px 6px 0px 0px; 
	border: solid 2px transparent;
	float: left;
	padding: 2px;
}

#main-content .lightbox-tn a:hover, #main-content .lightbox-tn a:active { 
	border: solid 2px #eeeeee;
}