/* global classes */
 body {margin:0px; border:0px; padding:0px; text-align:center; background: #FFFFFF url('http://www.wep.co.nz/wep/member-images/51/bg.jpg') top left fixed repeat;}
body#content {background-image:none; text-align: left;}
table, div, input, select, option, textarea {font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000;}
h1, h2, h3, h4 {font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #1c2879; font-weight: bold;}
a:link, a:visited{color: #666666; text-decoration: underline;}
a:hover, a:active{color: #e00000; text-decoration: underline;}
/* containers */
 #main_outline {margin: 0px auto; padding: 0px; width:780px; text-align:left; border: 0px solid #FFFFFF; background: #b9c0f0;}
#secondary_outline {position: relative; margin: 0px; margin-left: 165px; padding: 0px; border-left: 165px solid #b9c0f0; width: 615px; border: none; background: #909be3; z-index: 1;}
/* banner */
#banner {margin: 0px; padding: 0px; width: 780px; height:0px; background: #FFFFFF url('http://www.wep.co.nz/wep/member-images/51/banner.jpg') no-repeat scroll; background-position: top; border: none; border-bottom: 0px solid #FFFFFF; }
#banner_swf {margin: 0px; padding: 0px; width: 780px; height: 240px; background: #FFFFFF; border: none; border-bottom: 0px solid #FFFFFF; }
* html #banner { margin-left: 0px;}
* html #banner_swf { margin-left: 0px;}
/* nav menu */
#navigation {position: relative; float: left; margin: 0px; margin-left: -165px; padding: 0px; width: 165px; background: #b9c0f0; border: none;  z-index: 1;}
#navigation ul {margin: 0px; padding: 0px; list-style-type:none; background: #b9c0f0; width:165px;}
#navigation li {margin: 0px; padding: 0px min-height: 25px; background: #b9c0f0; border: none; border-bottom: 1px solid #ffffff; font-size: 12px; font-weight: normal; font-family: ; color:#666666; line-height: 25px;}
#navigation li a, #navigation li a:visited {display: block; margin: 0px; padding: 0px; width: 165px; min-height: 21px; background: #b9c0f0; border: none; font-size: 12px; font-weight: normal; font-family: ; color:#666666; text-decoration: none;}
#navigation li a:hover, #navigation li a:active {color:#e00000;}
/* Override for block menu style */
#navigation li a, #navigation li a:visited {padding-left: 10px; width: 155px;}
#navigation li a:hover, #navigation li a:active {background: #fefefe;}
/* Override for category headings (menu style independent) */
#navigation li.clean {margin: 0px; padding: 2px 0px; min-height: 21px; background: #b9c0f0 none;  font-size: 12px; font-weight: bold; font-family: ; color:#666666; text-decoration: none; text-indent: 5px; width: 165px;}
/* content */
#content {float: left; margin: 0px; padding: 10px; border: none; width: 594px; z-index: 5;}
/* Set nav-content divider based on which is likely to be the longer content */
#content {border-left: 1px solid #ffffff;}
/* footer */
 #footer {position: relative; width: 772px; clear: both; margin: 0px 0px 0px -165px; padding: 4px; background: #2967b4; font-size: 12px; color: #ffffff; border: none; border-top: 1px solid #FFFFFF;}
#footer p, #footer div {margin: 0px; padding: 0px; font-size: 12px; color: #ffffff;}
/* ad block */
#ad_block{width: 160px; margin: 20px auto 0px auto;}
/* login/logout */
#navigation form, #login {text-align:center}
#navigation form a, #navigation form label, #navigation form input {display: block; margin: 5px auto; padding: 2px; color: #666666;}
#navigation form a:hover {color: #e00000;}
#navigation form input {color: #000000;}
label, input, textarea {padding: 2px;}
input, textarea {color: #000000;}
#login a, #login label, #login form input {display: block; margin: 5px auto; padding: 2px;}
#login input {color: #000000;}
/* gallery styles */
#gallery {margin: 0px; padding: 0px; text-align:center; width: 594px; border: 0px solid #0F0;}
#gallery div {width: 100%; margin: 0px; padding: 0px;}
#thumbnails {display:table; width:100%;}
#thumbnails ul {margin: 0px; padding: 0px; list-style-type: none; display:table-row;}
#thumbnails ul li {display:table-cell; margin: 0px; padding: 0px; width:24%; overflow:hidden; text-align: center;}
#thumbnails ul li a img, #gallery ul li a:visited img {border: 2px solid #666699; margin:10px auto;}
#thumbnails ul li a:hover img, #gallery ul li a:active img {border-color: #ffffff;}
#thumb_nav ul {margin: 0px; padding: 0px; list-style-type: none; width:100%; }
#thumb_nav ul li {float:left; width:24%; overflow:hidden; text-align: center;}
#gal_nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#gal_nav ul li {float:left; width:33%; text-align:center;}
/* hacks to correctly position the galleries in IE */
* html #thumbnails ul {clear:left;}
* html #thumbnails ul li {float:left;}
*+html #thumbnails ul {clear:left;}
*+html #thumbnails ul li {float: left;}
/* * styles which may need to overide any of the above */
.break {top: -1px; height: 1px; margin: 0px; padding: 0px; overflow: hidden; clear:both; border: 1px solid #F00; margin-left: -165px;}
.access {height:1px; width: 1px; overflow: hidden; position: relative; left: -800px;}
/* additional embedded css */
.portfolioImage{
            border: 2px solid #688ecd;
}
.portfolioImage:hover {
            border-color:#ffffff;
}