body { font-family: arial,verdana,sans-serif; font-size: 75%; color: #707070; text-align: center; background-color: #fffef1; }
h1,h2,h4,h5,h6 {font-weight: bold;}
h1 {font-size: 1.8em; margin: 0; padding: 0;}
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.13em; margin: 0 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 0.95em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
a { color: #10C0FA; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0.33em 0 1em 0; line-height: 1.4em; }
small {font-size: 85%;}
strong { font-weight: bold; }
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form { margin: 0; padding: 0; }
hr { clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;}

/* ************************** */
/* Layout: the big containers */
/* ************************** */

#wrapper { width: 785px; margin: 0 auto; text-align: left; }
#header { width: 785px; }
#page { clear: both }
#content {  }
#footer { width: 785px; }

/* ************ */
/* Header Stuff */
/* ************ */

#header { height: 80px; margin: 50px 0 40px 0; }
#header h1,
#header img#logo { width: 243px; float: left; margin-right: 50px; }
#header ul.nav { float: left; }
#header ul.nav li { margin-bottom: 7px; }
ul.subPage-nav li { float: left; }

/* ************ */
/* Content Area */
/* ************ */

#breadcrumb {  }
#breadcrumb li { float: left; }
#content ul,
#content ol { margin: 1em 0; padding-left: 2.5em; }

.contact { width: 250px; margin-right: 25px; float: right; }
.row { clear: both; margin-bottom: 15px; }
.box { width: 243px; margin-right: 15px; float: left; }
.box h2 { margin: 0; padding-top: 6px; color: #fff; background: url(../images/boxHeader.png) top left no-repeat; font-size: 1.0em; text-align: center; }
.box h2 a { color: #fff; text-decoration: none; }
.box h2 a:hover { color: #fcf9ce; }
.person { background: #fcf9ce; }
.person h2 { font-size: 1.4em; color: #ca2026; background: url(../images/boxHeader-person.png) top left no-repeat; }
.person h2 a { color: #ca2026; text-decoration: none; }
.person h2 a:hover { color: #f26722; }
.box div { height: 130px; border-left: 1px #faae7d solid; border-right: 1px #faae7d solid; margin: 0; padding: 15px; }
.box .footerImg { position: relative; top: -1px; }
.person div { height: 125px; border-top: none; }
.box div div { height: auto; border: none; padding: 0; }
.box .photo { width: 85px; float: left; text-align: center; margin-right: 5px; }
.box .photo img { margin-bottom: 3px; }
.box .photo a { font-size: 0.75em; }
.person p { font-size: 0.9em; margin-left: 90px; }


#design img { float: right; }
#usability img { float: right; margin-left: 10px; }
img.footerImg { margin-left: 0 !important; }

#subnav,
.sub #page { float: left; }
#subnav { width: 213px; height: 200px; margin-right: 20px; background: url(../images/subNav-bg.png) top left no-repeat; padding: 25px 15px; }
.sub #page { width: 500px; clear: none; }
#subnav li { margin-bottom: 15px; }
#subnav li a { color: #ca2026; font-weight: bold; }
.sub p { text-align: justify; margin-bottom: 1.2em; }
.sub h1,
.sub h1 a { font-size: 1.4em; color: #ca2026; }


#subnav2,
.sub #page { float: left; }
#subnav2 { width: 213px; height: 255px; margin-right: 20px; background: url(../images/subNav-bg2.png) top left no-repeat; padding: 25px 15px; }
.sub #page { width: 500px; clear: none; }
#subnav2 li { margin-bottom: 15px; }
#subnav2 li a { color: #ca2026; font-weight: bold; }
.sub p { text-align: justify; margin-bottom: 1.2em; }

.sub h1,
.sub h1 a { font-size: 1.4em; color: #ca2026; }

/* ********/
/* Footer */
/* ****** */

#footer { clear: both; }