* { margin:0;padding:0; }
body { text-align: justify;
  background: url(../images/v2-layout/background.png) top repeat-x #3a8284;
  font-family: Georgia,"Lucida Grande", Verdana, sans-serif;
  font-size: 14px;
}

#page-wrapper { position: relative;width:990px; margin:40px auto 0 auto; min-height:640px;}
.shadow{  background:url(../images/v2-layout/shadow.png) top right no-repeat }
.clear { clear:left; font-size:1px;}
#logo { float:left; width:264px; height: 197px; background:url(../images/v2-layout/logo.png) no-repeat; cursor:pointer}

#content { float:left; margin-right:23px; width:703px; margin:0 auto;min-height:200px;} /* position wrapper  */
#content #content-background { width:703px;background:url(../images/v2-layout/content_background.png) repeat-y #dae5e5; min-height:400px; } /* main background */
#content #content-top-background { background:url(../images/v2-layout/content_top.png) left top no-repeat; min-height:500px} /* content top background / header */

#content #content-top-background.banner { width:703px;background:url(../images/v2-layout/banner_home.jpg) left top no-repeat; min-height:500px;} /* content top background / header */

#content #top { height:197px;padding:10px 15px 0 15px; text-align:justify;}
#content #middle { height:298px; background:url(../images/v2-layout/middle-box.png) no-repeat; padding:5px 0 0 2px ;}
#content #middle div.box {float:left;width: 200px;height:275px;background:url(../images/v2-layout/middle_box_bg.png) repeat-x #bfcfd0;border:1px solid #5aa2a4; margin:2px 5px 0 8px}
#content #middle div div.cbox {float:left;width: 192px;padding:3px; height:267px;background:url(../images/v2-layout/homepage_box_bg.png) bottom repeat-x #dae5e5;border:1px solid #7ab2b4;}
#content #middle div div div { text-align:center; font-family: Trebuchet MS, Georgia, serif;border-bottom:1px solid #5aa2a4; font-size:14px;font-weight:bold; margin-top:-5px;}
#content ul { text-align:left; list-style-type: none; padding-top:2px;}
#content .cbox ul { font-size:11px; }
#content ul li { margin: 0 0 0 2px; background:url(../images/v2-layout/bullet.png) 0 50% no-repeat; padding-left:12px; color:#2a7274}
#content .box { padding:5px; }
span.more a { font-size:10px; float:right; font-family:verdana;color:#3a8284; }
.cbox span.more a { margin-top:-5px; }
span.more a:hover { color:#5aa2a4; text-decoration:none; }
#content #top.box { height:187px; }

#footer { width:695px; padding:3px; background:url(../images/v2-layout/footer_background.png) bottom repeat-x #2a5e60; border:1px solid #124f51; color:#86b7b7; text-align:center;}
#footer ul { list-style-type: none;  font-size: 12px; padding-top:2px;}
#footer ul li { display: inline;}
#footer ul li img { vertical-align:bottom; padding:0 2px 1px 8px;}
#footer a:link, #footer a:visited { color:#86b7b7; }
#footer_shadow { width:703px; margin-left:264px;background:url(../images/v2-layout/footer_shadow.png) bottom repeat-x; padding-bottom:29px;}

#nav { position: absolute; left:0; top:200px; text-align:right;  }
#nav { background:url(../images/v2-layout/menu-shadow.png) bottom right no-repeat; padding-bottom:14px; }
#nav ul { list-style-type: none; font-family: arial, helvetica, sans-serif; font-size: 13px;}
#nav ul#menu {  background:url(../images/v2-layout/mgradient.png) right repeat-y;}
#nav ul li {  display: block;}
#nav ul#menu li { margin-left:80px; border-top:1px solid #2e686a; }
#nav ul#menu li.last { border-bottom:1px solid #2e686a; }
#nav ul#menu li.active {  border-top:1px solid #bfcfd0; border-bottom:1px solid #bfcfd0; background:url(../images/v2-layout/mgradient-hover.png) right repeat-y}
#nav ul#menu li a { display: block; padding: 5px 5px 0px 55px; width: 112px; height: 21px;}
#nav ul#menu li a:link, #nav ul#menu li a:visited { text-decoration: none; padding-right:17px; color:#dae5e5;}
#nav ul#menu li a:hover { color:#fff; background:url(../images/v2-layout/mgradient-hover.png) right repeat-y}
#nav ul#menu li a.active, #nav ul#menu li a.active:hover { color:#fff; background:url(../images/v2-layout/arrow2.png) no-repeat center right ;}

.center { text-align:center }
.note { color:#3a8284;font-style: italic }
.padding { padding:5px; }
.tenpadding { padding:10px; }
.hidden { display:none; }
.right { float:right; }
.left { float:left; }
.hide { display:none; }
.bottom { vertical-align:bottom; }
h1 { padding-top:9px; text-align:center; font-variant: small-caps; z-index:1;}
/* h1 span{border-bottom:1px solid #3a8284;  } */
h2 { margin:15px 0px 5px 0; border-bottom:1px solid #3a8284; }
h3 { padding-top:15px; }
h3 { text-decoration: underline;}

.block { margin:0 8px; }
ul.block { margin:0 16px; }
#news .note { font-size:12px;width:120px; line-height:12px; margin:4px 5px 0 0; float:left; background:url(../images/v2-layout/bullet.png) 9em 50% no-repeat; text-decoration:none;}

a:link, a:visited { color:#3a8284;}

input, textarea { width:180px; border:1px solid #5aa2a4;margin:2px 0}
label { display: block; float: left; margin-bottom: 10px; margin: 2px; padding: 2px; }
label { text-align: left; width: 150px; padding-right: 10px; }
input[type="submit"] { margin-left:166px; width:100px; background:#5aa2a4; color:#fff; border:1px solid #3a8284 }
.bigletter { float:left;font-size:200%; color:#5aa2a4;margin-right:2px; }

#content ul, p { padding-bottom:5px; }
.underlined { text-decoration:underline; }

.portfolio { margin:10px 0; padding:5px 0;}
.portfolio2 { border-top:1px solid #bac5c5;border-bottom:1px solid #bac5c5}
.portfolio .description { float:left;width:240px;text-align:justify;padding:1px 1px 1px 0; }
.portfolio div.header { color:#777;text-align:center; margin-top:5px;font-size:80%; border-top:1px solid #bac5c5}
.portfolio div.topheader { color:#777;text-align:center; margin-bottom:5px;font-size:80%; border-bottom:1px solid #bac5c5}
.portfolio .screenshot { margin-left:240px;padding-left:10px; }
.portfolio .screenshot img { border:1px solid #8a9595; padding:1px; }

.contact { margin-top:5px; border:1px solid #5aa2a4; background:#bac5c5; padding:1px; }
.contact div { border:1px solid #dae5e5; padding:5px; background:url(../images/v2-layout/homepage_box_bg.png) bottom repeat-x}