/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body {font:13px arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;font-size:100%;}
body {line-height:1.22em;}

/*
Copyright (c) 2007 - 2010 HawkOwl.net All rights reserved.
*/

html 
{
    height:100%;
    background-color: #ffffff; 
	background-image: url("images/BGTile.png");
	background-repeat: repeat-x;
}
body 
{
    text-align:center;
    padding-top: 10px;
    padding-bottom: 10px;
	font-size: 90%;
    overflow: auto;
}
#page  
{
	width: 750px;
	font-family: Century;
	font-size: 78%;
    text-align: left;
	color:#000000; 
    overflow: hidden;
	margin: 0 auto;
    padding: 0;
	border: 0;
}
#pagemain
{
    width: 730px;
	margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
	border: 0;
	background-image: url("images/shadow7.png");
	background-repeat: repeat-y;
}
#pageclose { 
	width: 750px; 
    overflow: hidden;
	margin: 0 auto;
    padding: 0;
	border: 0;
}
.rtop {display:block; background: #dddddd;}
.rtop *{display: block; height: 1px; background: #ffffff;}
.rbottom {display:block; background: #dddddd;}
.rbottom * {display: block; height: 1px; background: #ffffff;}
.r1 {margin: 0 5px;}
.r2 {margin: 0 3px;}
.r3 {margin: 0 2px;}
.r4 {margin: 0 1px; height: 2px;} 
.vert300 img {width: 1px; height: 300px;}
.vert330 img {width: 1px; height: 330px;}
.vert340 img {width: 1px; height: 340px;}
.vert350 img {width: 1px; height: 350px;}
.vert370 img {width: 1px; height: 370px;}
.vert470 img {width: 1px; height: 470px;}
p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#pageheader {
    margin: 0;
	width: 100%;
	height: 106px;
	margin-left: auto;
	margin-right: auto; 
	background-image: url("images/banner7.png");
	background-repeat: no-repeat;
}
#pageheader table
{
    width: 100%;
}
#pageheader table td
{
    padding: 0px;
}
#pageheader:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.imgl
{
	width: 550px;
	height: 65px;
}
.imgr
{
	width: 330px;
	height: 82px;
}
#logo 
{
    margin: 0;
	background-image: url("images/hologo8.png");
	background-repeat: no-repeat;
	background-position: left;
    width: 280px;
	height: 106px; 
}
#cont 
{
    margin: 0;
	background-image: url("images/hocontact8.png");
	background-repeat: no-repeat;
	background-position: right;
	width: 280px;
	height: 106px; 
}
#hint
{
    margin: 0;
    padding: 0;
    margin-top: -40px;
    height: 40px;
}
#hint img 
{
	width: 208px;
	height: 40px; 
}
.hintprice {margin-left: 440px;}
.hintquote {margin-left: 315px;}
.hintportfolio {margin-left: 370px;}
#bodydetail { 
	margin: 0; 
	width: auto; 
	border: none;
	background-image: url("images/DropShadow.png");
	background-repeat: repeat-x;
}
#footer {
	background-image: url("images/Footer7.png");
	background-repeat: no-repeat;
	width: 100%;
	color: #dadada;
	height: 42px;
}
#footer table 
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#footer td
{
    margin: 0;
    padding: 0;
}
#footer img
{
    margin: 0;
    padding: 0;
    padding-top: 3px;
}
.footermsg
{
    width: 220px;
	height: 32px;
	background-image: url("images/FooterMsg8.png");
	background-repeat: no-repeat;
}
.hawkowl
{
    margin-top: 10px;
}
.seo
{
    color: #bbbbbb;
}
.clearboth {clear: both;}
.custfont { }
.errcol {color: red;}
.boxout, .boxoutl, .boxoutp, .boxoutq {
	float: right;
	border: none;
	padding: 0px 0px 0px 0px;
	color:#000000; 
	margin: 0px 10px 10px 10px;
}
.boxouth {
	float: right;
	border: none;
	padding: 0px;
	margin: 0px;
}
.boxoutl img
{
    width: 300px;
    height: 225px;
}
.boxoutp img
{
    height: 300px;
    width: 225px;
}
.boxoutq img
{
    width: 300px;
    height:300px;
}
.boxoutnull {
	float: right;
	width: 270px;
	border: none;
	padding: 10px 0 10px 10px;
	color:#000000; 
	margin: 10px;
}
#gen
{
    padding: 20px;
}
#gen h1
{
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 10px;
}
#gen p
{
    margin-top: 10px;
    margin-bottom: 10px;
}
#gen li
{
    margin: 5px 5px 5px 15px;
    list-style-type: disc;
    list-style-position: outside;    
}
#gen ul
{
    margin: 5px 5px 5px 45px;
    list-style-type: none;
}
#gen td
{
    padding: 5px;
}
#contactus 
{
    font-size: 95%;
    width: 90%;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-bottom: 10px;
}
#contactus table
{
    margin-left: auto;
    margin-right: auto;
}
#contactus td
{
    border: none;
    padding: 5px 5px 5px 5px;
}
#findus
{
    font-size: 90%;
    width: 90%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
#findus table
{
    margin: 7px;
}
#findus table td
{
    padding: 3px;
}
#mapcanvas
{
    margin: 10px;
    width: 220px;
    height: 220px;
    border: solid 1px black;
}
.passrecov 
{
    padding-top: 15px;
    font-size: 95%;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-image: url("images/semitrans.png");
    background-repeat: repeat;
    border: solid 1px #295656;
}
.regdiv
{
    font-size: 95%;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-image: url("images/semitrans.png");
    background-repeat: repeat;
    border: solid 1px #295656;
}
.regdiv td, .regdiv th
{
    padding: 5px;
}
.detpic
{
    float: left;
    border: solid 1px #6115a6;
    margin: 5px;
    width: 155px;
    height: 215px;
}
.detpic p
{
    text-align:center;
}
.detpic img
{
    width: 155px;
    height: 155px;
}
.secleft
{
    float:left;
    padding-top: 15px;
    padding-left: 20px;
}
.secright
{
    float:right;
    width: 80%;
}
.secleft {
    width: 140px; /*width of side bar menu*/
    clear: left;
    position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}
.secleft ul {
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    border: none;
}
.secleft ul li a {
    display: block;
    width: 140px; /*width of menu (not including side paddings)*/
    color: #000000;
    background-color: #c7cacc;
    text-decoration: none;
    border-bottom: 1px solid #747474;
    padding: 5px 7px 5px 7px;
}
* html .secleft ul li a { /*IE6 hack*/
    width: 150px;
}
.secleft ul li a:hover {
    background-color: #5d8302;
    color: #ffffff;
}
.secleft {
    width: 120px; /*width of side bar menu*/
}
.secleft ul
{
    font: bold 9px Verdana;
}
.secleft ul li a{
width: 120px; /*width of menu (not including side paddings)*/
padding: 6px 8px; /*padding inside each tab was 6 8*/    
}
* html .secleft ul li a{ /*IE6 CSS hack*/
width: 130px; /*width of menu (include side paddings of LI A*/
}
.secleft ul li a:hover{
background: #798d9a; /*background of tabs for hover state */
color: #ffffff;
}
.secleft a.selected
{
background: #9aa6ae; /*background of tabs for hover state */
color: #ffffff;
}
.secright
{
    width: 80%;
}
.portfolio
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.portfolio th
{
    font-weight: bold;
}
.datatable 
{
    width: 98%;
	border: 1px solid #828282;
	font-size: 90%;
	padding: 2px;
}

.datatable td {
	text-align: center;
	padding: 1px;
	border: 1px solid black;
}

.datatable th {
	text-align: center;
	padding: 2px;
	border: 1px solid black;
	background-color: #cccccc;
}
.datatable h2 {
	font-weight: bold;
	margin-top: 1px;
	margin-left: 1px;
}
.datatable p {
	font-weight: normal;
	margin-top: 1px;
	margin-left: 1px;
}
.left
{
    text-align: left;
}