/* 
	Matt Cooper for Dunwoody 
	http://www.dunwoody.co.uk
	September 2007
*/

/* 
------ Contents of Default CSS --------

	1. Globals
	2. Typography
	3: Layouts
	4: Navigation
	5: Forms
	
---------------------------------------
*/

/* ---------- 1. Globals ---------- */

p{	
	color:#008477;
	}


.case-study-div{
	overflow:hidden;
	margin:0px 2px 20px 10px;
	border:0px;
	width:450px;
	color:#008477;
}
.case-study-media-div{
	float:right;
	width:250px; 
	border:0px;
	margin:0px 2px 0px 0px;
	text-align:right;
	color:#008477;
	
}

.case-study-div p{	
	color:#008477;
	}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	font-color:#008477;
	text-align:center;
	background-image:url(../images/container_bg.jpg);
	background-repeat:repeat-x;
}

.rightFloat {
	float:right;
}

.leftFloat {
	float:left;
}

.clear {
	clear:both;
}

/* -------------------------------- */

/* --------- 2. Typography -------- */

h1 {
	text-indent:-2000px;
	font-size:9px;
	margin:0px;
	padding:0px;
	float:left;
}

h2 {
	font-size:14px;
	font-weight:normal;
	color:#008477;
	padding:4px 0px 0px 8px;
	margin:0px;
}

h3 {
	width:415px;
	font-size:11px;
	color:#666666;
	background:url(../images/h3_img.gif) no-repeat 9px 10px;	
	padding:8px 0px 2px 26px;
	margin:0px;
	clear:left;
}

h3.green {
	background-image:none;
	color:#008477;
	font-size:11px;
	font-weight:bold;
	padding:4px 0px 0px 26px;
}

li {
	color:#008477;	
}

li span {	
	padding:0px;
	margin:0px;
	color:#666666;
	text-decoration:underline;
}

#topNav ul {	
	font-size:12px;
	margin:0px;
	padding:0px 0px 0px 6px;	
}

#topNav li {	
	list-style-type:none;
	display:inline;	
	padding:0px 0px 0px 0px;
	margin:0px;
}

ul {
}

ul.rightList {
	float:right;
	text-align:right;
	margin:0px;
	padding:12px 4px 0px 0px;
	font-size:12px;
	color:#ffffff;	
	list-style-type:none;
	line-height:11px;	
}

ul.rightList li {
	color:#ffffff;
	padding:2px 0px 2px 0px;	
}

ul.leftCol {
	clear:left;
	float:left;
	width:215px;
	color:#008477;
	padding:2px 0px 10px 38px;
	margin:0px;
	list-style-type:disc;
}

ul.clientList {
	list-style-type:none;
	padding:0px 0px 10px 26px;
	margin:0px;
}

.rightBlock ul {
	font-size:11px;
	margin:0px;
	padding:0px 5px 0px 10px;
	list-style-type:none;	 
}
.rightBlock ul li {
	border-top:solid 1px #008477;
	padding:1px 0px 1px 0px;	
}

.rightBlock ul li.title {
	font-size:11px;
	color:#666666;
	padding:5px 0px 5px 0px;
	border-top:none;
}

.rightBlock ul li.subTitle {
	font-weight:bold;
	font-size:11px;
	border-top:none;
	padding-bottom:2px;
}

.rightBlock ul li.quote {
	font-weight:normal;
	font-size:11px;
	border-top:none;
	padding-bottom:2px;
	font-style:italic;
}

p {
	color:#ffffff;
}

p.homeText {
	clear:right;
	padding:15px 55px 10px 385px;	
	margin:0px;
	font-size:12px;
}

#footer p {
	float:right;
	margin:0px;
	padding:12px 20px 0px 0px;
	font-weight:normal;
}

p.leftCol {
	float:left;
	width:400px;
	color:#008477;
	padding:2px 0px 5px 26px;
	margin:0px;
	clear:left;
	line-height:14px;
}

p.leftCol2 {
	font-size:12px;
	float:left;
	width:400px;
	color:#008477;
	padding:2px 0px 5px 26px;
	margin:0px;
	clear:left;
	line-height:14px;
}

p.post {
	font-size:12px;
	color:#008477;
	padding:2px 0px 0px 26px;
	background:url(../images/contact_post.gif) no-repeat 10px 2px;
}

p.tel {
	font-size:12px;
	color:#008477;
	padding:0px 0px 0px 25px;
	background:url(../images/contact_tel.gif) no-repeat 13px 3px;
}

p.fax {
	font-size:12px;
	color:#008477;
	padding:0px 0px 0px 26px;
	background:url(../images/contact_fax.gif) no-repeat 11px 2px;
}

p.web {
	font-size:12px;
	color:#008477;
	padding:0px 0px 0px 28px;
	background:url(../images/contact_web.gif) no-repeat 10px 3px;
}

p.email {
	font-size:12px;
	color:#008477;
	padding:0px 0px 2px 28px;
	margin:0px;
	background:url(../images/contact_email.gif) no-repeat 12px 3px;
}


/* -------------------------------- */

/* ---------- 3. Layouts ---------- */

#container {
	width:740px;
	margin:auto;
	text-align:left;	
}

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

#flashcontent {
	height:79px;
	margin:0px;
	padding:0px;
	clear:both;	
}

#innerContainer {
	background:url(../images/innerContainer_shadow.jpg) repeat-y top left;
	padding:0px 0px 0px 0px;
	margin:0px;	
	overflow:hidden;	
}

#topNav {
	display:block;
	clear:both;
	height:20px;
	width:720px;		
	margin:0px 0px 0px 4px;
	padding:4px 0px 0px 3px;
	background-color:#FFFFFF;	
}

.content {
	width:731px;
	margin:0px 0px 0px 4px;
	padding:0px 0px 0px 0px;
}

body.home .content {
	background:url(../images/home_right_colomn_lower.gif) right;
	background-repeat:repeat-y;
	background-color:#008477;
}

body.building_confidence .content {
	height:390px;
	background:url(../images/building_confidence_img.jpg) no-repeat bottom right;
	background-color:none;
}

body.services .content {
	height:450px;
	background:url(../images/services_img.jpg) no-repeat bottom right;
	background-color:none;
}

body.cool_techadvantage .content {
	height:414px;
	background:url(../images/cool_techadvantage_img.jpg) no-repeat bottom right;
	background-color:none;
}

body.clients .content {
	height:414px;
	background:url(../images/clients_img.jpg) no-repeat bottom right;
	background-color:none;
}

body.contact .content {
	height:414px;
	background:url(../images/contact_img.jpg) no-repeat bottom right;
	background-color:none;
}

body.case_studies .content {
	height:414px;
	background:url(../images/case_studies_img.jpg) no-repeat bottom right;
	background-color:none;
}

body.case_study .content {
	background:url(../images/casestudies_img.jpg) no-repeat bottom right white;
	overflow:hidden;
	background-color:none;
}

.homeImage {
	padding:11px 0px 0px 0px;
	margin:0px;
	float:left;
}

#footer {
	height:52px;
	background:url(../images/footer_bg.gif) no-repeat 5px 0px;
	padding:7px 0px 0px 15px;
	margin-top:7px;
}

#footer img {
	float:left;
	padding-right:8px;
}

.rightBlock {
	float:right;
	height:339px;
	width:170px;
	background-color:#D9EDEB;	
}

body.services .rightBlock {
	height:399px;
}

body.cool_techadvantage .rightBlock {
	height:363px;
}

img.spacer {
	display:block;
	clear:both;
	float:left;
	padding:0px;
	margin:0px;
}


/* -------------------------------- */

/* -------- 4. Navigation --------- */

a:link, a:visited {
	color:#008477;
	text-decoration:none;
}

a:hover, a:active {
	color:#666666;
	text-decoration:none;
}

/* -------------------------------- */

/* ----------- 5. Forms ----------- */

/* -------------------------------- */