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

.clear {clear: both;}
.margintop10 {margin-top: 10px;}


/*Main Document Base*/
body {margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; position:absolute; left:0px; right:0px; top:0px; bottom:0px;}
#container {width: 100%; margin: 0 auto;}
#bodytop {width: 100%; height: 428px; background-image: url('../images/top-back.gif'); background-repeat: repeat-x;}
#pagebodytop {width: 100%; height: 428px; background-image: url('../images/top-back.gif'); background-repeat: repeat-x;}
#bodymiddle {width: 100%; height: 100%; background-color: #eaeaea;}
#bodyfoot {width: 100%; height: 400px; background-color: #121212;}

/* Navigation */
#nav {padding-left: 20px;}
#nav {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; margin-left: 0px; margin-top: 80px;}
#nav a:link {text-decoration: none; color: #fff;}
#nav a:visited {text-decoration: none; color: #fff;}
#nav a:active {text-decoration: none; color: #fff;}
#nav a:hover {text-decoration: none; color: #fff;}

/* Index Header */
#bodytop .navcontainer {width: 1150px; height: 105px;}
#bodytop .logo {background-image: url('../images/logo.png'); width: 561px; height: 105px; float: left;}
#bodytop .topshadow {background-image: url('../images/right-logo-long-shadow.png'); width: 589px; height: 105px; float: left;}
#bodytop .masthead {background-image: url('../images/blue-masthead-full.png'); width: 1150px; height: 300px; float: left;}

/* Page Header Short*/
#pagebodytop {width: 100%; height: 204px; background-image: url('../images/top-back-short.gif'); background-repeat: repeat-x;}
#pagebodytop .navcontainer {width: 1150px; height: 105px;}
#pagebodytop .logo {background-image: url('../images/logo.png'); width: 561px; height: 105px; float: left;}
#pagebodytop .topshadow {background-image: url('../images/right-logo-long-shadow.png'); width: 589px; height: 105px; float: left;}
#pagebodytop .masthead {background-image: url('../images/blue-masthead-short.png'); width: 1150px; height: 91px; float: left;}

/* Page Content */
#pagecontainer {width: 1150px; height: 100%; margin-top: -23px;}
#pagecontainer .leftshadow {background-image: url('../images/body-shadow-left.png'); width: 99px; float: left; height: 2275px; background-repeat: repeat-y;}
#pagecontainer .contentback {background-image: url('../images/body-background.gif'); background-repeat: repeat-y; width: 949px; height: 2275px;float: left; position: relative;}
#pagecontainer .rightshadow {background-image: url('../images/body-shadow-right.png'); width: 102px; float: left; height: 2275px; background-repeat: repeat-y;}
#pagecontainer .textbox {width: 675px; float: left; text-align: left; margin-left: 15px;}
#pagecontainer #content {width: 949px; font-family: Arial, Helvetica, sans-serif; size: 14px; color: #333; position: absolute;}
#pagecontainer .rightcolumn {width: 250px; border-left: #b9b9b9 1px solid; float: right;}


/* Index Content */
#indexcontainer {width: 1150px; height: 100%; margin-top: -23px;}
#indexcontainer .leftshadow {background-image: url('../images/body-shadow-left.png'); width: 99px; float: left; height: 450px; background-repeat: repeat-y;}
#indexcontainer .contentback {background-image: url('../images/body-background.gif'); background-repeat: repeat-y; width: 949px; height: 450px; float: left; position: relative;}
#indexcontainer .rightshadow {background-image: url('../images/body-shadow-right.png'); width: 102px; float: left; height: 450px; background-repeat: repeat-y;}
#indexcontainer #content {width: 949px; font-family: Arial, Helvetica, sans-serif; size: 14px; color: #333; position: absolute;}
#indexcontainer .textbox {width: 675px; float: left; text-align: left; margin-left: 15px;}
#indexcontainer .rightcolumn {width: 250px; border-left: #b9b9b9 1px solid; float: right;}
#indexcontainer h1 {margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 24px;}

/* Resume Content */
#resumecontainer {width: 1150px; height: 100%; margin-top: -23px;}
#resumecontainer .leftshadow {background-image: url('../images/body-shadow-left.png'); width: 99px; float: left; height: 2450px; background-repeat: repeat-y;}
#resumecontainer .contentback {background-image: url('../images/body-background.gif'); background-repeat: repeat-y; width: 949px; height: 2450px; float: left; position: relative;}
#resumecontainer .rightshadow {background-image: url('../images/body-shadow-right.png'); width: 102px; float: left; height: 2450px; background-repeat: repeat-y;}
#resumecontainer .textbox {width: 675px; float: left; text-align: left; margin-left: 15px;}
#resumecontainer #content {width: 949px; font-family: Arial, Helvetica, sans-serif; size: 14px; color: #333; position: absolute;}
#resumecontainer .rightcolumn {width: 250px; border-left: #b9b9b9 1px solid; float: right;}
#resumecontainer .rightcolumn .rightcolumntext {padding-left: 15px; padding-right: 15px; text-align: left;}
#resumecontainer h1 {margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 24px;}
#resumecontainer h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #09F; margin-top: 40px;}
.rightcolumntext a:link {color: #333;}
.rightcolumntext a:visited {color: #333;}
.rightcolumntext a:active {color: #333;}
.rightcolumntext a:hover {color: #333;}

/* thanks Content */
#contactcontainer {width: 1150px; height: 100%; margin-top: -23px;}
#contactcontainer .leftshadow {background-image: url('../images/body-shadow-left.png'); width: 99px; float: left; height: 950px; background-repeat: repeat-y;}
#contactcontainer .contentback {background-image: url('../images/body-background.gif'); background-repeat: repeat-y; width: 949px; height: 950px;float: left; position: relative;}
#contactcontainer .rightshadow {background-image: url('../images/body-shadow-right.png'); width: 102px; float: left; height: 950px; background-repeat: repeat-y;}
#contactcontainer .textbox {width: 675px; float: left; text-align: left; margin-left: 15px;}
#contactcontainer #content {width: 949px; font-family: Arial, Helvetica, sans-serif; size: 14px; color: #333; position: absolute; padding-bottom: 15px;}
#contactcontainer .rightcolumn {width: 250px; border-left: #b9b9b9 1px solid; float: right;}
#contactcontainer .subtext {font-size: 10px;}

/* Design Content */
#designcontainer {width: 1150px; height: 100%; margin-top: -23px;}
#designcontainer .leftshadow {background-image: url('../images/body-shadow-left.png'); width: 99px; float: left; height: 625px; background-repeat: repeat-y;}
#designcontainer .contentback {background-image: url('../images/body-background.gif'); background-repeat: repeat-y; width: 949px; height: 625px; float: left; position: relative;}
#designcontainer .rightshadow {background-image: url('../images/body-shadow-right.png'); width: 102px; float: left; height: 625px; background-repeat: repeat-y;}
#designcontainer .textbox {width: 675px; float: left; text-align: left; margin-left: 15px;}
#designcontainer #content {width: 949px; font-family: Arial, Helvetica, sans-serif; size: 14px; color: #333; position: absolute;}
#designcontainer h1 {margin-top: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 24px;}
#designcontainer h2 {margin-left: 5px; margin-bottom: 0px; margin-top: 0px; font-size: 16px; color: #09F;}
#designcontainer .rightcolumn {width: 250px; border-left: #b9b9b9 1px solid; float: right; height: 600px}
#designcontainer .header {margin-bottom: 25px; margin-left: 5px;}
#designcontainer .thumbrow {height: 140px;}
#designcontainer .thumb {float: left; margin-right: 7px;}

/* Web Content */
#webcontainer {width: 1150px; height: 100%; margin-top: -23px;}
#webcontainer .leftshadow {background-image: url('../images/body-shadow-left.png'); width: 99px; float: left; height: 1050px; background-repeat: repeat-y;}
#webcontainer .contentback {background-image: url('../images/body-background.gif'); background-repeat: repeat-y; width: 949px; height: 1050px; float: left; position: relative;}
#webcontainer .rightshadow {background-image: url('../images/body-shadow-right.png'); width: 102px; float: left; height: 1050px; background-repeat: repeat-y;}
#webcontainer .textbox {width: 919px; float: left; text-align: left; margin-left: 15px;}
#webcontainer #content {width: 949px; font-family: Arial, Helvetica, sans-serif; size: 14px; color: #333; position: absolute;}
#webcontainer h1 {margin-top: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 24px;}
#webcontainer h2 {margin-left: 5px; margin-bottom: 20px; margin-top: 0px; font-size: 16px; color: #09F;}
#webcontainer .webthumbrow h3 {margintop: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000;}
#webcontainer .rightcolumn {width: 250px; border-left: #b9b9b9 1px solid; float: right; height: 600px}
#webcontainer .header {margin-bottom: 25px;}
#webcontainer .thumbrow {height: 130px;}
#webcontainer .webthumbrow {height: 325px;}
#webcontainer .webthumb1 {float: left; margin-left: 5px; text-align: center;}
#webcontainer .webthumb2 {float: left; margin-left: 18px;  text-align: center;}
#webcontainer .thumb {float: left; margin-right: 5px;}
#webcontainer .webtext {text-align: center; margin-top: 10px;}
.webthumbrow a:link {color: #333;}
.webthumbrow a:visited {color: #333;}
.webthumbrow a:active {color: #333;}
.webthumbrow a:hover {color: #333;}

/* Video Content */
#videocontainer {width: 1150px; height: 100%; margin-top: -23px;}
#videocontainer .leftshadow {background-image: url('../images/body-shadow-left.png'); width: 99px; float: left; height: 925px; background-repeat: repeat-y;}
#videocontainer .contentback {background-image: url('../images/body-background.gif'); background-repeat: repeat-y; width: 949px; height: 925px; float: left; position: relative;}
#videocontainer .rightshadow {background-image: url('../images/body-shadow-right.png'); width: 102px; float: left; height: 925px; background-repeat: repeat-y;}
#videocontainer .textbox {width: 919px; float: left; text-align: left; margin-left: 15px;}
#videocontainer #content {width: 949px; font-family: Arial, Helvetica, sans-serif; size: 14px; color: #333; position: absolute;}
#videocontainer h1 {margin-top: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 24px;}
#videocontainer .rightcolumn {width: 250px; border-left: #b9b9b9 1px solid; float: right; height: 600px}
#videocontainer .header {margin-bottom: 25px;}
#videocontainer .videothumbrow {height: 140px; margin-bottom: 25px;}
#videocontainer .videothumb1 {float: left; margin-left: 45px; text-align: center;}
#videocontainer .videothumb2 {float: left; margin-left: 20px;  text-align: center;}
#videocontainer .thumb {float: left; margin-right: 5px;}
#videocontainer .webtext {text-align: center; margin-top: 10px;}

/* Email Content */
#emailcontainer {width: 1150px; height: 100%; margin-top: -23px;}
#emailcontainer .leftshadow {background-image: url('../images/body-shadow-left.png'); width: 99px; float: left; height: 900px; background-repeat: repeat-y;}
#emailcontainer .contentback {background-image: url('../images/body-background.gif'); background-repeat: repeat-y; width: 949px; height: 900px; float: left; position: relative;}
#emailcontainer .rightshadow {background-image: url('../images/body-shadow-right.png'); width: 102px; float: left; height: 900px; background-repeat: repeat-y;}
#emailcontainer .textbox {width: 675px; float: left; text-align: left; margin-left: 15px;}
#emailcontainer #content {width: 949px; font-family: Arial, Helvetica, sans-serif; size: 14px; color: #333; position: absolute;}
#emailcontainer h1 {margin-top: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 24px;}
#emailcontainer h2 {margin-left: 5px; margin-bottom: 0px; margin-top: 0px; font-size: 16px; color: #09F;}
#emailcontainer .rightcolumn {width: 250px; border-left: #b9b9b9 1px solid; float: right; height: 600px}
#emailcontainer .header {margin-bottom: 25px; margin-left: 5px;}
#emailcontainer .thumbrow {height: 112px;}
#emailcontainer .thumb {float: left; margin-right: 7px;}

/* Footer */
#bodybottom {background-image: url('../images/body-bottom.png'); width: 1150px; height: 47px;}
.footertext {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#0071bb; padding-top: 20px;}

#bodybottom #nav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; margin-left: 30px; margin-top: 20px;}
#bodybottom #nav a:link {text-decoration: none; color: #fff;}
#bodybottom #nav a:visited {text-decoration: none; color: #fff;}
#bodybottom #nav a:active {text-decoration: none; color: #fff;}
#bodybottom #nav a:hover {text-decoration: none; color: #fff;}
#bodybottom #nav #currentpage a:link {color: #09F;}

<!--[if IE]> 
<![endif]-->