/*  
Theme Name: Division
Theme URI: http://www.navitronic.co.uk
Description: Division Theme...
Version: 1.0
Author: Adrian Palmer
Author URI: http://www.navitronic.co.uk

This file was created in 2007 by Adrian Palmer
http://www.navitronic.co.uk

All content is the intellectual property of Adrian Palmer and as such is copywritten

Removal of this notice and any other notice such as this throughout the code will
be seen as a violation of this intellectual property and will result in suspension
of use for this and any other associated code.
*/

/* @group 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, 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: inherit;
	vertical-align: baseline;
}
img{
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	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: "" "";
}

/* @end */

/* @group Structure */

body {
	text-align: center;
	color: #dfe0e3;
	font: 12px verdana, helvetica, arial, sans-serif;
	line-height: 18px;
	background-color: #000;
}

div#pageWidth {
	background: #000 url(images/textured_bg.png) repeat-y center top;
	margin: 0 auto;
	text-align: left;
	width: 800px;
}

div#menu {
	width: 100%;
	height: 50px;
	margin: 0;
	overflow: hidden;
}

div#Banner {
	width: 100%;
}

div#Banner.big {
	height: 240px;
}

div#Banner.small {
	height: 120px;
}

div#banBG {
	width: 100%;
	height: 120px;
	background: url(images/smallBanner.gif) no-repeat;
}

div#banBG.contact {
	background: url(images/contactBanner.gif) no-repeat;
}

div#banBG h1 {
	width: 180px;
	height: 120px;
	float: left;
}

div#banBG h1 a {
	display: block;
	width: 180px;
	height: 120px;
	text-indent: -2000em;
}

div#main {
	float: left;
	width: 420px;
	margin: 10px 10px 20px 20px;
}
div.homecontainer{
	padding: 10px 20px;
}

div#main.homepage {
	width: 370px;
	margin: 0 10px 20px 0;
}

div#main.client {
	width: 400px;
}

div#main.contact{
	margin: 0 10px 20px 0;
}

div#side {
	width: 320px;
	margin: 10px 30px 0 0;
	float: left;
	background: #333;
}
div.padding {
	padding: 10px;
	overflow: hidden;
}
div#side.news {
	width: 370px;
	height: 320px;
	margin: 0;
	background: #333;
	overflow: hidden;
}

div#side.contact {
	margin: 0;
	height: 400px;
}

div#side.photos {
	margin: 10px 30px 0 0;
	background: #333;
	height: 220px;
	overflow: hidden;
}

div#side.photos img {
	position: absolute;
}

div#side.client {
	width: 340px;
	margin: 10px 30px 0 0;
	background: #333;
}

div#sidebar {
	width: 220px;
	min-height: 200px;
	float: left;
}

div#content {
	width: 580px;
	min-height: 200px;
	float: left;
}
div#smallcontent {
	width: 330px;
	min-height: 200px;
	float: left;
}

div#footer {
	width: 100%;
	height: 50px;
	clear: both;
	float: none;
	background: transparent url(images/footerbg.gif) no-repeat center bottom;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 20px;
}



div.post {
	padding: 10px 20px;
	overflow: hidden;
}

div#side.photos div.padding {
	width: 300px;
	height: 200px;
	margin: 10px;
	padding: 0;
	overflow: hidden;
}

/* @end */

/* @group Navigation */

ul#mainMenu {
	width: 756px;
	height: 50px;
	margin: 0 22px 0 22px;
}

ul#mainMenu li {
	display: block;
	float: left;
	width: 108px;
	height: 50px;
	margin: 0;
	line-height: 50px;
	text-align: center;
}

ul#mainMenu li a {
	display: block;
	width: 108px;
	height: 50px;
	margin: 0;
	line-height: 50px;
	text-align: center;
	text-indent: -2000em;
	background: transparent url(images/menu.gif) no-repeat 0 0;
}

ul#footerMenu {
	width: auto;
	height: 50px;
	margin: 0 22px 0 22px;
	float: right;
}

ul#footerMenu li {
	display: block;
	float: left;
	width: auto;
	height: 50px;
	margin: 0;
	line-height: 50px;
	text-align: center;
}

ul#footerMenu li a {
	display: block;
	width: auto;
	height: 50px;
	margin: 0 5px;
	line-height: 50px;
	text-align: center;
	font-size: 10px;
	font-weight: lighter;
}

ul#mainMenu li#marketing a {
	background-position: 0 0;
}

ul#mainMenu li#marketing a:hover {
	background-position: 0 -50px;
}

ul#mainMenu li#pr a {
	background-position: -108px 0;
}

ul#mainMenu li#pr a:hover {
	background-position: -108px -50px;
}

ul#mainMenu li#design a {
	background-position: -216px 0;
}

ul#mainMenu li#design a:hover {
	background-position: -216px -50px;
}

ul#mainMenu li#events a {
	background-position: -324px 0;
}

ul#mainMenu li#events a:hover {
	background-position: -324px -50px;
}

ul#mainMenu li#consultancy a {
	background-position: -432px 0;
}

ul#mainMenu li#consultancy a:hover {
	background-position: -432px -50px;
}

ul#mainMenu li#photography a {
	background-position: -540px 0;
}

ul#mainMenu li#photography a:hover {
	background-position: -540px -50px;
}

ul#mainMenu li#contact a {
	background-position: -648px 0;
}

ul#mainMenu li#contact a:hover {
	background-position: -648px -50px;
}

ul#sidemenu {
	margin-top: 32px;
}

ul#sidemenu li {
	text-align: right;
	line-height: 24px;
}

ul#sidemenu li.current_page_item a {
	color: white;
}

/* @end */

/* @group News */

div#newsNavigation {
	margin: 270px 10px 0 10px;
	background: #333;
}

a#prevnewslink, a#nextnewslink {
	display: block;
	width: 175px;
	height: 20px;
	text-indent: -2000em;
	float: left;
	background: transparent url(images/prevnext.gif) no-repeat 0 -20px;
}

a#nextnewslink {
	background-position: -175px -20px;
}

a#prevnewslink:hover, a#prevnewslink.active {
	background-position: 0 0;
}

a#nextnewslink:hover, a#nextnewslink.active {
	background-position: -175px 0;
}

div.newsitem {
	position: absolute;
	width: 350px;
	height:  270px;
	overflow: hidden;
}

div.newsitem h2 {
	font-size: 14px;
	margin: 0 0 10px 0;
	clear: left;
}

div.newsitem h2 em {
	color: black;
}

div.newsitem h2 span {
	border-bottom: 2px solid #13a0be;
}

div.newsitem img {
	border: none;
	margin: 5px;
}

div.newsitem h3 {
	margin: 0 0 10px 0;
}

/* @end */

/* @group Contact Form */

form#contactForm {
	
}

form#contactForm fieldset legend {
	display: none;
}

form#contactForm fieldset ol li {
	clear: both;
	line-height: 30px;
}

form#contactForm fieldset ol li h2 {
	font-size: 14px;
	margin: 0 0 12px 0;
	font-weight: bold;
}

form#contactForm fieldset ol li label {
	float: left;
	width: 60px;
	margin: 0 20px 0 0;
	text-align: right;
}

form#contactForm fieldset ol li span.fakelabel {
	display: block;
	margin: 6px 0 6px 80px;
	line-height: 18px;
}

form#contactForm fieldset ol li input {
	width: 200px;
}

form#contactForm fieldset ol li textarea {
	width: 300px;
	height: 150px;
}

form#contactForm fieldset ol li.buttons {
	padding-left: 80px;
}

form#contactForm fieldset ol li.buttons input {
	width: 80px;
}

/* @end */

/* @group Banners */

div#banBG.marketing{ background-image: url(images/banners/marketing.jpg); }
div#banBG.pr{ background-image: url(images/banners/pr.jpg); }
div#banBG.web{ background-image: url(images/banners/webdesign.jpg); }
div#banBG.events{ background-image: url(images/banners/events.jpg); }
div#banBG.photography{ background-image: url(images/banners/photography.jpg); }
div#banBG.clients{ background-image: url(images/banners/clients.jpg); }
div#banBG.about{ background-image: url(images/banners/about.jpg); }



/* @end */

/* @group Web Design */

h2#webheader{
}
#webcol1{
	width: 400px;
	float: left;
	margin: 0 10px 0 0;
}
#webcol2{
	width: 350px;
	margin: 0 20px 0 0;
	float: left;
}

div.sites{
}
div.siteContainer{
	width: 330px;
	margin: 0 10px 10px 10px;
}
div.siteContainer img{
	margin: 0 40px;
}
div.oSCcol{
	width: 160px;
	float: left;
}
div.otherSitesContainer img{
	margin:  0 20px 10px 20px;
}

/* @end */

/* @group Clients */

div.client h2 {
	font-size: 36px;
	line-height: 42px;
	
}

a.videolink {
	display: block;
	text-indent: 24px;
	line-height: 24px;
	background: url(images/film.gif) no-repeat 4px center;
}

div#mediaArea{
	margin: 0 0 10px 0;
}
a.myspace-link{
	display: block;
	line-height: 24px;
	text-indent: 24px;
	background: url(images/myspace.gif) no-repeat 4px 4px;
}
a.youtube-link{
	display: block;
	line-height: 24px;
	text-indent: 24px;
	background: url(images/youtube.gif) no-repeat 4px 4px;
}
a.video-link{
	display: block;
	line-height: 24px;
	text-indent: 24px;
	background: url(images/film.gif) no-repeat 4px 4px;
}
a.slideshow-link{
	display: block;
	line-height: 24px;
	text-indent: 24px;
	background: url(images/slideshow.gif) no-repeat 4px 4px;
}
a.homepage-link{
	display: block;
	line-height: 24px;
	text-indent: 24px;
	background: url(images/homepage.gif) no-repeat 4px 4px;
}
ul#slideShowContainer{
	display: none;
}
div#clientList ul{
	margin: 20px;
}
div#clientList ul li{
	line-height: 30px;
}

ul#clientPress, ul#clientOnline{
	/* width: 390px; */
	margin: 10px 5px;
}
ul#clientPress li,ul#clientOnline li{
	float: left;
	margin: 5px;
}
ul#clientPress li{
	text-align: center;
	width: 120px;
	height: 120px;
}
ul#clientPress li img, ul#clientOnline li img{
}
/* @end */
/* @group Default things */

strong {
	font-weight: bold;
	color: #13a0be;
}
div#side.contact p {
	padding: 0 0 0 20px;
}
h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 12px 0;
	color: #13a0be;
}
h3{
	font-size: 14px;
	color: #13a0be;
	clear: both;
}
p {
	margin: 0 0 18px 0;
}
em {
	font-style: italic;
}
.post ul {
	margin: 10px 10px 20px 20px;
	list-style-position: outside;
	list-style-type: disc;
}
a {
	color: #13a0be;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
/* @end */
.imgleft{
	float: left;
}
.imgright{
	float: right;
}