#content
{
 width:910px;
 background:#6B6563;
 height:451px;
}

#content .left
{
 width:265px;
 height:405px;
}

#content .left p.logo
{
 float:left;
 width:265px;
 height:50px;
 margin-top:0px;
}

#content .left p.title
{
 width:245px;
 font-family:arial;
 font-size:13.5px;
 font-weight:bold;
 text-align:center;
 color:#fff;
 margin-left:8px;
}

#content .left p.text
{
 width:245px;
 font-family:arial;
 font-size:12px;
 text-align:center;
 color:#CCC;
 margin-left:8px;
}

#content .left a
{
 color:#fff;
 text-decoration:none;
}

#content .left a:hover
{
 color:#C0C0C0;
}

#content .leftblog
{
 width:265px;
 height:405px;
}

#content .leftblog p.logo
{
 float:left;
 width:265px;
 height:50px;
 margin-top:0px;
}

#content .leftblog p.title
{
 width:245px;
 font-family:arial;
 font-size:13.5px;
 font-weight:bold;
 text-align:center;
 color:#fff;
 margin-left:8px;
}

#content .leftblog p.text
{
 width:245px;
 font-family:arial;
 font-size:12px;
 color:#CCC;
 margin-left:8px;
}

#content .leftblog a
{
 color:#fff;
 text-decoration:none;
}

#content .leftblog a:hover
{
 color:#C0C0C0;
}

#content .homepic
{
 width:635px;
 height:405px;
 background:url('/portfolio/images/moths.jpg') no-repeat;
 margin-top:-405px;
 margin-left:275px;
}

#content .homepic .caption
{
 float: right;
 height:15px;
 margin-top:370px;
 margin-right:10px;
 background-image:url('/global/overlay-box.png');
 border-top:solid 1px #fff;
 border-left:solid 1px #fff;
 border-right:solid 1px #fff;
 border-bottom:solid 1px #fff;
}

html>body #content .homepic .caption
{
 float: right;
 height:15px;
 margin-top:377px;
 margin-right:10px;
 background-image:url('/global/overlay-box.png');
 border-top:solid 1px #fff;
 border-left:solid 1px #fff;
 border-right:solid 1px #fff;
 border-bottom:solid 1px #fff;
}

#content .homepic .caption p
{
 font-family:arial;
 font-size:11px;
 color:#fff;
 margin-top:-2px;
 padding:4px;
}

html>body #content .homepic .caption p
{
 font-family:arial;
 font-size:11px;
 color:#fff;
 margin-top:-4px;
 padding:4px;
}

#content .portfolio
{
 width:635px;
 height:405px;
 margin-top:-405px;
 margin-left:275px;
}

#content .portfolio img
{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity:0.7;
 border-right:solid 1px #000;
 border-left:solid 1px #000;
 border-bottom:solid 1px #000;
 border-top:solid 1px #000;
}

#content .portfolio a:hover img
{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity:1;
}

#content .portfolio-view
{
 width:635px;
 height:405px;
 background:url('/portfolio/images/moths.jpg') no-repeat;
 margin-top:-405px;
 margin-left:275px;
}

#content .blog
{
 width:635px;
 height:405px;
 margin-top:-435px;
 overflow:auto;
 background-color:#666;
 float:right;
}

html>body #content .blog
{
 width:635px;
 height:405px;
 margin-top:-405px;
 overflow:auto;
 background-color:#666;
 float:right;
}

#content .blog .blogtext
{
 color:#E5E5E5;
 font-size:13px;
 font-family:Arial;
 margin-top:20px;
 margin-left:10px;
}

#content .blog .blogtext p.date
{
 color:#C0C0C0;
 font-size:10px;
 font-family:Arial;
 margin-top:20px;
 margin-bottom:0;
}

#content .blog .blogtext h3
{
 color:#ff9;
 font-size:16px;
 font-family:Arial;
 margin-top:3px;
}

#content .blog .blogtext a
{
 color:#fff;
}

#content .blog .blogtext img
{
 padding:5px;
}

#content .overlay-box
{
 width:250px;
 height:375px;
 margin-top:15px;
 margin-left:15px;
 border-top:solid 1px #000;
 border-left:solid 1px #000;
 border-right:solid 1px #000;
 border-bottom:solid 1px #000;
 overflow:auto;
}

html>body #content .overlay-box
{
 width:250px;
 position:relative;
 top:15px;
 height:375px;
 margin-left:15px;
 background-image:url('/global/overlay-box.png');
 border-top:solid 1px #000;
 border-left:solid 1px #000;
 border-right:solid 1px #000;
 border-bottom:solid 1px #000;
 overflow:auto;
}

#content .overlay-box p
{
 font-family:arial;
 font-size:13px;
 color:#fff;
 text-align:center;
}

#content .overlay-box a
{
 color:#0FF;
}

#content .clients-list
{
 overflow:auto;
 margin-left:-265px;
 height:287px;
 position:relative;
}

html>body #content .clients-list
{
 overflow:auto;
 margin-left:-265px;
 height:297px;
 position:relative;
}

#content .clients-list ul li
{
 font-family:arial;
 font-size:12px;
 color:#fff;
 margin-left:265px;
}

html>body #content .clients-list ul li
{
 font-family:arial;
 font-size:12px;
 color:#fff;
 margin-left:265px;
}

#content .clients
{
 width:635px;
 height:405px;
 margin-top:-405px;
 margin-left:275px;
 background:url('/portfolio/clients/clients.jpg') no-repeat;
}

#content .prints
{
 width:635px;
 height:405px;
 margin-top:-405px;
 margin-left:275px;
 background:url('/prints/prints.jpg') no-repeat;
}

html>body #content .prints
{
 width:635px;
 height:405px;
 margin-top:-420px;
 margin-left:275px;
 background:url('/prints/prints.jpg') no-repeat;
}

#content .about
{
 width:635px;
 height:405px;
 margin-top:-405px;
 margin-left:275px;
 background:url('/about/about.jpg') no-repeat;
}

html>body #content .about
{
 width:635px;
 height:405px;
 margin-top:-420px;
 margin-left:275px;
 background:url('/about/about.jpg') no-repeat;
}

#content .contact
{
 width:635px;
 height:405px;
 margin-top:-405px;
 margin-left:275px;
 background:url('/contact/contact.jpg') no-repeat;
}

html>body #content .contact
{
 width:635px;
 height:405px;
 margin-top:-420px;
 margin-left:275px;
 background:url('/contact/contact.jpg') no-repeat;
}

#content .login
{
 width:635px;
 height:405px;
 margin-top:-405px;
 margin-left:275px;
 background:url('/login.jpg') no-repeat;
}

html>body #content .login
{
 width:635px;
 height:405px;
 margin-top:-420px;
 margin-left:275px;
 background:url('/login.jpg') no-repeat;
}

#content .secure
{
 float:left;
 width:635px;
 height:352px;
 overflow:auto;
 background-color:#C0C0C0;
 margin-top:-405px;
 margin-left:275px;
}

html>body #content .secure
{
 float:left;
 width:635px;
 height:348px;
 overflow:auto;
 background-color:#C0C0C0;
 margin-top:-405px;
 margin-left:275px;
}

#content .secure p
{
 font-family:arial;
 font-size:12px;
 margin-left:10px;
 margin-top:10px;
}

#content .menu
{
 margin-left:275px;
}

#content .menu ul
{
 font-weight: bold;
 font-size: 14px;
 font-family:arial;
 background-color: #6B6563;
 float: left;
 width: 635px;
 padding:0;
 margin:0;
}

#content .menu ul li
{
 display: inline;
 margin-left:0px;
}

#content .menu ul li a
{
 color:#fff;
 text-decoration: none;
 float: left;
 vertical-align: middle;
 padding:15px;
}

#content .menu ul li a:hover
{
 color: #000;
 background-color:#76696A;
}

#credit
{
 width:908px;
 height:45px;
 background:#fff;
 border-bottom:solid 1px #6B6563;
 border-left:solid 1px #6B6563;
 border-right:solid 1px #6B6563;
}

html>body #credit
{
 width:908px;
 height:45px;
 margin-top:-10px;
 background:#fff;
 border-bottom:solid 1px #6B6563;
 border-left:solid 1px #6B6563;
 border-right:solid 1px #6B6563;
}

#credit p
{
 padding:0;
 padding-top:2px;
 font-family:arial;
 font-size:10.5px;
 text-align:center;
}

a.delImage
{
 position: relative;
}

a.delImage span
{
 display: none;
}

a.delImage:hover span
{
 display: block;
 position: absolute;
 margin-left: 5px;
 margin-top: 0px;
 margin-right: 5px;
 margin-bottom: 5px;
 border: 1px solid #000;
 background-color:#C0C0C0;
 width: 160px;
 height: 123px;
 text-align:center;
}

a.delImage:hover
{
 border: none;
}