/* CSS Document */

@import url("hmenu.css");	/* Drop Navigation specific styles */
@import url("tabber.css");	/* tabbed content specific styles */

*{margin:0;padding:0}

body		{background:#eee;color:#333;font:11px "Arial", "Tahoma", "MS Sans Serif", sans-serif}

a			{text-decoration:none;outline:none;	color:#373737}
a:hover		{text-decoration:underline}
a:active	{color:#c00}

ul,ol		{margin:0 0 10px 0px;padding:0;color:#333}
ol li		{margin:0 0 15px;padding:0;font-size:12px;color:#666;text-align:left;list-style:decimal}
ul li		{margin:0 0 15px;padding:0;font-size:12px;color:#666;text-align:left;list-style:disc}
dl dd		{color:#444;font-weight:normal; padding: 0 10px 10px 0}
dl dd a		{text-decoration:underline}

h1			{margin:5px 0;padding:0;font:23px Georgia, "Times New Roman", Times, serif;color:#cc0033}
h2			{margin:5px 0;padding:0;font:20px Georgia, "Times New Roman", Times, serif;color:#cc0033}
h3
			{margin:22px 0 11px;padding:0;font-size:20px;color:#666}
h4			{margin:5px 0;padding:0;font-size:16px;color:#666}
h5			{margin:5px 0;padding:0;font:16px Georgia, "Times New Roman", Times, serif;color:#06f}
h6			{margin:5px 0;padding:0;font-size:12px;color:#333}

p			{font-size:12px;color:#444;line-height:18px;text-align:left;padding-bottom:5px}

blockquote	{margin:3px 0 12px;	padding:20px 0 0 50px; width: 200px;	font:12px Georgia, "Times New Roman", Times, serif;	color:#ccc;	line-height:18px;text-align:justify;	font-style:italic;	background:url(../images/left-quote.gif) no-repeat}
.endquote 	{background:url(../images/right-quote.gif) no-repeat right 15px; padding: 20px 45px 15px 0}

hr			{margin-bottom:10px;border:none;border-bottom:1px solid #eee;background:none;height:1px}

/* Page layout ----------------------------------------------------------------*/
#container		{width:800px;height:100%;margin:0 auto;padding:10px;background:#fff;border:1px solid #cecece;overflow:hidden}
	#header		{height:72px;background:#fff url(../images/logo.gif) top left no-repeat;position:relative}
	#horizontal-nav{}
	#image-quote {position:relative;z-index:1;padding-bottom: 10px;width:800px;height:100%}
	#three-col {margin: 5px 0 0 0;padding: 0px 0 0 0;background:#fff}
	#content-wrap	{width:800px;height:100%;overflow:hidden}
		#center		{float:right;width:520px;/*background:#fff;*/margin:10px auto}
		#center-in	{padding:0 15px;color:#99BDD0;margin: 0}
		#Sidebar	{width:250px;margin:10px auto;float:right;/*background:#fff */;}

	#footer {}
	.page_item	{list-style:none;display:block;/*padding:5px 5px 5px 18px;margin:0;
						 background:url(images/sbullet.png) no-repeat;background-position:0 8px;border-bottom:1px solid #999*/}

/* Header ----------------------------------------------------------------*/
#header h1		{margin:15px 0 0 15px;text-indent:-9009px}
#header h1 a	{display:block;width:100%;height:100%;padding:0;background:url(images/logo.gif) no-repeat}
.address 		{position:absolute;	color:#858585;z-index:30;right: 0px;left:500px;top:67px;}
#dropnav li a:hover.phone 			{color:#B90025}

/* Index image ----------------------------------------------------------------*/

#right-overlay {float: left;position:absolute; left: 500px; top: 5px; width:280px; height: 223px;color:#cccccc;background:url(../images/picture-fade.png) repeat-y top left;z-index:10}
#right-overlay p {color:#ccc; padding:0 0 15px 50px;width:200px}
.align-left		{float: left;padding: 5px 10px 10px 0px}


/* Content - Main Page ----------------------------------------------------*/
.content		{float:left;width:100%;margin: 0;	padding: 0px 0 0 0px;list-style:none;background:#fff}
ul.content 		{float:left;margin: 0;	padding: 0;	list-style: none;font-family: Arial, Verdana, sans-serif;	font-size: 1.1em;	color: #444;}
.content li 	{display: block;float: left;margin:0 0;	height:200px;list-style:none;top: 10px;}
.content li dl 	{width:260px;margin-top: 0px}
.content li dt 	{color:#869FB9;	font-size:16px; font-weight:bold;}
.content li dd img {float:left; padding: 5px 10px 10px 0px}
.content li dd .text 	{float: right; color:#444;font-weight:normal; padding:0 0px 10px 0;}
/* Sidebar --------------------------------------------------------------------*/
#Sidebar-in ul			{margin:5px 5px 5px 5px}
#Sidebar-in ul li.page_item,
#Sidebar-in ul li		{list-style:none;display:block;/*padding:5px 5px 5px 18px;margin:0;
						 background:url(images/sbullet.png) no-repeat;background-position:0 8px;*/}

/* ImageGallery ----------------------------------------------------------------*/
.artGallery				{color:#E8E8E8}
#gallery-wrap			{float: left;background:#000000; width: 100%;height:400px;padding-left:5px}
#center #center-in #imagegallery li {list-style:none;padding:2px;margin:0;float:left}
#imagegallery 		{list-style:none;width: 200px}
#imagegallery li		{list-style:none; float: left;padding: 0px; display:block;}
#gallery-wrap #placeholder.img {float: right;	margin: 5px 5px 0 0;	padding: 0;	vertical-align: top;}
/*#gallery-wrap #placeholder			{float:left; width:200px}*/
#tag 					{clear:both;float: left;width: 100%;height: 400px;padding: 0px 0;border: 2px solid #C8CDD2;background:#000000}
#tag dl 				{width: 100%;float: left;margin: 0px 20px;padding: 0;background: #666666;display:inline; /* fixes IE/Win double margin bug */}
#tag dt 				{float: left;margin: 0;	padding: 10px;	color:#FFFFFF;	width: 250px;}
#tag dd.img #placeholder{float: right;	margin: 0;	padding: 0;	vertical-align: top;}
#tag dd 				{margin: 0;	padding: 0 0 0 0;	line-height: 1.5em;	color:#000}
#tag dd p 				{float: left;	width: 250px;	padding: 0px 0px 0 10px;}
/* Gallery --------------------------------------------------------------------*/
.gallery ul {float:left;width:100%;margin:0;list-style:none;background:#000}
.gallery li {display:block;float:left;list-style:none;padding: 10px;border: 5px solid #000; margin: 5px}
.gallery span {color:#fff;padding: 5px 0 }
.center-this	{padding-left: 150px}
.pictures		{z-index:5}
/* Contact Form ----------------------------------------------------------------*/
#address			{padding: 0px 0 100px 405px;background-image: url(../images/ottawa-canada.jpg);	background-repeat: no-repeat;	background-position: 100px;}
#address p			{font-size:16px;line-height: 1.2em}
#address p.wee-space {padding-top: 10px}

.clearfix			{clear:both; font-size:12px;font-weight:700}
.contactform		{overflow:hidden;font-size:12px; width:400px; float:left}
.contactform .textarea,.contactform .input		
					{border:1px solid #ccc;padding:2px;font-size:12px}
.textarea:hover,.input:hover
					{background:#ebebeb}
.contactright .button
					{margin:0 0 0 140px !important;padding:4px}
.contactleft		{width:20%;text-align:left;clear:both;float:left;display:inline;padding:4px;margin:5px 0;font-weight:700}
.contactright		{width:70%;text-align:left;float:left;display:inline;padding:4px;margin:5px 0}
.notification		{margin:15px;border-top:1px solid #693;border-bottom:1px solid #693;padding:10px 20px;background:#FFC}
.contactLeftColumn	{float:left; width:50%;display:inline}
.contactRightColumn	{float:left; width:50%;display:inline}


p a:hover, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, ul li a:hover, ol li a:hover {color: #999999;}
.bigRed, .bigRed a	{margin:5px 0;padding:0;font:20px Georgia, "Times New Roman", Times, serif;color:#cc0033}
/* Footer ----------------------------------------------------------------*/
#footer 		{background: #666;width:800px;clear:both}
#footer p		{margin:0;padding:0 0 5px 5px;color:#fff;font-size:11px}
#footer p a		{color:#555}
/* P.I.E. Float Clearing ----------------------------------------------------------------*/
.clearfix:after	{content:".";clear:both;height:0;visibility:hidden;display:block}
* html .clearfix{height:1%}
.clearfix		{display:block}