/* universal */
body {text-align: center; margin: auto; background: url('workbench.jpg') no-repeat center top; background-color: #333333;}
h1,h2,.large,.left {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif;font-size:14px;}
a{text-decoration:none;color:#fff;}
li {font-family: georgia; font-size: 11px; letter-spacing: 1.0px; line-height: 18px; font-weight: normal;}

/* divisions */
#wrapper {margin: auto; width: 900px; }
#container {position: relative; width: 900px; margin: auto;}

#greyBox {width: 100%; height: 60px; display: box; background: #656565;}
#ribcity {width: 200px; position: absolute; left: 92px; top: 110px; z-index: 500;}
#ribcity p {font-family: georgia; font-size: 11px; letter-spacing: 1.0px; line-height: 18px; font-weight: normal; color: #1C1F22; text-align: left;}
#scroll {position: absolute; left: 0; top: 40px; z-index: 200; opacity:0.2;filter:alpha(opacity=20);}
#menu{position:absolute;bottom: 0;left:141px;z-index:80;width:100%;line-height:12px;}
#menu div{height:54px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 7px}
#logo {position:absolute;bottom:0;left:0;z-index:80;width:140px;}
#logo div {height:54px;background:#333; padding:7px 0 0 0; color: #fff; font-size: 16px;}
#logo p {margin-top: 10px; padding-top: 10px; }

#flash {position: absolute; top: 47px; left: 0; z-index: 500; width: 455px; height: 200px;}

#toplinks {position: absolute; left: 490px; top: 23px; z-index: 200; color: #fff;}
#toplinks a:link {color: #fff; text-decoration: none; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; letter-spacing: 1.0px;}
#toplinks a:visited {color: #fff; text-decoration: none; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; letter-spacing: 1.0px;}
#toplinks a:hover {color: #fff; text-decoration: none; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; letter-spacing: 1.0px;}
#toplinks a:active {color: #fff; text-decoration: none; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; letter-spacing: 1.0px;}

#topnavback {position: absolute; left: 0; top: 3px; z-index: 1;}

#services {width: 900px; position: absolute; left: 0; top: 47px; background: url(shadowAlpha.png) repeat center; z-index: 400;}
#services td {margin-left: 20px; padding-left: 20px; padding-right: 30px; margin-right: 30px; font-family: georgia; font-size: 11px; letter-spacing: 1.0px; line-height: 18px; font-weight: normal; color: #1C1F22; }
#services h2 {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.0px; color: #284B6B; text-align: left;}
#services a:link {color: #284B6B; text-decoration: underline; }
#services a:visited {color: #284B6B; text-decoration: underline; }
#services a:hover {color: #284B6B; text-decoration: underline; }
#services a:active{color: #284B6B; text-decoration: underline; }

#review {width: 900px; position: absolute; left: 0; top: 5px; background: url(shadowAlpha.png) repeat center; z-index: 400;}
#review td {margin-left: 20px; padding-left: 20px; padding-right: 30px; margin-right: 30px; font-family: georgia; font-size: 11px; letter-spacing: 1.0px; line-height: 18px; font-weight: normal; color: #1C1F22; }
#services h2 {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.0px; color: #284B6B; text-align: left;}

#portfolio {width: 900px; height: 600px; position:  absolute; left: 0; top: 53px; background: url(shadowAlpha2.png) repeat center; }
#portfolio td {padding-right: 20px; margin-right: 20px; font-family: georgia; font-size: 11px; letter-spacing: 1.0px; line-height: 18px; font-weight: normal; color: #1C1F22; }
#portfolio h2 {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.0px; color: #284B6B; text-align: left;}
#portfolio a:link {color: #284B6B; text-decoration: underline; }
#portfolio a:visited {color: #284B6B; text-decoration: underline; }
#portfolio a:hover {color: #284B6B; text-decoration: underline; }
#portfolio a:active{color: #284B6B; text-decoration: underline; }

#purpose {position: absolute; left: 32px; top: 75px; z-index: 500;}

#recommend1 {	position: absolute;	left: 8px;	top: 160px;	z-index: 600;	color: #fff;	width: 200px; text-align: left; font-family: georgia; font-size: 11px; letter-spacing: 1.0px; line-height: 18px; font-weight: normal; text-align: left;}

#recommend2 {	position: absolute;	left: 200px;	top: 190px;	z-index: 600;	width: 175px; text-align: left; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; letter-spacing: 1.0px; color: #000;}

#recommend2 h3 {text-align: left; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 18px; letter-spacing: 1.0px; color: #E87D0B;}

#recommend {width: 800px; }
#recommend td {padding-left: 3px; margin-left: 3px; font-family: georgia; font-size: 11px; letter-spacing: 1.0px; line-height: 18px; font-weight: normal; color: #1C1F22; text-align: left;}

#form {z-index: 900; }
#form p {font-family: georgia; font-size: 12px;}
#form td {font-size: 12px; padding: 10px; color: #1C1F22}

#ClientList {width: 900px; border: 1px solid #1C1F22;}
#ClientList td {font-family: georgia; font-size: 11px; letter-spacing: 1.0px; line-height: 18px; font-weight: normal; text-align: left; color: #1C1F22; background-color: #fff;}
#ClientList h2 {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.0px; color: #284B6B;}
#ClientList a:link {color: #474f57; text-decoration: none; }
#ClientList a:visited {color: #474f57; text-decoration: none; }
#ClientList a:hover {color: #474f57; text-decoration: underline; }
#ClientList a:active{color: #474f57; text-decoration: none; }

#error {width: 900px; background-color: #fff; border: 1px solid #1C1F22;}
#error td {padding: 10px; }
#error h2 {font-family: georgia; font-size: 14px; font-weight: 700; text-align: left;}
#error p {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; letter-spacing: 1.0px; color: #000; text-align: left; line-height: 20px;}
#error a:link {color: #718699; text-decoration: underline; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; }
#error a:visited {color: #718699; text-decoration: underline; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; }
#error a:hover {color: #718699; text-decoration: underline; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; }
#error a:active{color: #718699; text-decoration: underline; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 12px; }


/* classes */
.box{position:absolute;top:20px;right:200px;width:400px;padding-bottom:100px}
.box div{line-height:1.5em;background:#fff;padding:20px 30px}
.box div a{text-decoration:underline}
.large{text-align:right;top:20%;right:120px;font-size:13px; }
.left{text-align:left;right:auto;left:180px;font-size:13px}
.left2 {text-align: left; }
.large h2{font-size:20px; color: #333;}
.white{color:#fff;}
.grey {color: #474f57; }
.bold {font-size: 30px; font-weight: bold;  color: #999;}
.small {font-size: 10px;}
.center {text-align: center; }
.right {text-align: right; }
.left {text-align: left; }
.georgia {font-family: georgia;  }
.century {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-weight: 700; color: #fff; letter-spacing: .75px;}
.centuryBlack {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-weight: 700; color: #000; letter-spacing: .75px;}
.border-rt {border-right: 1px dashed #656565; }
.border-btm {border-bottom: 3px solid #656565;}
.textInput {border: 1px solid #1C1F22; }
.pad {padding-left: 20px; padding-right: 20px;}
.pad-rt {padding-right: 4px; margin-right: 4px; }
.pad-left {padding-left: 10px; margin-right: 10px; }
.blue {color: #3C6987;}
.center {text-align: center; }
.orange {color: #E87D0B; font-weight: bold; font-size: 22px;)