/* CSS Document */

/*

Author: Andy Shaw 

Date: 18/03/2008

*/


/*===============================================================

	S T Y L E     R E S E T

================================================= =STYLE RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Georgia, Arial, Helvetica, Verdana, Lucida Grande, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#globalNav {
	height: 38px;
	width: 1000px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#main_nav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 467px;
	float: right;
}

#main_nav:hover li a#gallery { background-position: -190px; }
#main_nav:hover li a#about { background-position: -158px; }
#main_nav:hover li a#submit { background-position: -170px; }
#main_nav:hover li a#advertise { background-position: -222px; }
#main_nav:hover li a#contact { background-position: -194px; }



/* ACCESSIBLE ROLL OVERS */
#main_nav li { float: left; }
#main_nav li a { text-indent: -9999px; overflow: hidden; display: block; height: 38px; } 

#gallery { background-image: url(../i/gallery.gif); width: 95px; }
#gallery:hover { background: url(../i/gallery.gif) 0 0 !important; }
#galleryActive {background-image: url(../i/galleryActive.gif); width: 95px; cursor: default;}

#about { background-image: url(../i/about.gif); width: 79px;}
#about:hover { background: url(../i/about.gif) 0 0 !important; }
#aboutActive { background-image: url(../i/galleryActive.gif); width: 79px; cursor: default;}

#submit { background: url(../i/submit.gif); width: 85px; }
#submit:hover { background: url(../i/submit.gif) 0 0 !important; }
#submitActive { background-image: url(../i/galleryActive.gif); width: 85px; cursor: default;}

#advertise { background: url(../i/advertise.gif); width: 111px; }
#advertise:hover { background: url(../i/advertise.gif) 0 0 !important; }
#advertiseActive { background-image: url(../i/galleryActive.gif); width: 111px; cursor: default;}

#contact { background: url(../i/contact.gif); width: 97px; }
#contact:hover { background: url(../i/contact.gif) 0 0 !important; }
#contactyActive { background-image: url(../i/galleryActive.gif); width: 97px; cursor: default;}



.hide {
	display: none;
}
#visitSite a {
	background-image: url(../i/visitSite.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 123px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	top: 5px;
	right: 2px;
}
#visitSite a:hover {
	background-position: right;
}

#visitSiteFeatured a {
	background-image: url(../i/visitSite.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 123px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#visitSiteFeatured a:hover {
	background-position: right;
}
#previous a {
	background-image: url(../i/previous.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 123px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	top: 72px;
}
#previous a:hover {
	background-position: right;
}
#next a {
	background-image: url(../i/next.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 123px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	top: 72px;
}
#next a:hover {
	background-position: right;
}



#logoAndTextBanner {
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#logo {
	float: left;
	height: 81px;
	width: 229px;
}

#textBanner {
	clear: both;
	height: 19px;
	width: 1000px;
	padding-top: 13px;
}
#featuredAndAbout {
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
#featuredSite {
	float: left;
	height: 266px;
	width: 644px;
	border: 3px solid #990000;
}
#featuredSite:hover {
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#advertiseHere {
	height: 198px;
	width: 298px;
	border: 1px solid #990000;
}
#advertiseHere:hover {
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#left {
	float: left;
	height: auto;
	width: 650px;
}
#right {
	float: right;
	height: auto;
	width: 300px;
}
p {
	font-size: small;
	padding-bottom: 10px;
	line-height: 1.4em;
}
#aboutLove {
	background-repeat: no-repeat;
	height: 12px;
	width: 217px;
	text-indent: -9999px;
	background-image: url(../i/aboutLove.gif);
	margin-top: 25px;
	margin-bottom: 15px;
}
a {
	color: #990000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
#left p {
	clear: both;
}
#inspirationBoxes {
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 40px;
}
#leftAndCentreBox {
	float: left;
	height: auto;
	width: 650px;
}
#leftBox {
	float: left;
	height: 244px;
	width: 294px;
	border: 3px solid #990000;
}
#leftBox:hover {
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#centreBox {
	height: 244px;
	width: 294px;
	border: 3px solid #990000;
	float: right;
}
.smallClear {
	clear: both;
	height: 15px;
	width: 100%;
}
#centreBox:hover {
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#rightBox {
	float: right;
	height: 244px;
	width: 294px;
	border: 3px solid #990000;
}
#rightBox:hover {
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.clear {
	clear: both;
	height: 50px;
	width: 100%;
}
.bigClear {
	clear: both;
	height: 80px;
	width: 100%;
}
.biggerClear {
	clear: both;
	height: 100px;
	width: 100%;
}
#footer {
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#redBar {
	background-color: #990000;
	height: 1px;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
#footer a {
	font-size: small;
}
#advertisements {
	float: right;
	height: 90px;
	width: 728px;
	margin-top: 25px;
}