/* Brian Law Designs CSS */
/* Designed by Jamie York */

/*Ensure there are no margins on the content */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	margin-bottom: 1px;
	background-color: black;
	color: white;
	font-family: verdana, arial sans-serif;
 	background-image: url('../images/bottom_bg.jpg');
 	background-position: bottom center;
 	background-repeat: no-repeat;
 	background-attachment: fixed;
}

/* Class to hide specific elements */
.hidden {
	display: none;
}

/* A wrapper for the fixed background element */
#bgwrapper {
 	width: 100%;
 	height: 100%;
	min-height: 100%;
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
 	background-image: url('../images/nav/nav_line.jpg');
	background-position: 0px 168px;
	background-repeat: repeat-x;
}

/* 404 wrapper */
#wrapper {
 	width: 100%;
 	height: 100%;
	min-height: 100%;
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
}

/* Container wraps around content to provide structure and flow */
#container {
 	width: 760px;
 	margin: auto;
 	height: 100%;
 	padding: 0px;
}

/* The main header */
#header{
	/*background: blue;*/
	height: 158px;
	padding-top: 10px;
}

#header dl {
	margin: 0px;
	padding: 0px;
}

#header dt {
	float: left;
}

#header dt a {
	display: block;
	height: 0px !important;
	overflow: hidden;
	background-repeat: no-repeat;
}

#header dt#logo,
#header dt#logo a {
	width: 760px;
	height: 158px;
	background-image: url('../images/header.jpg');
	background-repeat: no-repeat;
}

/* The top navigation bar */
#nav {
	height: 50px;
	background-image: url('../images/nav/nav_line.jpg');
	background-repeat: repeat-x;
}

#nav dl {
	margin: 0px;
	padding: 0px;
}

#nav dt {
	float: left;
}

#nav dt a {
	display: block;
	height: 0px !important;
	padding: 50px 0px 0px 0px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* Image Replace Navigation Elements */
#nav dt#home,
#nav dt#home a {
	width: 177px;
	background-image: url('../images/nav/nav_home.jpg');
	background-repeat: no-repeat;
}

#nav dt#gallery,
#nav dt#gallery a {
	width: 177px;
	background-image: url('../images/nav/nav_gallery.jpg');
	background-repeat: no-repeat;
}

#nav dt#design,
#nav dt#design a {
	width: 177px;
	background-image: url('../images/nav/nav_design.jpg');
	background-repeat: no-repeat;
}

#nav dt#contact,
#nav dt#contact a {
	width: 177px;
	background-image: url('../images/nav/nav_contact.jpg');
	background-repeat: no-repeat;
}

#nav dt#end,
#nav dt#end a {
	width: 18px;
	background-image: url('../images/nav/nav_line_loop.jpg');
	background-repeat: no-repeat;
	float: right;
	cursor: default; /* Ensure the cursor doesn't change on this non-link */
}

/* The primary content area. */
#content {
	/*background: green;
	min-height: 500px;
	height: 25%;
	overflow: visibile;*/
	/*min-height: 275px;*/
	font-size: 11pt;
}

/* Content styling */
#content .padding {
	padding-top: 5px;
	padding-bottom: 10px;
}

#content h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-size: 20px;
	color: #F8A61C;
}

#content p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	text-align: justify;
	font-weight: 100;
}

/* Links in the content */
#content a {
	color: #F8A61C;
	text-decoration: none;
}

#content a:hover {
	color: #F8A61C;
	text-decoration: underline;	
}

#content p .brian {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

#content #banner {
 	margin: 0px;
 	padding: 0px;
 	margin-top: 2px;
 	margin-bottom: 10px;
 	width: 760px;
 	height: 122px;
}

#content #banner ul {
 	padding: 0px;
 	margin: 0px;
	display: inline;
	list-style: none;
}

#content #banner li {
 	padding: 0px;
 	margin: 0px;
	display: inline;
	width: 240px;
	height: 122px;	
}

#content #banner .left {
	float: left;
	width: 240px;
	height: 122px;
}

#content #banner .centre {
	float: left;
	width: 240px;
	height: 122px;
	margin-left: 20px;
}

#content #banner .right {
	float: right;#
	width: 240px;
	height: 122px;
}

/* The footer */
#footer {
	border-top: 2px #F8A61C solid;
	height: 50px;
	padding: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-size: 11px;
	clear: both;
}

/* Main footer links (email)*/
#footer a {
	color: white;
	text-decoration: underline;		
}

#footer a:hover{
 	color: #F8A61C;
 	text-decoration: underline;
}

/* Float a mini navigation on the footer */
#footer #altnav {
	width: 250px;
	float: right;
	text-align: right;
	text-transform: uppercase;
	font-size: 10px;
}

/* Mini nav links */
#footer #altnav a{
 	color: #6D6E72;
 	text-decoration: none;
}

#footer #altnav a:hover{
 	color: #F8A61C;
 	text-decoration: underline;
}

/* Mini Gallery Images */

#content #frame {
	width: 545px;
	margin: auto;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content #screenshots {
 	display: inline;
}

#content #screenshots a {
	border: none;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

#content #screenshots img {
 	/*float: left;*/
	border: 1px white solid;
	padding: 12px;
	margin: 2px 2px 2px 2px;
	background-color: black;
}