/* Elements */

ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL {font-size: 1em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}

/* Real styles */

A:link {color: #549;
font-weight: bold;
background: transparent;
text-decoration: none}

A:visited {color: #549;
font-weight: bold;
background: transparent;
text-decoration: none}

A:hover {color: #e72;
font-weight: bold;
background: transparent;
text-decoration: none}

A:active {color: #ddd;
font-weight: bold;
background: transparent;
text-decoration: none}

ADDRESS {margin: 0em 0% 0em 0%;
font: italic 1em/1 Verdana, Geneva, Arial, Helvetica, sans-serif}

BIG {font-size: 1em}

BLOCKQUOTE {margin: 0em 0% 0em 0%;
line-height: 1}

BODY {margin: 0em 0% 0em 0%;
font: 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #333;
background: url(west_bg.gif) no-repeat;
background-attachment: fixed;
background-color: #f2f2f2;
background-position: 60px 100px;
cursor: auto;}

BUTTON {cursor: auto}

CAPTION {margin: 0em 0% 0em 0%;
line-height: 1}

CODE {font-size: 1em;
font-family: monospace} /* To avoid overriding boldness/italics by using font */

DIV {margin: 0em 0% 0em 0%;
line-height: 1}

DD {margin: 0em 0% 0em 0%;
line-height: 1}

DL {margin: 0em 0% 0em 0%}

DT {margin: 0em 0% 0em 0%;
line-height: 1}

/*main red heading*/

H1 {margin: 1em 0% 1em 0%;
font: bold 18px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #549;
background: transparent;}

/* red heading for recent work, other work, current projects and case study */

H2 {margin: 0em 0% 0em 0%;
font: 18px bold Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #e72;
background: transparent;}

/*smaller red headings for individual clients names and contact info headings*/

H3 {margin: 0em 0% 0em 0%;
font: bold 10px/15px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #e65;
background: transparent;}

H4 {margin: 0em 0% 0em 0%;
font: 1em/1 serif}

H5 {margin: 0em 0% 0em 0%;
font: 1em/1 serif}

H6 {margin: 0em 0% 0em 0%;
font: 1em/1 serif}

HR {margin: 0em 0% 0em 0%}

HTML {margin: 0;
}

INPUT {cursor: auto}

KBD {font: 1em monospace}

LI {margin: 0em 0% 1em -1%;
font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
line-height: 1 em;}

OL {margin: 0em 0% 0em 5%;
list-style: decimal;}

UL UL OL OL, UL OL UL OL, OL UL OL OL, OL OL UL OL, OL UL OL, OL OL {list-style: lower-alpha}

OL UL OL OL, OL OL UL OL, UL OL OL OL, OL OL OL {list-style: lower-roman}

OL OL OL OL {list-style: decimal}

P {margin: 0em 0% 1em 0%;
font: 11px/17px Verdana, Arial, Geneva, Helvetica, sans-serif;}

PRE {margin: 0em 0% 0em 0%;
font: 1em/1 monospace}

SAMP {font: 1em monospace}

SMALL {font-size: 1em}

SUB {font-size: 1em}

SUP {font-size: 1em}

TD {line-height: 1}

TEXTAREA {cursor: text}

TH {font: bold 1em/1 Verdana, Geneva, Arial, Helvetica, sans-serif}

TT {font: 1em monospace}

UL {margin: 0em 0% 0em 5%;
list-style: disc}

UL UL, OL OL UL UL, OL UL OL UL, UL OL OL UL, OL UL UL, UL OL UL {list-style: circle}

OL UL UL UL, UL OL UL UL, UL UL OL UL, UL UL UL {list-style: square}

UL UL UL UL {list-style: disc}

/* Western Wind Styles */

/* page text */

DIV.content {width: 800px;
position: relative;
padding: 60px 0px 0px 20px;
}

/* homepage text*/

DIV.homecontent {width: 800px;
position: relative;
padding: 60px 0px 0px 30px;
}

/* images within div content, homecontent */

DIV.rightalign { width: 350px;
float: right;
padding-left: 30px;}

/* images within div listcontent */

DIV.leftalign {
float: left;
padding-left: 30px;}


/* footer on all pages*/

DIV.footer {width: 800px;
position: relative;
padding: 40px 0px 0px 80px;
text-align: center;
clear: both;}


/* logo div*/

DIV.homeheader {width: 100%;
height: 183px;
position: absolute;
background-image: url(images/hdr_bg_lg.jpg);
background-repeat: repeat-x;
padding: 0px 0px 0px 0px;}
/* logo div*/

DIV.header {width: 100%;
height: 82px;
position: absolute;
background-image: url(images/hdr_bg_sm.jpg);
background-repeat: repeat-x;
padding: 0px 0px 0px 0px;}

DIV.homelogo {
position: absolute; 
top: 147px; 
left: 3px;
}

DIV.logo {
position: absolute; 
top: 46px; 
left: 3px;
}

/* used for the navigation menu on every page*/

DIV.homemenu {width: 100%;
position: relative;
padding: 180px 0px 0px 0px;
height: 0px;
z-index: 999;}

/* used for the navigation menu on every page*/

DIV.menu {width: 100%;
position: relative;
padding: 80px 0px 0px 0px;
height: 0px;
z-index: 999;}

IMG.noborder {
border: none;
}

IMG.imgborder {
border: solid 3px #52469C;
}

IMG.rightalign {
float: right;
margin: 0em 0% 1em 2%;
border: solid 3px #52469C;}

IMG.centeralign {
margin: 0em 0% 0em 15%;
border: solid 3px #52469C;}

P.info {margin: 0em 0% 0em 0%;
font: bold 10px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #549;}

/* DHTML Menu Styles */

#content {
	margin-top: 135px;
}
		
.menuStyle  {
	color: #e72;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;;
	background-color: #000;
	padding: 0px 0px 0px 5px;
	width: 100%;
}
	
.menuitem {color: #000;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	}

#menuHead   {
	background-color: #000;
	position: relative;
	z-index: 50;
	padding: 0px 0px 0px 5px;
	}

/* orange text link in header*/
#menuHead a {color: #e72;
	font-weight: bold;
	margin: 10px;
	padding: 0px 0px 0px 5px;
	}	
		
#menuHead1  {
		position: relative;
		 }

#menu1 {
	position: absolute;
	z-index: 100;
	visibility: hidden;
	width: 150px;
	}

#menuHead2  {
		position: relative;
		 }

#menu2 {
	position: absolute;
	z-index: 120;
	visibility: hidden;
	width: 150px;
	background-color: #e72;

	}

	
#menuHead3  {
		position: relative;
		 }

#menu3 {
	position: absolute;
	z-index: 0;
	visibility: hidden;
	width: 150px;
	background-color: #e72;

	}
	
#menuHead4  {
		position: relative;
		 }

#menu4 {
	position: absolute;
	z-index: 0;
	visibility: hidden;
	width: 150px;

	}
	
#menuHead5  {
		position: relative;
		 }

#menu5 {
	position: absolute;
	z-index: 0;
	visibility: hidden;
	width: 150px;
	background-color: #e72;

	}
	


/* the orange links in the menu must be in this position in the a link hierarchy for some reason!*/
	

	
a.menulink:link {
	color: #000;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none
	}

a.menulink:visited {
	color: #000;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	}
	
a.menulink:hover {
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	}