/* CSS Document 
D3 Marketing
author: Adam Allaway
email: adam@flintandtinder.co.uk
use of conditional comments have been used throughout site, therefore several styles have been filtered into appropriate IE6/IE7 CSS documents - notes have been made next to relevant css rules
/* ------------------------------------------------------------------
Sets default margin and padding
-------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	

	}
/* ------------------------------------------------------------------
 Sets default font-size for headers 
 -------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	font-size: 100%;
	}
/* ------------------------------------------------------------------
Removes list-style from lists
-------------------------------------------------------------------*/
ol, ul {
	list-style: none;
	}
/* ------------------------------------------------------------------
Sets font-style and font-weight to normal
-------------------------------------------------------------------*/
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
	}
/* ------------------------------------------------------------------
Sets font family for form elelments
-------------------------------------------------------------------*/
input, select, textarea {
	font-family:"Palatino Linotype", Palatino, "Book Antiqua", serif;
	}
/* ------------------------------------------------------------------
Removes border from fieldset and image
-------------------------------------------------------------------*/
fieldset, img {
	border: 0;
	}
/* ------------------------------------------------------------------
Link styles
-------------------------------------------------------------------*/
a, a:hover {
	outline: none;
	}
a:hover {
	text-decoration: underline !important;
	color:#6eb4e2;
	}
	a {
	color:#000;	
	}
/* ------------------------------------------------------------------
=Generic classes
-------------------------------------------------------------------*/
.floatLeft {
	float: left !important;
	}
.floatRight {
	float: right !important;
	}
.clearBoth {
	clear: both;
	}
/* ------------------------------------------------------------------
=LAYOUT
-------------------------------------------------------------------*/
body {
background: url(../images/bodybg.jpg) repeat;
font-size:62.5%;
font-family:"Palatino Linotype", Palatino, "Book Antiqua", serif;
letter-spacing:0.025em;
}
#wrapper {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:#fff;
	font-size:1.2em;
}
.marginnobottom {
margin-bottom:0 !important;	
}
.marginnoleft {
margin-left:0 !important;	
}
/* ------------------------------------------------------------------
=TEXT
-------------------------------------------------------------------*/
h2 {
font-size:3.0em;
font-weight:normal;
font-style:italic;
margin-bottom:15px;
line-height:1em;
}
h3 {
font-weight:normal;
font-style:italic;
font-size:1.8em;
margin-bottom:15px;
}
h4 {
font-weight:normal;
font-style:italic;
font-size:1.8em;
margin-bottom:15px;
color:#63236d;	
}
.midpageh4 {
margin:20px 0 0 0;
font-style:normal;
font-size:1.6em;
}
h5 {
font-weight:normal;
font-size:1.2em;
margin-bottom:15px;
color:#63236d;	
}
.quote h4 {
font-weight:normal;
font-size:1em;
margin-bottom:15px;
color:#63236d;
font-style:normal;
}
h6 {
font-family:Gill Sans, Gill Sans MT, “Gill Sans”, ITC Johnston, Century Gothic, “Trebuchet MS”, sans-serif;
color:#fff;
font-size:1.4em;
font-weight:normal;
text-transform:uppercase;
margin-bottom:15px;
}
h7 {
font-family:Gill Sans, Gill Sans MT, “Gill Sans”, ITC Johnston, Century Gothic, “Trebuchet MS”, sans-serif;
color:#fff;
font-size:1.2em;
font-weight:normal;
text-transform:uppercase;
}
p {
margin-bottom:15px;	
}
.quote p {
font-size:1em;	
}
/* ------------------------------------------------------------------
=FORMS
-------------------------------------------------------------------*/
form label {
float:left;
}
form input {
float:right;	
}

form label {
line-height:20px;

}
form input {
height:12px;	
margin-bottom:8px;
}
form textarea {
float:right;
font-size:1em;
padding:2px;
}
/* ------------------------------------------------------------------
=CONTACT FORM
-------------------------------------------------------------------*/
.contacttextbox {
width:260px;	
}
.contacttextarea {
width:260px;
height:100px;
}
.contactsend {
float:right;
margin-top:5px;
}

/* ------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------*/
#header {
	background:url(../images/headerbg.gif) left repeat-x;
	height:85px;
}
#logo {
	background:url(../images/logo.png) no-repeat top left;
	width:175px;
	height:55px;
	margin:15px 0 15px 20px;
	float:left;
}
#logo a {
	text-indent:-10000em;
	width:175px;
	height:55px;
	display:block;
}
#contact {
float:right;	
font-family:Gill Sans, Gill Sans MT, “Gill Sans”, ITC Johnston, Century Gothic, “Trebuchet MS”, sans-serif;
margin:15px 10px 0 0;
}
#number {
color:#eee;
font-size:2.2em;
}
#email a {
color:#eee;
font-size:1.2em;
text-decoration:none;
}
#email a:hover {
color:#000;
text-decoration:underline;
}
/* ------------------------------------------------------------------
=MENU
-------------------------------------------------------------------*/
#menuwrapper {
	background:url(../images/menubg.gif) repeat-x left;
	height:28px;
	width:980px;
}
#menu {
margin-left:20px;	
}
#menu ul li a {
	color:#fff;
	line-height:28px;
	font-size:1.2em;
	text-transform:uppercase;
	font-family:Gill Sans, Gill Sans MT, “Gill Sans”, ITC Johnston, Century Gothic, “Trebuchet MS”, sans-serif;
	margin-right:25px;
	letter-spacing:0.1em;
	display:block;
	padding:0 10px;
	text-decoration:none;
}
#menu ul li {
	float:left;
	position:relative;
	text-transform:uppercase;
}
#menu ul li a:hover {
color:#6eb4e2;	
text-decoration:none !important;
}
#menu ul li ul {
	display: none;
}
#menu ul li:hover a {
	color:#fff;
	background:#111;
}
#menu ul li:hover ul {
	display:block;
	position:absolute;
	top:28px;
	left:0;
}
#menu ul li:hover ul li a.hide {
	background:#63236d;
	color:#fff;
}
#menu ul li:hover ul li:hover a.hide {
	background:#63236d;
	color:#fff;
}
#menu ul li:hover ul li a {
	display:block;
	background:#fff;
	color:#6A6462;
	width:150px;
}
#menu ul li:hover ul li a:hover {
	background:#63236d;
	color:#fff;
}
/* ------------------------------------------------------------------
=PAGE CONTENT
-------------------------------------------------------------------*/

#content {
margin:0 70px 15px;
padding-top:35px;

}
.leftcolumn {
width:400px;
float:left;
z-index:1;
padding-bottom:20px;

}
.rightcolumn {
width:420px;
float:right;
padding-bottom:20px;
}
.line {
background:#000;
height:1px;
width:100%;
margin-bottom:20px;
}
.whiteline {
background:#fff;
height:1px;
width:100%;
margin-bottom:20px;
}
.line2 {
background:#000;
height:1px;
width:90%;
margin-bottom:20px;
}
#pagelinks {
background:#333 url(../images/pagebg.gif) repeat-x top;
width:980px;
padding:20px 0;
}
.rightcolumn ul {
	list-style:disc;
	list-style-position:outside;
	margin-left:14px;
	margin-bottom:20px;
}
.rightcolumn ul li {
margin-bottom:5px;
color:#63236d;	
}
.rightcolumn p {
margin-left:10px;	
}
.leftcolumn ul {
list-style:disc;
	list-style-position:outside;
	margin-left:14px;
	margin-bottom:15px;
}
.leftcolumn ul li {
font-size:1.2em;
margin-bottom:5px;
color:#63236d;	
}
.leftcolumn ul li a, .leftcolumn ul li a:visited {
color:#000;	
}
.leftcolumn ul li a:hover  {
color:#6eb4e2;
}
.leftcolumn ol {
	list-style:decimal;
	list-style-position:outside;
	margin-left:14px;
	margin-bottom:15px;
}
.leftcolumn ol li {
font-size:1.2em;
margin-bottom:5px;
color:#63236d;	
}


/* ------------------------------------------------------------------
=PAGE IMAGES
-------------------------------------------------------------------*/
#homebg {
background:url(../images/home.jpg) no-repeat top left;
width:980px;
}
#contactbg {
background: url(../images/contact.jpg) no-repeat top left;
width:980px;
}
#designbg {
background: url(../images/design.jpg) no-repeat top left;
width:980px;	
}
#deliverybg {
background:url(../images/delivery.jpg) no-repeat top left;
width:980px;
}
#directionbg {
background:url(../images/direction.jpg) no-repeat top left;
width:980px;	
}
#emptybg {
background:url(../images/empty.jpg)	no-repeat top left;
width:980px;
}
#whatbg {
background:url(../images/d3.jpg) no-repeat top left;
width:980px;
}
#bagbg {
background:url(../images/bag.jpg) no-repeat top left;
width:980px;	
}
/* ------------------------------------------------------------------
=SERVICES LINKS
-------------------------------------------------------------------*/
#services {
margin:0 20px 35px 20px;	
}
#services h5 {
margin-bottom:17px;	
}
#weblink, #printlink, #logolink {
float:left;
}
#weblink, #printlink {
margin-right:35px;	
}
#weblink a, #printlink a, #logolink a {
width:290px;
height:160px;
text-indent:-10000em;
display:block;
}
#weblink a {
background:url(../images/web_ds.jpg) no-repeat top;
}
#weblink a:hover {
background:url(../images/web.jpg) no-repeat top;
}
#printlink a {
background:url(../images/print_ds.jpg) no-repeat top;	
}
#printlink a:hover {
background:url(../images/print.jpg) no-repeat top;	
}
#logolink a {
background:url(../images/logos_ds.jpg) no-repeat top;	
}
#logolink a:hover {
background:url(../images/logos.jpg) no-repeat top;	
}
/* ------------------------------------------------------------------
=BOX LINKS
-------------------------------------------------------------------*/
#work, #cuppa, #tweets {
width:290px;
float:left;
background:#494949;
color:#fff;
}
#work p, #cuppa p, #tweets p {
	margin-bottom:0;
}
#workheader, #cuppaheader, #tweetsheader {
height:28px;
text-indent:10px;
line-height:28px;
}
#work {
margin-left:20px;	
}
#cuppa, #tweets {
margin-left:35px;	
}
#workheader {
background:#73a331;
}
#cuppaheader {
background:#d12d98;	
}
#tweetsheader {
background:#6eb4e2;	
}
#tweets ul {
padding:20px 10px 0 10px;	
}
#tweets ul li {
margin-bottom:10px;	
}
.cuppalink, .worklink a, .twitterlink a {
font-family:Gill Sans, Gill Sans MT, “Gill Sans”, ITC Johnston, Century Gothic, “Trebuchet MS”, sans-serif;
text-transform:uppercase;
letter-spacing:0.1em;
color:#FFF;
margin:0 10px 10px 10px;
display:block;
text-decoration:none;
}
.worklink a:hover {
	text-decoration:none;
	color:#73a331;
}
.twitterlink a:hover {
	text-decoration:none;
	color:#6eb4e2;	
}
#cuppa button {
background:none;
border:none;
color:#fff;
margin:-1px 10px 9px 7px;
padding:0;
font-size:1em;
}
.boxcontent {
width:270px;
height:50px;
padding:20px 10px 10px 10px;
}
#tweets {
height:293px;	
}
#twitter_div {
height:240px;
overflow:hidden;
}

/* ------------------------------------------------------------------
=QUOTES
-------------------------------------------------------------------*/
.quote {
width:400px;
}
.testi {
margin-top:20px;	
}
.quotecontent {
width:360px;
background:#e6e6e6;
margin:0 10px;
padding:10px;
min-height:130px;
}
.homequotes, .rightcolumnspacer {
margin-top:295px;	
}
#slider{
	
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:400px;
		height:220px;
		overflow:hidden; 
		}	
/* ------------------------------------------------------------------
=News
-------------------------------------------------------------------*/
#comingspacer {
	min-height:400px;
}
/* ------------------------------------------------------------------
=SEOlinks
-------------------------------------------------------------------*/
#SEOlinks {
color:#FFF;
margin-top:35px;
}
.SEOColumn {
float:left;
width:290px;
}
.col1 {
margin-left:20px;	
}
.col2, .col3 {
margin-left:35px;	
}