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

/* Structure */

body {font-family: Arial, Helvetica, sans-serif; background: url(../images/bg_hm_001.jpg) repeat-x; background-color: #1374d1; margin: 0; padding: 0; }
p { color: #fff; margin: 0; padding: 0;}
img {}

ul { list-style-type: none; font-size: .75em;}
ul.nav { font-family: "Times New Roman", Times, serif; font-weight: bold; text-transform:uppercase;}
li {}

.wrapper { margin: 0 auto; width: 853px; }
.top_tab { background: url(../images/rounded_slip.gif); height: 19px; width: 853px;}
.gnav {margin: 0; padding: 0 0 12px 0; width: 853px; float: left; border-bottom: 1px solid #0082cd;}

.gnav img { float: left; margin-top: 24px;}
.gnav ul { float: right; margin: 25px 0 0 0; padding: 0 23px 0 0;}
.gnav ul li { float: left;}
.gnav li a:hover, ul.nav li.active a {background-position: 0 -10px}
.gnav ul a { text-indent: -10000px; display: block; height: 10px; overflow: hidden; margin: 3px 20px 0;}

.top_tab a:hover { color: #b2d9f7;}

 li.pike { background: url(../images/pike.gif) no-repeat; overflow: hidden; display: block; height: 14px;}

a { color: #fff; text-decoration: none;}
a:hover {}

.masthead { float: left; width: 853px; height: 251px; background: url(../images/mast_image_002.jpg) no-repeat; margin: 7px 0 0 0;}
.mast_rule {float: left; margin: 7px 0 0 0; }

.left_col { float: left; width: 497px;}
.left_col_new { float: left; width: 464px;}

.fun_facts { width: 444px; background: #456177; border: 10px solid #024577; }
.fun_facts ul { color: #fff; font-size: 0.75em; font-style: italic; font-weight: bold; margin: 0; padding: 0; }
.fun_facts li { list-style-type: none; margin: 0 0 17px 0; }
.fun_contain { padding: 0 30px 13px 30px;}

.left_col_new p { font-size: 1.00em; margin: 0 0 30px 0; line-height: 1.30em;}
.left_col p { font-size: 0.88em; margin: 0 0 14px 0; line-height: 1.30em;}

.right_col { float: left; margin-left: 75px;}
.right_col p { margin: 0; padding: 0; font-size: 0.69em; }

.right_col_new { float: left; width: 303px; margin-left: 60px; color: #fff; }
.right_col_new h5 { text-transform: uppercase; font-size: 0.75em; margin: 0 0 16px 0; padding: 0;}
.right_col_new p { margin: 0; padding: 0; font-size: 0.69em; margin: 0 0 16px 0; }

.cs_contain_fresh { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #00a2ff; }
.cs_contain_ip { padding: 0; margin: 0 0 20px 0; }
.right_col_new img { border: none;}
.contact_box { width: 283px; height: 170px; background: #024577; border: #00a2ff solid 10px;}
.contact_contain { margin: 0 10px 30px 10px;}
.contact_contain p { font-weight: bold;}

.subnav { float: left; width: 209px; margin: 40px 0 0 0; padding: 0;}
.category ul { margin: 0; padding: 0; }

.category ul li { float: left; width: 208px; padding: 0 0 10px 0; margin: 0 0 8px 0; border-bottom: 1px dotted #fff;}
.category li a:hover, ul li.active a {background-position: 0 -11px}
 .category ul a { text-indent: -10000px; display: block; height: 11px; overflow: hidden; margin: 0;}
 .category { float: left; width: 209px; }

.projects { float: left; width: 209px;}
.projects ul { font-size: 0.63em; margin: 0; padding: 0; color: #fff}
.projects ul li { border-bottom: 1px dotted #fff; padding: 0 0 10px 0; margin: 0 0 8px 0;}
.projects ul a { color: #fff; display:inline;}
.projects a { margin: 0; padding: 0;}
.projects a:hover {color: #57ca02;}
.projects a.active {color: #57ca02;}

.left_resume { float: left; width: 209px;}
.left_resume ul { font-size: 0.65em; margin:0; padding:0; color: #fff;}
.left_resume ul li { margin: 0; padding: 0; line-height: 18px; }

.gallery { float: left; width: 623px; margin: 0; padding: 0; }

.crest { margin: 42px 0 0 88px; padding: 0; background: url(../images/interior_crest.gif) no-repeat; width: 459; height: 241px;}
.crest img { padding: 34px 0 0 66px; border: none;}

body.home .footer { float: left; background: #0082cd; height: 10px; width: 853px; margin:46px 0 0 0;}
body.interior .footer { float: left; background: url(../images/shadow_rule.gif) no-repeat; width: 853px; height: 3px; margin:60px 0 20px 0;}

body.contact .footer { float: left; background: url(../images/shadow_rule.gif) no-repeat; width: 853px; height: 3px; margin:60px 0 20px 0;}

body.interior .right_col { width: 500px; float: left; margin: 40px 0 0 60px; padding: 0;} 
body.interior .right_col p { font-size: 0.75em; margin: 0 0 10px 0; line-height: 1.40em;}

body.interior .right_col ul { margin: 14px 0 0 0; padding: 0; color: #fff;} 

body.interior .right_col ul li { margin: 0 0 14px 0; padding: 0; }
body.interior .devider { width: 414px; margin: 0 0 14px 0; border-bottom: 1px dotted #fff;}

body.contact .left_col { margin: 40px 0 0 0; padding: 0; width: 400px;}
body.contact .right_col { float: left; margin: 104px 0 0 44px; padding: 0; background: url(../images/interior_crest_001.gif) no-repeat; width: 379px; height: 241px; }

body.contact .left_col form input { border: 1px solid #00a2ff; display: block; margin: 8px 24px 0 0; padding: 2px}
body.contact .left_col form fieldset { float: left; border: none; margin: 24px 0 0 0; padding: 0;}
body.contact .left_col form label { font-size: 0.75em; font-weight: bold; color: #fff; text-transform:uppercase;}

fieldset.form_container { width: 400px; margin: 0!important; padding: 0!important;}

body.contact .left_col form textarea { padding: 2px; width: 390px; height:200px; display:block; border: 1px solid #00a2ff; margin: 8px 0 0 0;}

body.contact .left_col form input.email {width: 210px;}

body.contact .left_col form a.submit { background: url(../images/submit.gif) no-repeat; float: left; margin: 24px 0 0 0; width: 109px; height: 28px; text-indent: -10000px; overflow: hidden; border: none;}

body.contact .left_col form a.submit:hover { background-position: 0 -28px; }

 body.contact .left_col form fieldset.phone { width: 350px;}
/*Rollover Images*/
.gnav li a.home {background-image: url(../images/gnav_home.gif); width: 38px;}
.gnav li a.portfolio {background-image: url(../images/gnav_portfolio.gif); width: 74px;}
.gnav li a.about {background-image: url(../images/gnav_about.gif); width: 44px;}
.gnav li a.contact {background-image: url(../images/gnav_contact.gif); width: 63px; margin: 3px 0 0 20px}
.subnav li a.web { background-image: url(../images/web_interactive.gif); width: 206px;}
.subnav li a.print { background-image: url(../images/print_design.gif); width: 104px;}
.subnav li a.rdm { background-image: url(../images/rdm.gif); width: 197px;}
.subnav li a.inspiration { background-image: url(../images/inspiration_nav.gif); width: 96px;}
.subnav li a.resume { background-image: url(../images/resume.gif); width: 61px;}

/* Typography */

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p.strong { font-weight: bold;}

body.interior .right_col h3 { color: #ff8a00;}

.top_tab a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .56em; color: #fff;float: right; padding: 2px 23px 0 0; margin: 0;}

.left_resume h6 { font-size: 0.69em; font-weight: bold; color: #fff; margin: 0 0 12px 0; padding: 0;}

body.interior .right_col h3 { color: #ff8a00; font-size: 1.00em; margin: 0 0 10px 0; padding: 0;}

h6.print { margin: 11px 0 12px 0; padding: 0;}

h6.mica { margin: 0 0 12px 0; padding: 0;}
h6.towson { margin: 10px 0 12px 0; padding: 0;}

body.interior .right_col span { font-family: "Times New Roman", Times, serif; font-style: italic; margin: 0; padding: 0; font-size: 0.88em; color:#FFFFFF; }



/* Image Replace */

.left_col h1 { background: url(../images/welcome.gif) no-repeat; margin: 50px 0 24px 0; padding: 0; height: 54px; overflow: hidden; text-indent: -10000px; color: #fff;}

.left_col_new h1 { background: url(../images/welcome_2.gif) no-repeat; margin: 44px 0 30px 0; padding: 0; height: 52px; overflow: hidden; text-indent: -10000px; color: #fff;}
.left_col_new h2 { background: url(../images/home_para.gif) no-repeat; margin: 0 0 30px 0; padding: 0; height: 118px; overflow: hidden; text-indent: -10000px; color: #fff;}
.left_col_new h3{ background: url(../images/fun_facts.gif) no-repeat; margin: 10px 0 20px 0; font-size: 1.13em; padding: 0; height: 14px; overflow: hidden; text-indent: -10000px; color: #00a2ff;}
.contact_contain h4 { background: url(../images/contact_info_2.gif) no-repeat; margin: 20px 0 20px 0; font-size: 1.13em; padding: 0; height: 11px; overflow: hidden; text-indent: -10000px; color: #00a2ff;} 

h4.case_studies { background: url(../images/case_studies.gif) no-repeat; margin: 44px 0 30px 0; font-size: 1.13em; padding: 0; height: 11px; overflow: hidden; text-indent: -10000px; color: #00a2ff;}

.tab { background: url(../images/lip.gif) no-repeat; width: 17px; height: 11px; overflow: hidden; margin: 0 0 0 219px;   }

.right_col h2 { background: url(../images/contact_info.gif) no-repeat; margin: 50px 0 0 0; padding: 0; height: 13px; width: 210px; overflow: hidden; text-indent: -10000px; color: #fff;}
.right_col h3 { font-size: 0.88em; color: #00a2ff; font-weight: bold; margin: 17px 0 10px 0; padding:0;}

body.contact .left_col h2 { background: url(../images/contact.gif) no-repeat; margin:0; padding: 0; height: 13px; width: 210px; overflow: hidden; text-indent: -10000px; color: #fff;}

body.interior .right_col h3.margin { margin: 14px 0 10px 0;}

.projects h5 { font-family: "Times New Roman", Times, serif!important; font-style: italic; font-size: 0.88em; color: #fff; background: url(../images/h5_projects.gif) no-repeat; margin: 10px 0 10px 0; padding:0 0 10px 0; height: 13px; text-indent:-10000px; border-bottom: 1px dotted #fff; }

h5.edu { font-family: "Times New Roman", Times, serif!important; font-style: italic; font-size: 0.88em; color: #fff; background: url(../images/education.gif) no-repeat; margin: 10px 0 10px 0; padding: 0; height: 13px; text-indent:-10000px;}


 h5.skills { font-family: "Times New Roman", Times, serif!important; font-style: italic; font-size: 0.88em; color: #fff; background: url(../images/skills.gif) no-repeat; margin: 10px 0 10px 0; padding: 0; height: 13px; text-indent:-10000px;}

body.interior .right_col h1 {background: url(../images/inspiration.gif) no-repeat; margin: 0 0 20px 0; padding: 0; height: 22px; overflow: hidden; text-indent: -10000px; color: #fff;}

body.interior .right_col h1.rdm {background: url(../images/h1_rdm.gif) no-repeat; margin: 0 0 24px 0; padding: 0; height: 23px; overflow: hidden; text-indent: -10000px; color: #fff;}

body.interior .right_col h1.work {background: url(../images/work_history.gif) no-repeat; margin: 0 0 24px 0; padding: 0; height: 23px; overflow: hidden; text-indent: -10000px; color: #fff;}

body.interior .right_col h2 {background: url(../images/about.gif) no-repeat; margin: 0 0 20px 0; padding: 0; height: 14px; overflow: hidden; text-indent: -10000px; color: #fff;}