body {font-family:'Helvetica','Arial','Sans-serif'}
* {margin:0; padding:0;}



/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#listmenu {
	
	width: 772px; 	/* makes the div full width */
	float: left; /*makes the div enclose the list */
	border: 1px solid #fff;	/* draws line on top edge of div */
	border-bottom: 0px;
	font-size: 100%;	/* SET FONT-SIZE HERE */
	background-color:#9d99ae; /* colors the div */
	padding: 0px;
	}

 * html div#listmenu{
	width: 747px;
 }
	
div#listmenu li {
	z-index:100; /* had to add this to make the drop be on top in Safari */
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#9d99ae; /*sets the background of the menu items */
	border-right: 1px solid #fff; /* creates dividing lines between the li elements */
	}

div#listmenu li:first-child {
	border-left:1px solid #fff; /*the first vertical line on the menu */
	}

div#listmenu ul {
	margin:0 0 0 25px;/* indents ul from edge of container */
	}
	
div#listmenu li:hover { 
	background-color:#9d99ae; /*sets the background of the menu items */
	}

#nav {
	height: 14px;
	font-family: arial,verdana,sans-serif;
	font-size: .75em;
	padding: 0;
	width: 100%;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
	list-style: none;
	z-index:1000;
	
	}

html> #content {
	color: #9d99ae;
	width: 76em;
	} 

#nav a {
	font-size: .85em; /*sets the nav font size */
	display: block;
	color: gray;
	text-decoration: none;
	}

#nav a:link {
	color: #333;
	}

#nav a:visited {
	color: #666;
	}

#nav a:active {
	color: #345;
	}

#nav a:hover {
	color: #CC6600;
	text-decoration: none;
	}


#nav ul{
	list-style: none;
	margin: 0;
	}


#nav a {
	padding: 2px 0;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	}


#nav li li a {
	display: block;
	font-weight: normal;
	color: #666;
	}

#nav li li a:hover {
	background-color: transparent;

	}

#nav li {
	z-index: 100; 
	float: left;
	position: relative;
	width: 120px;
	text-align: center;
	cursor: default;
	padding: 0px;
	background-color: transparent;
	border: 1px solid #fff;
	border-top: 0px solid #fff;
	}

li#first{
	border: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0px solid #999;
	margin-left:10px;
	padding: 2px 0 2px 0;

	}

li#second {
	border: 1px solid #999;
	border-left: 0px solid #999;
	border-right: 0px solid #999;
	padding: 2px 0 2px 0;
	width: 60px;
	}

li#middle {
	border: 1px solid #999;
	border-left: 0px solid #999;
	border-right: 0px solid #999;
	padding: 2px 0 2px 0;
	width: 80px;
	}

li#last {
	border: 1px solid #999;
	padding: 2px 0 2px 0;
	width: 70px;
	}

li#first ul li{
	width: 119px;
	}

li#last ul li{
	width: 69px;
	}


li ul {
	background: transparent url(http:www.taurusdesign.ca/inex/images/nav_images.gif) bottom left no-repeat;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 0.35em 0 1em 0;
	width:100%;
	}

li>ul {
	top: auto;
	left: auto;
	}

li li {     /*aligns drop down menu */
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	margin:0 0 0 -25px;

	}

li:hover ul, li.over ul {
	display: block;
	}

hr {
	display: none;
	}

/* Navigation Ends here
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Text Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p { 
	font-family:'Helvetica','Arial','Sans-serif';
	width:300px;
	color:gray;
	text-align:left;
	font-size: 11px;
	line-height: 19px;
	}
.events{
	width:330px;
	padding-bottom:5px;
	}
	
h1 {
	font-family:'Helvetica','Arial','Sans-serif';
	background:transparent;
	font-size: 20px;
	color:#999;
	font-weight:normal;
	margin: 0;
	padding: 5px;}	
		
h2{
	margin-top: 10px;
	padding-top: 7px;
	font-size: 20px;
	}
		
h2, p{
	margin-left: 17px;
	margin-right: 17px;
	}
	
a, a:link, a:visited {
	background: transparent;
	color: #CC6600;
	text-decoration: none;
	}

a:hover {
	background: transparent;
	color: #333;
	text-decoration: none;
	}


/* structural CSS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#gutter{
	float: left;
	width: 3%;
	height: 1px;
	}
		
#col1{
	float: left;
	width: 350px;
	background-color: transparent;
	margin-bottom: 10px;
	min-height: 260px;
	}
		
#col2{
	float: left;
	width: 350px;
	margin-left: 3%;
	background-color: transparent;
	margin-bottom: 10px;
	}

div#bg {
	width:874px; 
	height:700px; 
	background-color:#999;
	margin:0 auto;
  	text-align:left;
  	padding-top: 20px;
  	}


div#header {
	background: #fff ;
	border-top: 7px solid #ccc;	/* draws line on top edge of div */	margin-left: 50px;
	border-left:0px solid #fff; 
	width:774px; 
	height:80px; 
	}
	

div#headertext {

	background: #fff url(../images/logo.gif) no-repeat bottom left; 
	width: 300px; 
	height: 40px;
	font-size:.7em; 
	color:#069; 
	text-align:left; 
	float:left; 
	padding:1em 1.5em;
	}

	
div#contentarea {
	margin:0 auto;
	float:left; 
	width:772px; 
	background-color: transparent; 
	}
	
div#copyarea {
	margin:0 auto;
	float:left; 
	width:773px;
	border-right:1px solid #fff; 
	background-color: #fff; 
	}
	
.corp{
	background: #fff url(../images/header14_bot.jpg) no-repeat top left; 
	}
	
.res{
	background: #fff url(../images/header2_bot.jpg) no-repeat top left; 
	}
	
.art{
	background: #fff url(../images/header4_bot.jpg) no-repeat top left; 
	}
	
.eve{
	background: #fff url(../images/header5_bot.jpg) no-repeat top left; 
	}

.con{
	background: #fff url(../images/header6_bot.jpg) no-repeat top left; 
	}
	
.eve2{
	background: #fff url(../images/header7_bot.jpg) no-repeat top left; 
	}
.eve3{
	background: #fff url(../images/header8_bot.jpg) no-repeat top left; 
	}

.lin{
	background: #fff url(../images/header3_bot.jpg) no-repeat top left; 
	}
	
.con2{
	background: #fff url(../images/header10_bot.jpg) no-repeat top left; 
	}
	
.gallery{
	background: #fff url(../images/header11_bot.jpg) no-repeat top left; 
	}
	
.structure{
	background: #fff url(../images/header12_bot.jpg) no-repeat top left; 
	}

/* images CSS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.feature {
	padding-top: 20px;
	font-size: 90%;
	height: 0px;
	}

.story {
	margin-left:0px;
	padding: 0px;
	font-size: 80%;
	width: 100%
	}
	
#desc{
	margin-left: 18px;
	}
	
img#placeholder{
	padding:0;
	margin:0;
	}

ul#PreviewLinks{
	width:320px;
	padding:0;
	margin-left: 17px;
	}
	
ul#PreviewLinks li{
	list-style:none;
	padding:3px;
	margin:0;
	display:inline;
	float:left;
	border:0;
	}

#PreviewLinks a {
	background: url("http://www.taurusdesign.ca/inex/images/button1.jpg") 0 0 no-repeat;
	display: block;
	width: 3px;
	height: 3px;
	float: left;
	border: 1px solid #f8f4fc;
	margin: 0px; 
	padding:7px 0 10px 20px;
	}

#PreviewLinks a:hover {	
	background-position: -42px 0;
	height: 3px;
	color: #9d99ae;
	}
	
#PreviewLinks a:active {
	background-position: -42px 0;
	color:white;
	}



/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 div#footer {
 	color: #666;
 	font-family: arial,verdana,sans-serif;
	float:left; 
	border:1px solid #fff; 
 	width:772px;  /* makes the div fill its container - usually body */
 	padding:4px 0; /* pushes the links away from top and bottom of the div */
	font-size:.65em;  /* sets the font size of all links */
	text-align:center; /* centers the ul elements in the div */
	background-color: #EEF; /* sets the background color of the div */
	}