@charset "utf-8";
/* CSS Document */

.print { display: none; }
.noprint { display: inline; }

body {
background: #00417e url("images/bg.gif") top center repeat-x;	
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

a img { border: none; }

a { color: #005365; }
a:hover { color: #4a4a4a; }

a.plain { text-decoration: none; }

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#header {
width: 100%;
text-align: center;
background: url("images/top-bg.gif") top center no-repeat;
color: #58793d;
font-size: 11px;
height: 223px;
}
#header div { text-align: left; margin-top: 18px; }
#header a {
color: #58793d;
text-transform: uppercase;
text-decoration: none;
padding: 0 7px 0 7px;
font-size: 12px;
letter-spacing: 1px;
}
#header a:hover { color: #83b45c; }
#topmenu { float: left; }
#topmenu a:first-child { padding-left: 0; margin-left: -5px; }
#header #oslogos { float: right; margin-top: 0; margin-right: -10px; }
#header #oslogos a {
display: inline;
padding: 0;
margin: 0;
}

#webcontent {
width: 100%;
background: url("images/content-bg-repeat.gif") top center repeat-y;	
}

#contentbg {
width: 100%;
background: url("images/content-bg.jpg") top center no-repeat;	
}

/* Do not combine these as a single ID and do not change to a class! */
#webcontainertop {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#webcontainer {
width: 1000px;
margin-left: auto;
margin-right: auto;
}


#leftmenu {
float: left;
margin: 3px 0 0 15px;
padding-top: 40px;
width: 250px;
background: #000000 url("images/leftmenu-top-bg.gif") top center no-repeat;
}

#leftmenu a {
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
color: #bcff6e;
padding: 4px 5px 4px 13px;
margin-top: 10px;
}
#leftmenu a:hover { background-color: #222222; }
#leftmenu span a {
color: #656565;	
font-size: 12px;
margin: 0;
padding: 3px 5px 3px 20px;
}
#leftmenu a#aasp {
background-color: #3d3d3d;
color: #fff;
font-size: 12px;
padding: 5px 5px 11px 13px;
margin-top: 25px;
}
#leftmenu a#aasp img { margin: 0 5px -3px 0; }
#leftmenu a#aasp:hover { background-color: #2d2d2d; }

#location {
background: #888888 url("images/location-bg.gif") top center repeat-x;	
padding: 40px 5px 50px 5px;
text-align: center;
font-size: 12px;
}
#location a { padding: 0; margin: 0; font-size: 12px; color: #8fff34; }
#location a:hover { background: none; color: #fff; }

#right {
float: right;
width: 660px;
padding: 45px 30px 30px 30px;
line-height: 21px;
overflow: hidden;
}

#right p { padding: 3px; }

#servicebox { clear: both; padding: 10px 0; }
#servicebox a { float: left; margin: 0 15px 25px 5px; }
#servicebox a img { border: 3px solid #fff; display: block; margin-bottom: 5px; }
#servicebox a { 
background-color: #d8d8d8; 
color: #666666; 
font-weight: bold; 
text-decoration: none; 
text-align: center; 
line-height: normal;
padding-bottom: 7px;
}
#servicebox a:hover { background-color: #fff; }

#bottom { 
background: url("images/bottom.gif") top center no-repeat; 
text-align: center; 
padding: 20px;
font-size: 11px;
line-height: 18px;
color: #a8d265;
}
#bottom a { color: #a8d265; }



/* Design Page styles */

.designcat {
margin-left: 11px;
width: 638px;
height: 29px;
overflow: hidden;
}
.designcat a {
display: block;
width: 148px;	
float: left;
text-align: center;
text-decoration: none;
color: #bbbbbb;
padding: 4px 5px;
background-color: #5e5e5e;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
border-right: 1px solid #4b4b4b;
}
.designcat a:first-child { width: 149px; }
.designcat a.on { background-color: #4e4e4e; color: #fff; border-right: 1px solid #3d3d3d; border-left: 1px solid #3d3d3d; }
.designcat a.on:hover { background-color: #4e4e4e; color: #fff; }
.designcat a:hover { background-color: #717171; color: #fff; }

.designdesc {
background: #3d3d3d url("images/design-top-shadow.gif") bottom repeat-x;
font-size: 12px;
color: #fff;
padding: 15px;
width: 608px;
margin-left: 11px;
}
.designdesc a, .anolink { color: #b4ff32; text-decoration: none; }
.designdesc a:hover { color: #8bda00; }
a.anolink:hover { color: #b4ff32; }
.title { font-size: 20px; color: #fff; display: block; margin-bottom: 5px; }
.title a, .anolink { float: right; margin-left: 15px; font-size: 17px; }
.designscreenshot { background: url("images/design-h-shadow.gif") left top repeat-y; padding-left: 11px; height: 429px; }
#logo { height: 500px; }
.designthumbs {
background: url("images/design-thumbs-bg.gif") no-repeat top center;
height: 140px;
padding: 43px 0 0 36px;
}
.designthumbs a, .nolink { padding: 7px 8px 8px 8px; display: block; float: left; margin: 0 3px 0 4px; }
.designthumbs a:hover { background: #fff; }

a#viewall {
display: block;
float: left;
margin: -8px 12px 0 15px;
background: no-repeat 0 0;
text-indent: -10000px;
width: 36px;
height: 43px;
background-image: url("images/design-viewall.gif");
}
a#viewall:hover { background-position: 0 -43px; }

.clientlist {
padding: 20px 0 20px 20px;
color: #3d3d3d;
font-size: 14px;
float: left;
width: 200px;
}
.clientlist a { color: #3d3d3d; display: block; text-decoration: none; font-size: 13px; line-height: 14px; margin-top: 7px; }
.clientlist .sm {  font-size: 10px; display: block; margin-bottom: 5px; }
.clientlist a:hover { color: white; }


.headline {
font-size: 28px;
font-variant: small-caps;
font-weight: bold;
font-family: garamond;
color: white;
margin: 0;
padding: 0;
}
.headline a { color: white; text-decoration: none; }
.headline a:hover { color: #ceff64; }
.subhead {
font-size: 20px;
font-style: italic;
color: #454545;
margin-bottom: -5px;
padding-bottom: 0;
font-family: georgia, palatino, palatino linotype, garamond, serif;
}

.inlineimage { margin-bottom: -5px; }

a.hover img { width: 320px; position: absolute; z-index: 0; }
a.hover:hover img {
height: 400px;
width: 600px;
z-index: 1;
top: -100px;
left: -150px;
}
a#right img { left: 340px; top: 3px; }
a#right:hover img {
z-index: 1;
top: -100px;
left: 102px;
}

#logodesign {
width: 630px;
padding: 3px;
background-color: #93a86f;
border-top: 1px solid #a6ff3e;
border-bottom: 1px solid #a6ff3e;
}
#logodesign a {
text-align: right;
display: block;
overflow: hidden;
margin: 10px;
height: 11px;
}
#logodesign a img { margin-top: 0; height: 22px; }
#logodesign a:hover img { margin-top: -11px; height: 22px; }