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

Title : Media Animal web site
Author : Brent Dayman - G+A
URL : www.gallaher.com.au

Description : main web site style

Created : 20060904
Modified : 

colours:
light blue: #C8CACA
dark blue: #2D3437
green: #A6D454
- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{ }

html{ }	

body{
	margin:  0;
	padding: 0;
	text-align: center;
	font:  76% Tahoma, Verdana, Arial, sans-serif;
	line-height:  1.3em;
	color:  #C8CACA;
}

/* ----- IDS ----- */

#container {
	margin:  0 auto;
	padding:  0;
	text-align:  left;
	background-color: #2D3437;
	width: 820px;
}

#topPanel {
	margin:  0 0 70px 0;
	padding: 0;
	width: 820px;
	height: 89px;
}

#home #topPanel { margin: 0; } /* override for home page only */

#topNav, #topLogo {
	margin:  0;
	padding: 0;
	height: 89px;
}

#topNav, #mainPanel {
	float: left;
	display: inline; /* FIX double margin float*/
	width:  444px;
	margin: 0 0 0 38px;
}

#topLogo, #sidePanel {
	width: 333px;
	margin: 0 0 0 482px; /* 482 topNav width (inc 38px margins) + LHmargin (30px) */
	clear: right;
}

#topLogo {
	display: block;
	background:  url(../images/topLogo.gif) no-repeat;
}

#content {
	width: 820px;
	clear: left;
	margin: 0;
	padding: 0;	
}

#mainPanel {
	padding: 0;
	margin-bottom: 60px;
}

#sidePanel {
	font-size: 90%;
}

#footer {
	padding: 0;
	margin: 0;
	width: 820px;
	clear: left;
	margin: 0;
	font-size: 90%;
}


#animated {
	display:block;
	margin: 0;
	padding: 0;
	height: 120px;
	width: 100px;
}

#flashcontent {
	height: 120px;
	width: 100px;
	background:  url(../images/dogImage.gif) no-repeat;
}

#mainStatement {
	display: block;
	margin: 0;
	padding: 0;
	height: 90px;
	width: 444px;
	background:  url(../images/mainStatement.gif) no-repeat;
}

#sideSpacer {
	margin: 0;
	display: block;
	width: 250px;
	height: 55px;
	border-width: 0;
}

#what #sideSpacer { background: url(../images/sidebox-cat.gif) left bottom no-repeat;}

#sideBox {
	border: 1px solid #C8CACA;
	padding: 12px;
	margin: 0 38px 2em 30px;
}

/* -- images -- */

#homeImage {
	margin: 0;
	padding: 0; /* img padding via img margin below */
	background:  url(../images/home_caseStudy_back.gif) no-repeat;
	height: 338px;
}

#imageVertical {
	margin: 0;
	padding: 0; /* img padding via img margin below */
	background:  url(../images/verticalBackground.gif) no-repeat;
	height: 303px;
}

#imageKatrina, #imageTracey {
	margin: 20px 0 0 28px;
	padding: 0;
	background: url(../images/about/KatrinaBackground.gif) no-repeat;
	height: 188px;
	width: 188px;	
}

#imageKatrina { background: url(../images/about/KatrinaBackground.gif) no-repeat; }

#imageSmall {
	margin: 0 0 10px 28px;
	padding: 0;
	background: url(../images/smallBackground.gif) bottom no-repeat;
	height: 237px;
	width: 188px;
}

/* ----- CLASSES ----- */

.home {
	width: 400px;
	padding: 0;
	margin: 0;
	
}
.col2 {
	width: 385px;
	padding: 0;
	margin: 0;
}

.lhcol {
	padding: 0;
	margin: 0;
	float: left;
	width: 185px;
	display: inline; /* FIX double margin float*/
	
}
.rhcol {
	padding: 0;
	width: 185px;
	float:right;
	display:inline;
	clear:right;
}

.hide{ display: none; }
.show{}

/* ----- HEADINGS ----- */

h1, h2, h3{
	color: #A6D454;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

#case #mainPanel h1, #cont #mainPanel h1, #what #mainPanel h1, #medi #mainPanel h1, #abou #mainPanel h1 {
	display: block;
	height: 50px;
}

#case #mainPanel h1 { background:  url(../images/titles/case.gif) no-repeat; }
#cont #mainPanel h1 { background:  url(../images/titles/cont.gif) no-repeat; }
#what #mainPanel h1 { background:  url(../images/titles/what.gif) no-repeat; }
#medi #mainPanel h1 { background:  url(../images/titles/medi.gif) no-repeat; }
#abou #mainPanel h1 { background:  url(../images/titles/abou.gif) no-repeat; }

h2{
	font-size: 120%;
	margin-bottom: 1em;
}

#sidePanel h3 { color: #C8CACA; }

h3{
	font-size: 100%;
	margin-bottom: 1em;
}

/* ----- PARAGRAPHS ----- */

p{
	padding: 0;
	margin: 0 0 1em 0;
}

#footer p { margin: 0 0 20px 38px; }
#sidePanel p{ margin: 0 55px 0 30px; }
p.captionTitle { margin: 1em 0 1em 0; }
#mainPanel p.captionTitle { font-size:  90%; }

/* ----- QUOTES ----- */

blockquote{
	margin: 0 0 1em 0;
	padding: 0;
}

cite{
	font-style: normal;
	font-weight: bold;
}

/* ----- LISTS ----- */

ul li{
	padding: 0 0 0 12px;
	background: url(../images/bullet_point.gif) no-repeat;
}

ul {
	list-style-type: none;
	padding: 0 0 1em 0;
	margin: 0;
}
li  {
	line-height: 1.3em;
	margin: 0;
}

#topNav ul{
	float: left;
	margin: 75px 0;
	padding: 0;	
}

#sideBox ul { padding: 0;}

#topNav li{
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 76%;
	/* nav details in nav.css */
}

/* ----- IMAGES ----- */

#homeImage img{ margin: 96px 0 0 30px; }
#imageVertical img{ margin: 28px 0 0 31px; }
#imageKatrina img, #imageTracey img { margin: 6px 0 0 0; }
#imageSmall img { margin: 55px 0 0 0; }

img{ padding: 0; }

/* ----- LINKS ----- */

a{
	color: #9BB3BD;
	text-decoration: none;
	
}
a:hover{ text-decoration: none; }

#mainPanel a, #sidePanel a { border-bottom: 1px dotted #9BB3BD; }
#mainPanel a:hover, #sidePanel a:hover { border-bottom: 1px solid #9BB3BD; }

#mainPanel a:visited, #sidePanel a:visited { 
	color: #889DA6;
	border-bottom: 1px dotted #8198A2;
}


/* ----- DEFINITIONS ----- */

dl{
	padding: 0;
	margin: 0 0 1em 0;
}
dt{
	font-weight: bold;
}
dd{
	padding: 0;
	margin: 0 0 1em 0;
}