/***** CSS by Mike Archibald - 939 Design Limited *****/

/***** Body *****/

* { margin: 0; padding: 0; }

body {
margin:0 auto;
padding:0;
font:76%/170% Verdana,Tahoma,Arial,sans-serif;
background: url(../img/back_repeat.jpg) top left repeat-x;
}

p {
margin: 0 0 15px 0;
color:#666;
}

ol, li {
margin: 0 0 0px 20px;
}

ul {
margin: 0 0 20px 0px;
}


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

a:hover {
color:#FF6600;
}

img {
border:none;
}

/***** Layout *****/

#wrap {
background-color:#ffffff;
color:#303030;
margin:0 auto;
width:1020px;
height:100%;
}

#header {
background: #ffffff url(../img/wyprint_logo.jpg) top left no-repeat;
width:1018px;
height:70px;
border-left: 1px solid #999;
border-right: 1px solid #999;

}

#flashbranding {
float:left;
background:#4F4848 ;
width:705px;
height:230px;
}

#branding2 {
float:right;
background: #4F4848;
width:315px;
height:230px;
}


#mainnav {
clear:both;
background: #4F4848 url(../img/navbar_right.jpg) top right no-repeat;
height:39px;
}

#maincontent {
background:  url(../img/page_back.jpg) top left no-repeat;
width:520px;
padding:40px 100px 30px 100px;
float:left;
}

#secondarycontent {
background:  url(../img/page_back.jpg) top right no-repeat;
width:240px;
float:right;
padding:40px 30px 30px 30px;
}

#footer {
background-color:#4A4A4A;
clear:both;
background-color:#4A4A4A;
border-top: 10px solid #999;
height:200px;
}

#hotnews {
background-color:#4A4A4A;
width:520px;
float:left;
padding:40px 100px 30px 100px;
}

#siteinformation {
background-color:#4A4A4A;
width:240px;
float:right;
padding:40px 30px 30px 30px;
}

#credits {
clear:both;
background-color:#FFF;
height:5px;
text-align:center;
height:40px;
}



/**** Navigation ****/

#navbar {
height: 39px;
border-left-width: 60px;
padding:0px 0 0 50px;
}
	
#nav ul {
display: inline;

}	

#nav li home {
border-left: 1px solid #666;
}

#nav li {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
list-style-type: none;
}

#nav li a {
padding: 7px 7px 7px 7px;
color: #fff;
text-decoration: none;
border-right: 1px solid #666;
}

#nav li a:hover {
background-color:#666;
color: #fff;
}

#nav li#contact a {
 border:none;
}




/***** Main content *****/


h1{
font:190% Georgia, Verdana,Tahoma,Arial,sans-serif;
margin: 0px 0 15px 0px ;
}

.intro {
font:140%/160% Georgia, Verdana,Tahoma,Arial,sans-serif;
color:#000;
}

.caption {
font:100%/140% Georgia, Verdana,Tahoma,Arial,sans-serif;
color:#333;
clear:both;
}

h2{
font:170% Georgia, Verdana,Tahoma,Arial,sans-serif;
margin: 0px 0 20px 0px ;
}

h3{
font:160% Georgia, Verdana,Tahoma,Arial,sans-serif;
margin: 20px 0 15px 0 ;
}

h4{
font:160% Georgia, Verdana,Tahoma,Arial,sans-serif;
margin: 0px 0 0 0 ;
color:#999999;
}

.name {
width: 700px;
position:absolute;
margin: 22px 0 0 220px;
font:100%/120% Georgia, Verdana,Tahoma,Arial,sans-serif;
}

blockquote {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:16px;
padding:7px 7px 7px 11px;
background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;
color:#505050;
}

blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}


/***** Footer *****/

#hotnews p {
margin: 0 0 15px 0;
color:#999;
}

#hotnews a  {
color:#999;
}

#hotnews a:hover {
color:#CCC;
}

#siteinformation p {
margin: 0 0 15px 0;
color:#999;
}

#siteinformation a  {
color:#999;
}

#siteinformation a:hover {
color:#CCC;
}



/***** Table styles *****/

table {
margin:0 0 20px 0;
padding:0;
line-height:1.3em;
border-collapse:collapse;
border:1px solid #d8d8d8;
}

caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:10px;
text-align:center;
background:#eaeaea ;
color:#505050;
}

td {
padding:10px;
font-size:1em;
text-align:left;
background:#f4f4f4 ;
color:#303030;
}

/***** Form styles *****/

form {
margin: -20px 0 0px 0 ;
}

.button {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:0 0 0px 0;
padding:7px 7px 7px 11px;
background:#CC0000;
color:#505050;
font-weight:bold;
width:100px;
}

input, textarea {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}

label {
margin:2px;
}

#searchform {
margin: 0px 0 30px 0 ;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
padding-top:5px;
padding-bottom:15px;
}

fieldset, contactform {
border:none;
}


/***** Various classes *****/

.left {
float:left;
}

.right {
float:right;
}

.pic {
border: solid 4px #999999;
margin: 0px 6px 5px 0px;
}

.picleft {
float:left;
border: solid 4px #999999;
margin: 5px 10px 0px 0px;
}

.picright {
float:right;
border: solid 4px #999999;
margin: 5px 20px 0px 10px;
}

.picleft-nb {
float:left;
margin: 5px 10px 0px 0px;
}

.picright-nb {
float:right;
margin: 5px 20px 0px 10px;
}

.footpicleft {
float:left;
border: solid 4px #999999;
margin: 5px 10px 30px 0px;
}


.hide {
display:none;
}

.small {
font:75%/140% Verdana,Tahoma,Arial,sans-serif;
}

.noborder {
border:none ;
}

.question {
background:#FFF9D0;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
color: #000;
display: block;
font:140%/160% Georgia, Verdana,Tahoma,Arial,sans-serif;
color:#000;
margin: 1em 0 1.2em 0;
padding: 6px 12px;
}

.answer {
background:#E4FFF1;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
color: #000;
display: block;
font-size: 1em;
margin: 1em 0 1.2em 0;
padding: 6px 12px;
}

.address {
font:140%/160% Georgia, Verdana,Tahoma,Arial,sans-serif;
color:#000;
}

/***** Portfolio *****/

p.portfolio{
float: left; margin: 5px 19px 10px 0px; width: 140px; 
}

p.portfolio a img{
border: 4px solid #999; float: left; 
}

.gallery_section{
clear:left;
font:160% Georgia, Verdana,Tahoma,Arial,sans-serif;
margin: 20px 0 10px 0 ;
color:#000;
}

/***** Lightbox *****/

#lightbox { left:0; line-height:0px; position:absolute; text-align:center; top:40px; width:100%; z-index:100; }
#lightbox a img { border:none; }
#outerImageContainer { background:#fff; height:250px; margin:0 auto; position:relative; width:250px; }
#imageContainer { padding:10px; }
#loading { height:25%; left:0; line-height:0px; position:absolute; text-align:center; top:40%; width:100%; }
#hoverNav { height:100%; left:0; position:absolute; top:0; width:100%; z-index:10; }
#imageContainer>#hoverNav { left:0; }
#hoverNav a { outline:none; }
#prevLink, #nextLink { background:transparent url('images/blank.gif') no-repeat; display:block; height:100%; width:49%; }
#prevLink { float:left; left:0 }
#nextLink { float:right; right:0; }
#prevLink:hover, #prevLink:visited:hover { background:url('images/prevlabel.gif') left no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url('images/nextlabel.gif') right no-repeat; }
#imageDataContainer { background:#fff; font:10px Verdana, Helvetica, sans-serif; line-height:1.4em; margin:0 auto; }
#imageData { padding:0 10px; }
#imageData #imageDetails { float:left; text-align:left; width:70%; }
#imageData #caption { font-weight:700; }
#imageData #numberDisplay { clear:left; display:block; padding:0 0 1em; }
#imageData #bottomNavClose { float:right; padding:0 0 0.7em; width:66px; }
#overlay { background:#000; height:500px; left:0; position:absolute; top:0; width:100%; z-index:90; }
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
* html>body .clearfix { display:inline; width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }