/*** CSS Document Created
By Wes Smith For Red Bullet
August 2006 ***/

/*** Body Tags ***/
body {
background:url(Images/bgbody.gif) repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

/*** Wrapper ***/
#outerwrapper {
position:relative;
background-color:#FFFFFF;
width:800px;
height:auto;
margin:auto;
margin-top:20px;
padding-top:2px;
}

#innerwrapper {
position:relative;
background-color:#FFFFFF;
width:776px;
height:auto;
margin:0 2px 2px 2px;
padding:10px;
}

/*** Header ***/
#header {
position:relative;
background:url(Images/logo.jpg) no-repeat;
width:774px;
height:85px;
margin-bottom:3px;
}

#loginarea {
position:relative;
float:right;
width:320px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-size:10px;
}

.kt_login1 {
height:22px;
}

/*** Content Area ***/
#contentarea {
background:url(Images/contentbg.gif);
position:relative;
width:764px;
height:580px;
margin-top:2px;
margin-bottom:5px;
padding:5px;
}

#contentarea a:link, #contentarea a:visited {
text-decoration:none;
color:#663333;
}

#contentarea a:hover {
text-decoration:underline;
color:#663333;
}

#mainimage {
position:relative;
float:right;
width:350px;
height:425px;
}

#thumbnails {
position:relative;
width:774px;
height:100px;
background:url(Images/thumbnailsbg.gif) no-repeat;
}

/*** Footer ***/
#footer {
background-color:#663333;
position:relative;
width:769px;
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
padding-left:5px;
}

#footer a:link, a:visited {
text-decoration:none;
color:#FFFFFF;
}

#footer a:hover {
text-decoration:underline;
color:#FFFFFF;
}

#footerlinks{
position:relative;
float:left;
width:auto;
height:21px;
padding-top:4px;
}

#copyright {
position:relative;
float:right;
width:auto;
height:21px;
padding-top:4px;
padding-right:5px;
}

/*** Form Tags ***/
input.txt {
color: #C73F56;
background-color: #F5F5F5;
border: 1px solid #663333;
}

input.button {
color: #FFFFFF;
width:60px;
height:23px;
background-color:#663333;
font-weight:bold;
border-style:outset;
border-color:#663333;
}

/*** Case Study ***/
#textblock {
position:relative;
float:left;
width:350px;
height:400px;
overflow:auto;
padding:5px;
border:1px solid #663300;
}

#images {
position:relative;
float:right;
width:350px;
height:200px;
padding-right:30px;
margin-top:223px;
}

/*** Projects and Gallery ***/
#imagebg {
position:absolute;
width:352px;
height:352px;
left: 360px;
top: 125px;
border:1px solid #663333;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#663300;
text-align:center;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -900px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 130px;
left: 365px; /*position where enlarged image should offset horizontally */
z-index: 100;
}

/*** Case Study ***/
#imagebg2 {
width:350px;
height:350px;
border:1px solid #663333;
padding:5px 5px 8px 5px;
color:#663300;
}

#textblock {
width:350px;
height:75px;
overflow:auto;
padding:5px;
border:1px solid #663300;
margin-top:20px;
}

#images {
position:relative;
float:right;
width:350px;
height:auto;
padding-right:30px;
margin-top:223px;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
left: -900px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 105px;
left: 10px; /*position where enlarged image should offset horizontally */
z-index: 100;
}