html { background:url('../images/img_page_bg.gif') top center repeat-y;}
body { margin: 0px; font: 12px Verdana, Geneva, sans-serif;} 

/* BASIC */
#header { width:100%; height:186px; background:url('../images/img_header_bg.gif') top center repeat-x;}
#content { width:960px; margin: 0 auto; background:url('../images/img_content_bg.gif') left repeat-y;}
#footer { width:100%; background:#BE2026 url('../images/img_footer.gif') top center no-repeat;}

/* HEADER */
#inside-header { width:960px; margin: 0 auto;}
#flag { background:url('../images/img_canada_leaf.gif') top center no-repeat; height:186px; width:136px; float:left;}
h1.logo { height: 94px; width: 369px; margin:9px 0px 0px 0px; background: url('../images/logo.gif') no-repeat; text-indent: -9000px; float: left;}
#what-we-do { height:35px; width:700px; float:right; font: 15px Verdana, Geneva, sans-serif; color:#FFF; line-height:35px; text-align:right; margin-right:5px;} 
#quick-links { width:420px; margin-top: 5px; float: right; font-size: 11px; color:#333; text-align:right; margin-right:5px;}
	#quick-links a, #quick-links a:link, #quick-links a:visited { color:#333; text-decoration:none;}
	#quick-links a:hover { color:#333; text-decoration:underline;}
#sales-support {background:url('../images/img_sales_support.gif') top center no-repeat; width:202px; height:43px; float:right; margin-top:50px;}
#menu { margin: 0 auto; float: left; height:32px; line-height:32px; margin-top:8px; width:815px;}

/* CONTENT */
#content { background:url('../images/bg_content.gif') top center repeat-y;}
#news-column { width:233px; float: left; font: 11px Verdana, Geneva, sans-serif; color: #7f7f7f;}
	.news-item { padding: 7px 5px 12px 5px; border-bottom: 2px solid #eaeaea; line-height:18px;}
#content-column { width:725px; float: left; border-left: 1px solid #000; line-height: 21px;}
#flash-holder { height:230px; border-bottom: 1px solid #000; background: #000;}
#content-column h2 { font-size:24px; color:#3d6794; font-family: Arial, Helvetica, sans-serif; margin:0px; padding:10px 0px 0px 0px;}
h3 { font-size:16px; margin:0px; padding:5px 0px 0px 0px;}
#pages {padding-left: 20px; }
#port-listings {padding: 20px; }
	.port-image { float: left; margin:10px;}
		.port-image img { border: 2px solid #c33035;}
		.port-image img:hover { background:url(../images/magnify.png) bottom left no-repeat; z-index:100;}
	.port-desc { float: right; width: 460px; font:12px Arial, Helvetica, sans-serif; color:#333; line-height:18px;}
	.port-prop { float:left; width:685px; border-top: 1px solid #f5f5f5; padding-top:10px; color:#7f7f7f; font:11px Arial, Helvetica, sans-serif; text-align: left; margin-top:10px; line-height:18px; padding-bottom: 10px; border-bottom: 2px solid #999 }
#port-finish { float: left; width:685px; border-top: 3px solid #999; height:20px; color:#7f7f7f; font:11px Arial, Helvetica, sans-serif; text-decoration:underline; text-align:right; padding-top: 10px;}
	#port-finish a, #port-finish a:link, #port-finish a:visited { color:#7f7f7f;}
	#port-finish a:hover { color: #1080af;}
	
/* FOOTER */
#inside-footer { width:960px; color:#FFF; margin:0 auto; padding-top:150px; font:11px Arial, Helvetica, sans-serif; line-height:18px;}
	#inside-footer a, #inside-footer a:link, #inside-footer a:visited { color:#FFF; text-decoration:none;}
	#inside-footer a:hover { color:#FFF; text-decoration:underline;}
	td#footer_bottom { background: #ae1d22 url(http://beapartof.com/images/bg-table-BF.gif) bottom center no-repeat; padding: 5px; color:#FFDFDF; font-size: 9px;}
	td#footer_bottom a, td#footer_bottom a:link, td#footer_bottom a:visited { color:#FFDFDF; font-size: 9px; text-decoration: none;}
	td#footer_bottom a:hover { color:#FFDFDF; font-size: 9px; text-decoration: underline;}

/* LINKS - BUTTONS - MISC */
a:link { color: #3E6693; text-decoration: none; }
a:visited { text-decoration: none; color: #2A6C9B; }
a:hover { text-decoration: underline; color: #BE2026; }
a:active { text-decoration: none; color: #2A6C9B; }

input.submit {border: 2px solid #be2026; padding:4px; color:#000; cursor: pointer; background:none;}
input.submit:hover {border: 2px solid #be2026; padding:4px; color:#FFF; cursor: pointer; background:#be2026;}

.blue { font-weight: bold; color: #3E6693;}

/* Quote Stuff */

#login_bra { width:280px; height: 245px; background:#ebebeb; border: 2px solid #999999; padding:10px; color:#000;}
.login_title { color:#1080af; font-size: 16px; font-weight: bold;}
.login_sub_title { color: #3e6693; font-size: 11px;}
form#login input { border: 1px solid #999999; padding: 3px;}
form#login input#submit { border: 1px solid #1080af; background:#FFF; color:#000; cursor: pointer;}
form#login input#submit:hover { border: 1px solid #2e4b6b; background:#3e6693; color: #FFF;}

#login_ybnr { width:280px; height: 245px; background:#ebebeb; border: 2px solid #999999; padding:10px; color:#000;}
form#sign_up input { border: 1px solid #999999; padding: 3px;}
form#sign_up input#reg { border: 1px solid #1080af; background:#FFF; color:#000; cursor: pointer;}
form#sign_up input#reg:hover { border: 1px solid #2e4b6b; background:#3e6693; color: #FFF;} 

#nav-quote-top { background:url(../images/bg-quote-nav-top.gif) top center no-repeat; width: 200px; height: 10px; margin: 0 auto; margin-top: 15px;}
#nav-quote { background: url(../images/bg-quote-nav-btm.gif) bottom center no-repeat; width: 200px; margin: 0 auto; padding-bottom: 20px;}
#nav-quote ul { margin: 0 0 0 15px; padding: 0; list-style: none; font-size: 14px; line-height: 20px;}
#nav-quote ul li { border-bottom: 1px dashed #999999; width:160px; padding: 5px;}
#nav-quote ul li:hover { border-bottom: 1px dashed #be2026;}
#nav-quote ul li a:hover { text-decoration:none;}


/* FOOTER */

#quick-quote-tbl { font-size: 12px; margin-top:10px;}
form#quick-quote input { width: 150px; border: 2px solid #8e171c; background:#be2026; padding: 0 2px 2px 2px; font-size: 12px; color: #FFF;}
form#quick-quote input:focus, form#quick-quote input:hover { background: #8e171c;}
form#quick-quote input.num-3 { width:22px;}
form#quick-quote input.num-4 { width:30px;}
form#quick-quote input#submit { cursor: pointer;}
form#quick-quote input#submit:hover { background: #1080AF; border: 2px solid #0b5676;}
form#quick-quote ul li label { display:block; font-weight:bold; line-height:150%; padding:7px 0 2px 1px; }
form#quick-quote ul li textarea { width: 296px; border: 2px solid #8e171c; background:#be2026; color:#FFF; padding: 2px;}
form#quick-quote ul li textarea:focus, form#quick-quote ul li textarea:hover { background: #8e171c;}

ul.footer-nav li { list-style: none;}
ul.footer-nav li ul { padding-left: 10px;}
ul.footer-nav li ul li { padding-left: 10px;}
ul.footer-nav li a, ul.footer-nav li a:link, ul.footer-nav li a:visited { color: #FFF; font-weight: bold;}
ul.footer-nav li ul li ul li a:link, ul.footer-nav li ul li ul li a:visited { color: #FFF; font-weight: normal;}
ul.footer-nav li ul li { font-size: 10px;}

/* RANDOM STUFF */
.red_bold { color:#990000; font-weight:bold; }

.port-item-print { width: 320px; height:225px; border-top: 5px solid #CCC; padding-top: 10px; margin: 5px; }
.port-image-bg { width:235px; height:150px; cursor:pointer; border: 2px solid #3E6693;}
.port-image-bg:hover { border: 2px solid #BE2026 ;}
.port-desc-print { font-size: 11px;}
img { behavior: url(http://www.beapartof.com/js/png_behavior.htc); }