body { background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; padding: 0; margin: 0; }
img { border: 0px; }
code { display: block; padding: 5px; margin: 10px 0 10px 5px; width: 535px; font-family: "Courier New", Courier, monospace; font-size: 1.2em; background-color: #EDF0F7; border: 1px dotted #878FAA; }
cite { display: block; padding: 5px; margin: 10px 0 10px 5px; width: 535px; font-family: "Courier New", Courier, monospace; font-size: 1.2em; background-color: #f4caca; border: 1px dotted #bd3e3e; font-style: normal; }
.error { color: #FF0000; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
ol, ul { float: left; clear: both; width: 480px; margin: 20px; padding: 0; font-size: 1.2em; line-height: 1.6em; text-align: justify; list-style-position: inside; }


#wrap { margin-left: auto; margin-right: auto; margin-top: 0px; width: 1000px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; }
#wrap #header { float: left; clear: both; width: 1000px; height: 162px; }
#wrap #header #img { float: left; clear: both; width: 1000px; height: 100px; }
#wrap #header #navbar { float: left; clear: both; width: 1000px; height: 62px; background-image: url('images/tile-navbar-bg.jpg'); text-align: center; }
#wrap #header #navbar ul { float: none; display: inline; padding: 0; margin: 0; }
#wrap #header #navbar li { display: inline; }

#wrap #main { float: left; clear: both; width: 990px; padding-top: 1px; padding-left: 5px; padding-right: 5px; }
#wrap #main #left { float: left; clear: none; width: 203px; padding-left: 2px; }
#wrap #main #middle { float: left; clear: none; width: 558px; padding: 5px 10px 5px 10px; border-left: 1px solid #e7e9eb; border-right: 1px solid #e7e9eb; }
#wrap #main #middle a { color: #285075; text-decoration: none; }
#wrap #main #middle a:hover { border-bottom: 1px dotted #285075; }
#wrap #main #middle .main_title { padding-bottom: 5px; }
#wrap #main #middle p.intro { font-size: 1.2em; line-height: 1.5em; text-align: justify; border-bottom: 1px solid #dfe1e3; padding: 5px 0 5px 0; margin: 0; }
#wrap #main #middle .content { float: left; clear: both; }
#wrap #main #middle .content a { color: #285075; text-decoration: none; font-weight: bold; }
#wrap #main #middle .content a:hover { border-bottom: 1px dotted #285075; }
#wrap #main #middle .content h1 { float: left; clear: both; width: 100%; font-size: 2.4em; font-family: Century Gothic, Arial, Helvetica, sans-serif; color: #1c446a; font-weight: normal; padding: 0; margin: 0; }
#wrap #main #middle .content p { float: left; clear: both; width: 100%; font-size: 1.2em; line-height: 1.6em; text-align: justify; padding-top: 5px; padding-bottom: 5px; margin: 0; }
#wrap #main #middle .content p.details { float: left; clear: both; width: 100%; padding: 0; margin: 0; }
#wrap #main #middle .content p.category { float: left; clear: both; width: 100%; padding: 2px 0 8px 0; }
#wrap #main #middle .content p.contact { background-image: url('images/icon-contact.gif'); background-repeat: no-repeat; padding-left: 34px; font-size: 2.4em; font-family: Century Gothic, Arial, Helvetica, sans-serif; color: #1c446a; background-position: 0 8px; width: 510px; }
#wrap #main #middle .content p.contact a { font-weight: normal; }


/* Styles for portfolio detail page */
.content .c_intro { float: left; clear: both; width: 100%; }
.content .c_intro_img { float: left; clear: left; padding-top: 5px; }
.content .c_intro_img img { border: 1px solid #7b858e; }
.content .c_intro_txt { float: right; clear: none; width: 370px; }
.content .thumb_images { float: left; clear: both; width: 100%; }
.content .thumb_images img { border: 1px solid black; margin: 2px; }
.content p.imagethumbs { text-align: center; }
.content p.imagethumbs img { border: 1px solid #7b858e; }

/* Styles for portfolio list page */
.portfolio_row { float: left; clear: both; width: 100%; padding-top: 10px; padding-bottom: 10px; }
.portfolio_row .pf_img { float: left; clear: none; }
.portfolio_row .pf_img a { border: 0; }
.portfolio_row .pf_img a:hover { border: 0; }
.portfolio_row .pf_img img { border: 1px solid #7b858e; }
.portfolio_row .pf_txt { float: right; clear: none; width: 420px; }
.portfolio_row .pf_txt h2 { float: left; clear: both; padding: 0; margin: 0; font-size: 1.2em; font-weight: normal; }
.portfolio_row .pf_txt p { float: left; clear: both; font-size: 1.0em; }

.c_projects { border-bottom: 1px solid #d1d4d6; }
.c_updates { padding-top: 5px; width: 100%; }
.c_updates p { width: 100%; padding-bottom: 15px; }
.c_updates p strong { color: #1c446a; }

/* Styles for gallery list page */
.gallery, .gallerydetail { float: left; clear: both; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #e7e9eb; }
.gallery h1, .gallerydetail h1 { float: left; clear: both; width: 100%; }
.gallery p { float: left; clear: both; width: 100%; }
.gallery .g_images { float: left; clear: both; width: 100%; text-align: center; }
.gallery .g_images img { border: 1px solid #9fa6ad; margin: 2px; }
.gallerydetail .g_images { float: left; clear: none; width: 95px; border-right: 1px solid #e7e9eb; padding: 5px 2px 0 0; }
.gallerydetail .g_images img { border: 1px solid #9fa6ad; margin: 2px; }
.gallerydetail .g_view { float: right; clear: none; width: 455px; }
.gallerydetail .g_view p { float: left; clear: both; }

/* Styles for bio page */
.bio { float: left; clear: both; width: 100%; }
.bio .bio_row { float: left; clear: both; width: 100%; }
.bio .bio_image { float: left; clear: left; width: 165px; }
.bio .bio_image img { border: 1px solid #96abbf; }
.bio .bio_text { float: right; clear: right; width: 380px; }

#wrap #main #middle .content_small { float: left; clear: both; border-bottom: 1px solid #dfe1e3; padding-top: 5px; width: 100%; }
#wrap #main #middle .content_small a { color: #285075; text-decoration: none; font-weight: bold; }
#wrap #main #middle .content_small a:hover { border-bottom: 1px dotted #285075; }
#wrap #main #middle .content_small h1 { float: left; clear: both; width: 100%; font-size: 2.4em; font-family: Century Gothic, Arial, Helvetica, sans-serif; color: #1c446a; font-weight: normal; padding: 0; margin: 0; }
#wrap #main #middle .content_small p { float: left; clear: both; width: 100%; font-size: 1.2em; line-height: 1.6em; text-align: justify; padding-top: 5px; padding-bottom: 5px; margin: 0; }
#wrap #main #middle .content_small p.details { float: left; clear: both; width: 100%; padding: 0; margin: 0; }

#wrap #main #middle .content_bottom { float: left; clear: both; width: 100%; font-size: 1.1em; padding: 5px 0 10px 0; }
#wrap #main #middle .content_bottom .cb_left { float: left; clear: none; width: 50%; }
#wrap #main #middle .content_bottom .cb_right { float: right; clear: none; width: 50%; text-align: right; }
#wrap #main #middle .comments { float: left; clear: both; width: 100%; padding-top: 8px; padding-bottom: 10px; }
#wrap #main #middle .comments img { padding-bottom: 5px; }
#middle .comments .cmblock { float: left; clear: both; width: 548px; padding: 5px; background-color: #dbe0f1; border: 1px solid #878faa; margin-bottom: 5px; }
#middle .comments .altcm { background-color: #edf0f7; border: 1px solid #c4cbe5; }
#middle .comments .cmblock h1 { padding: 0; margin: 0; color: #19445f; font-size: 1.4em; }
#middle .comments .cmblock h2 { padding: 0; margin: 0; color: #2f3d46; font-size: 1.2em; font-weight: normal; padding-left: 5px; }
#middle .comments .cmblock h2 a { font-weight: bold; }
#middle .comments .cmblock p { font-size: 1.2em; line-height: 1.5em; color: #2f3d46; padding: 5px 0 3px 0; margin: 0; }
#middle .comments .cmblock p.commentlinks { font-size: 1.1em; text-align: right; padding: 0; }

#wrap #main #right { float: right; clear: none; width: 203px; padding-right: 2px; }


/* Generic classes for left, middle or right */
.block { clear: both; width: 198px; padding-top: 2px; padding-bottom: 3px; }
#left .block { float: left; }
#right .block { float: right; }
.block .b_header { float: left; clear: both; width: 198px;  }
.block .b_body { float: left; clear: both; width: 178px; padding: 4px 10px 4px 10px; background-image: url('images/cell-bg.gif'); background-repeat: repeat-y; }
.block .b_body img { border: 1px solid #7b858e; }
.block .b_body p { float: left; clear: both; width: 178px; padding: 0 0 0 0; margin: 0; line-height: 1.8em; font-size: 1.1em; text-align: justify; }
.block .b_body h1 { float: left; clear: both; width: 178px; padding: 2px 0 0 3px; margin: 0; font-size: 1.8em; font-weight: normal; color: #42709c; }
.block .b_body p a { color: #285075; text-decoration: none; }
.block .b_body p a:hover { border-bottom: 1px dotted #285075; }
.block .b_body p span.title { font-family: "Century Gothic", Arial, Helvetica; font-size: 1.6em; color: #1c446a; }
.block .b_body input.field { border: 1px solid #8797a6; width: 130px; padding: 2px; font-size: 1.3em; height: 16px; color: #4c5a68; }
.categories a, .portfolio a  { font-weight: bold; }
.portfolio .b_body p { padding: 0 0 5px 0; line-height: 1.6em; }
.portfolio .b_body img { margin-bottom: 2px; }
.block .b_footer { float: left; clear: both; width: 198px; height: 8px; background-image: url('images/cell-footer.gif'); background-repeat: no-repeat; }


#wrap #footer { clear: both; width: 100%; height: 38px; line-height: 38px; background-image: url('images/footer-bg.gif'); background-repeat: repeat-x; color: #FFFFFF; font-size: 1.2em; }
#wrap #footer a { color: #FFFFFF; text-decoration: none; }
#wrap #footer a:hover { border-bottom: 1px dotted #FFFFFF; }
#wrap #footer #f_left { float: left; width: 480px; padding-left: 10px; }
#wrap #footer #f_right { float: right; width: 480px; padding-right: 10px; text-align: right; }


.footer { clear: both; width: 100%; height: 1px; line-height: 1px; }

input.button { background-image: url('images/bg-button.gif'); background-repeat: repeat-x; background-color: #1d4761; border: 1px solid #4e657c; color: #FFFFFF; font-size: 1.3em; padding-left: 5px; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 23px; padding-bottom: 2px; } 
/* Form styles */
/* New Form Styles - General */
form.cmxform { float: left; clear: both; background-color: #f6f8fd; border: 1px solid #c4cbe5; width: 558px; }
form.cmxform fieldset { margin-bottom: 10px; border: 0px; }
form.cmxform legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */ }
/*\*//*/
form.cmxform legend {
  display: inline-block;
}
/* IE Mac legend fix */
form.cmxform label { display: inline-block; line-height: 1.8; font-size: 1.1em; vertical-align: top; }
form.cmxform fieldset ol { margin: 0; padding: 0; }
form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; text-align: right; }
form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; }
form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.cmxform fieldset fieldset label { display: block; width: 150px; }
form.cmxform em { font-weight: bold; font-style: normal; color: #f00; }
form.cmxform label { width: 200px; /* Width of labels */ font-size: 1.0em; color: #294f66; font-weight: bold; }
form.cmxform fieldset fieldset label { /* Width plus 3 (html space) */ }

/* New Form Styles - Specific */
form.cmxform input, textarea { border: 1px solid #2b5859; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; }
form.cmxform input.input1, textarea.input1 { width: 100px; padding: 2px; }
form.cmxform input.input2, textarea.input2 { width: 200px; padding: 2px; }
form.cmxform input.input3, textarea.input3 { width: 300px; padding: 2px; }
form.cmxform input.input4, textarea.input4 { width: 400px; padding: 2px; }
form.cmxform input.input5, textarea.input5 { width: 526px; padding: 2px; }
form.cmxform fieldset li.buttons_right { text-align: center; }