/*
	URL:			http://www.orcasecurity.ca
	Filename:		orca.css
	Last updated:	Sept 3,2007
	By:				Clayton Evoy 
*/


/*Layout Rules
----------------- */

#logo {
	background-color: #FFF;
	
	position: absolute;
	margin: 0;
	padding:0;

	width: 401px;
	height: 145px;

	top: 0px;
	left: 2px;

	z-index: 1;
}

#top_nav {
	background-color: #000;
	background-image: url("images/top_nav.jpg");
	background-repeat: no-repeat;
	
	position: absolute;
	margin: 0px;
	padding:0px;

	width: 770px;
	height: 25px;

	top: 4px;
	left: 248px;

	z-index: 50;

	text-align: left;
	color:#FFF;
}

#services {
	background-color: #068AE2;
	
	position: absolute;
	margin: 0px;
	padding-top:5px;
	padding-right:48px;
	padding-bottom:8px;
	padding-left:0px;

	width: 184px;
	height: 340px;

	top: 145px;
	left: 2px;

	z-index: 1;

	text-align: right;
}

#content {
	background-color: #FFF;
	
	position: absolute;
	margin-right: 0;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;

	width: 216px;
	height: 352px;

	top: 130px;
	left: 186px;
	
	z-index:  1;
	
	overflow-y: auto;

}

#gallery {
	background-image: url("images/gallery_bg.jpg");
	background-repeat: no-repeat;
	background-color: #FFF;
	position: absolute;
	margin: 0;
	padding:0;

	width: 615px;
	height: 413px;

	top: 70px;
	left: 403px;

	z-index: 3;
}


#footer {
	background-image:url("images/footer.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #FFF;

	position: absolute;
	margin: 0;
	padding:0;
	padding-top:5px;

	width: 1016px;
	height: 60px;

	top: 482px;
	left: 2px;

	z-index: 50;

	text-align: center;

}

#footer2{
	background-color: #555;

	position: absolute;
	margin: 0;
	padding:0;
	padding-top: 15px;

	width: 1016px;
	height: 80px;

	top: 545px;
	left: 2px;

	z-index: 50;

	

	text-align: center;
}


/*Text Rules
----------------- */

body {
	background-color: #FFF;
	font-family: arial,tahoma,verdana,sans-serif;
	line-height: 20px;
}

p,ul,li,tr,td {
	color: #000;
	font-size:12px;		
}

p.product {
	color: #000;
	font-size:11px;
}

h1 {
	font-size:15px;
	line-height: 14px;
	color:#068AE2;
	padding-left:12px;
}
br {
	line-height: 6px;
}

img {
	border: none;
}
#footer2  h1{
	color: #FFF;
	font-size:11px;
	line-height: 10px;
	padding: 0;
	margin: 0;
}

#footer2 p {
	color: #FFF;
	font-size:10px;
	line-height: 14px;
}

#content p {
	line-height: 14px;
	padding-left:12px;
	padding-right:22px;
}

#content table {
	line-height: 14px;
	padding-left:12px;
	padding-right:22px;
}

#services li {
	background-image: url("images/circle.gif");
	background-repeat: no-repeat;
	background-position: 95% .5em;
	padding-top:0px;
	padding-right:30px;
	padding-bottom:0px;
	padding-left:0px;
	margin: 0px; 
	line-height: 1.5em;
	color:#000;
	text-align: right;
	list-style-type: none;

	font-size:14px;
}

#services ul {
	margin: 0px;
	list-style-type: none;
	text-align: right;
	padding-top:0px;
}


#top_nav li {
	display:inline;
	color: #000;
	background: none;
	padding-top:2px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	margin: 0px; 
	line-height: 1.5em;
	list-style-type: none;

	font-size:14px;
}

#top_nav ul {
	display:inline;
	padding-top:2px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:20px;
	margin: 0px;
	list-style-type: none;
}

span {
	padding-right:35px;
}

span.short {
	padding-right:25px;
}

em {
	color:#F00
}




/*Link Rules
----------------- */

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

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

a:link.content, a:visited.content {
	color: #000;
	text-decoration: none;

}

a:active.content, a:hover.content {
	color :#068AE2;
	font-style: bold;
	text-decoration: underline;
}

a:link.bonus, a:visited.bonus {
	color: #fff;
	text-decoration: blink;
}

a:active.bonus, a:hover.bonus {
	color: #068AE2;
	text-decoration: none;
}

a:link.highlight, a:visited.highlight {
	color: red;
	text-decoration: none;
}

a:active.highlight, a:hover.highlight {
	color: #068AE2;
	text-decoration: underline;
}