@import url(base.css);
@import url(module.css);
@import url(styles.css);

body {
	background-color: #fff;
	background-image: url(../images/background.png);
	background-repeat: repeat;
	color: #5f5f5f;
	font-family: Tahoma, "Bitstream Vera Sans", Lucida, Verdana, sans-serif;
	margin: 0 auto;
	padding: 0;
}

#wrap, #footer-links {
	background-color: #666970;
	border: 1px solid #91969c;
	border-width: 0 1px; /** Kinda hacky I know */
	margin: 0 auto;
	padding: 0 9px;
	width: 940px;
}

#header {
	background-color: #e5e4df;
	background-image: url(../images/header-background.png);
	background-repeat: repeat-x;
	border-bottom: 2px solid #b6b6b6;
	color: #3f424b;
	height: 91px;
	margin: 0;
	padding: 25px 0 0 32px
}

#navbar {
	background-color: #8c0003;
	border-bottom: 1px solid #8f7b5d;
	color: #f5f8f1;
	font-size: 1.1em;
	font-weight: bold;
	overflow: hidden;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
}

#sidebar {	
	color: #1f2326;	
	float: left;
	font-size: 1.1em;
	padding: 0;
	width: 249px;
}

#sidebar p {
	line-height: 1.5em;
	text-align: justify;
}

#sidebar h2 {
	border-color: #698696;
	width: 256px;
	text-indent: 1em;
}

#sidebar .content {
	padding: 15px;
	font-size: 1.2em;
}

#sidebar .sidebar-wrap {
	border-bottom: 1px solid #fff;
}

#container { 
	background-color: #f4f4f4;
	border-style: solid;
	border-color: #cecece;
	border-width: 0 0 3px;
	overflow: hidden;
}

#content {
	background-color: #fff;
	border-right: 1px solid #cecece;		
	font-size: 1.1em;
	float: left;
	width: 660px;
	padding: 2px 15px 0;
	overflow: hidden;
}

#content.fullwidth {
	width
}

#content .col1, #content .col2 {
	width: 345px;
	float: left;
	margin-right: 10px;
	padding: 3px 5px;
}

body#frontpage #sidebar {		
	width: 170px;
	text-align: center;
	padding-top: 15px;
}

body#frontpage #content {
	width: 730px;
}

#footer {
	background-color: #1b1e25;
	border-bottom: 1px solid #96999e;
	clear: both;
	color: #9fa0a5;
	font-size: 1em;
	margin: 0 auto;
	padding: 4px 5px;
	overflow: hidden;
}

#footer p {
	margin: 0;
}

#footer span {
	float: left;
}

#footer span.mutiny {
	float: right;
}

#footer-links {
	background-image: url(../images/footer-links-background.png);
	background-repeat: repeat-x;
	color: #d7d8dc;
	padding: 5px 9px 10px;
	overflow: hidden;
}

#footer-links a {
	color: #afb3b4;
	text-decoration: none;
}

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

#footer-links dl {
	background-image: url(../images/footer-section-background.png);
	background-repeat: no-repeat;
	float: left;
	width: 160px;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 10px;
}

#footer-links dl dt {
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 2px;
}

#footer-links dl dd {
	margin: 0 0 2px;
}

#content-banner {
	border-bottom: 1px solid #b57b77;
	height: 380px;
	margin: 0;
	padding: 0;
}

/** Navbar menu */
#navbar ul {
	color: #f5f8f1;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navbar ul li {	
	border-top: 1px solid #640100;
	float: left;
	font-size: 0.9em;
	margin: 0;
}

#navbar a {
	background-image: url(../images/nav-separator.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #f5f8f1;
	display: block;
	padding: 7px 28px;
	text-decoration: none;
}

#navbar-item-last a {
	background: none;
}

#navbar a:hover {
	background-color: #991b1c;
	text-decoration: none;
}

/** Drop Down Menu */
#navbar li ul {
	text-transform: none;
	display: none;
	position: absolute;
	margin-left: 20px;
}

#navbar li:hover > ul {
	display: block;
}

#navbar li ul li {
	display: block;
	border-color: #c3865f;		
	float: none;
	height: 24px;
	width: 175px;
	text-align: left;
}

#navbar li ul a {
	background-image: url(../images/opacity.png);
	background-repeat: repeat;
	color: #201d18;
	padding: 5px 8px;
	margin: 0;
	height: 1.3em;
}

#navbar li ul a:hover {
	background-image: none;
	color: #fff;
}

/** Sub Sub Menu, fricking spoon */
#navbar ul.subitem {
	position: relative;
	top: -25px;
	left: 155px;
}

/**
 * Page Specific CSS
 */
#advert { /** Kinda hacky with the relative position I know */
	background-color: #f6f6f6;
	border-bottom: 1px solid #ededed;
	padding: 15px 1px 10px;
	position: relative;
	left: -15px;
	text-align: center;
	top: -2px;
	width: 688px;
}

/** Front Page */
form {
	background-color: #e3e3e3;
	border-bottom: 3px solid #cecece;
	padding: 23px;
	overflow: hidden;
}
form.plain {
	background-color: white;
	border-bottom: 0px;
	padding: 5px;
	overflow: hidden;
}
legend, legend span {
	background-color: #cfcfcf;
	color: #303030;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	padding: 3px 6px;
	position: relative;
	left: -8px;
	width: 616px;
}

form div {
	float: left;
	width: 175px;
	margin-right: 20px;
}

form div.submit {
	position: relative;
	top: 10px;
	float: right;
	text-align: right;
}

form div input {
	width: auto;
}

form div.submit input[type="submit"] {
	font-size: 1.2em;
	padding: 5px 19px;
}

#sidebar form.search input[type="text"] {
	width: 190px;
}

#sidebar form.search select {
	width: 205px; 
}

form.search label {
	font-size: 1.1em;
}

p.add-business {
	background-color: #cecece;
	font-weight: bold;
	text-align: right !important;
	padding: 3px 22px;
	margin: 0;
}

p.add-business a {
	color: #4a4a4a;
	text-decoration: none;
}

p.topofform {
	background-color: #cfcfcf;
	color: #303030;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	padding: 8px 6px;
	position: relative;
	left: 0px;
	width: 638px;
	margin-bottom: -5px;
}

/** Frontpage sidebar */
body#frontpage #sidebar dt {
	margin-bottom: 5px;
}

#find-a-deal .content {
	text-align: center;
}

#find-a-deal .content ul {
	text-align: left;
}

#find-a-deal p {
	margin: 0;
}

#find-a-deal span {
	background-color: #e3e3e3;
	color: #262626;
	display: inline-block;
	text-align: center;
	font-size: 0.8em;
	padding: 3px 4px;
	font-weight: bold;
	width: 116px;
}

#find-a-deal img {
	margin: 0 auto;
}

.entry {
	border-bottom: 1px solid #ebebeb;
	padding: 10px 5px;
	overflow: hidden;
}

.entry .readmore {
	float: right;
}

body#frontpage form {
	padding: 30px;
}

/** Contact Page */
div#contact-header {
	background-image: url(../images/contact-arrow.png);
	background-repeat: no-repeat;
	background-position: 60px 78%;
	color: #858585;
	font-size: 1.2em;
	font-weight: bold;
	width: 610px;
	padding: 20px 20px;
	overflow: hidden;
}

div#contact-header p {
	line-height: 1.2em;
}

div#contact-header h3 {
	font-size: 1.6em;
	margin-top: 0.6em;
}

div#contact-header > div {
	float: left;
	width: 270px;
	text-align: center;
}

div#contact-header > img {
	float: right;
}

#contact-info {
	clear: both;
}

#contact, #contact form {
	position: relative;
	left: -8px;
}

#contact form {
	width: 623px;
	padding-right: 45px;
}

#contact .field-legend {
	background-color: #cfcfcf;
	color: #303030;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	padding: 8px 6px;
	position: relative;
	left: -8px;
	width: 680px;
}

#contact input[type="submit"] {
	background-image: url(../images/button-quote-background.png);
	width: 270px;
}

#contact-footer {
	background-color: #797979;
	color: #fdfdfd;
	text-transform: uppercase;
	padding: 12px 10px;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	width: 633px;
}

#contact-footer a {
	color: #fdfdfd;
	text-decoration: none;
}

#contact-footer-a {
	background-color: #797979;
	color: #fdfdfd;
	text-transform: uppercase;
	padding: 12px 10px;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	left: -15px;
	width: 641px;
}

#contact-footer-a a {
	color: #fdfdfd;
	text-decoration: none;
}

#contacta form {
	width: 590px;
	padding-right: 40px;
}

#contacta .field-legend {
	background-color: #cfcfcf;
	color: #303030;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	padding: 8px 6px;
	position: relative;
	left: 0px;
	width: 641px;
}

#contactb .field-legend {
	background-color: #cfcfcf;
	color: #303030;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	padding: 8px 6px;
	position: relative;
	left: 0px;
	width: 638px;
}

fieldset#contact label {
	display: inline-block;
	font-size: 1.1em;
	width: 200px;
	vertical-align: top;
}

fieldset#contact p {
	margin-bottom: 2em;
}

fieldset#contact input[type="text"], fieldset#contact textarea, fieldset#contact select {
	width: 405px;
}

fieldset#contact select {
	width: 419px;
}

fieldset#contact textarea {
	width: 411px;
}

#sidebar form input[type="submit"], #contact form input[type="submit"] {
	float: right;
}

#sidebar #related-images {
	background-images: #f4f4f4;
	border-bottom: 1px solid #d2d2d2;
	padding: 10px 0;
	text-align: center;
}

#sidebar #related-images img {
	margin-right: 8px;
}

/** Sub Page */
span.location {
	float: right;
	margin-top: 1.2em;
	font-size: 1.2em;
}

.entry h4 {
	float: left;
}

.entry .body {
	clear: both;
}

/**
 * Various Input styles
 */
input.job[type="text"], input[type="password"] {
	width: 345px;
  	height: 14px;
	background-image: none;
}

label.job {    
	float: left;    
	width: 200px;    
	margin-right: 5px;    
	text-align: right;  
	font-size: 1em; 
	padding-top: 2px;
}

textarea.job {
	height: 160px;
	width: 350px;
	background-image: none;
}

select.job {
	background-image: none;
}

form.job {
	border-bottom: none;
}

div.orangebackground {
font-size: 2em;
color: #0080FF;
background-image: url(http://www.photographers.co.uk/assets/orangebackground.png);
background-repeat: no-repeat;
padding-top: 15px;
padding-left: 15px;
padding-bottom: 15px;
}

div.greybackground {
font-size: 1.8em;
color: white;
background-image: url(http://www.photographers.co.uk/assets/greybackground.png);
padding-top: 8px;
padding-left: 10px;
padding-bottom: 10px;
margin-left: 0px;
}

div.div-1 {
 width:650px;
}
div.div-1a {
 float:left;
 width:150px;
}
div.div-1b {
 float:left;
 width:500px;
}
;