@charset "utf-8";
/*Krackmedia.com*/
/*Site: Drake Inglesi Milardo */

/*Browser Resets*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
a img, :link img, :visited img { border:none }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.fl { float:left;}
.fr { float: right;}
.cb { clear:both;}
.ac { text-align: center;}
.al { text-align: left;}
.ar { text-align: right;}
.ma { margin: 0 auto;}

/*Structure*/
body { font-family: "Trebuchet MS", "New Gothic Std", sans-serif; font-size: 12px; line-height: 17px; color: #333333; background-color: #f6f6f9; }
#container { height: 100%; width: 960px; margin: 0 auto;}
#header { background-image: url(../images/header-bg.jpg); background-repeat: no-repeat; float: left; height: 91px; width: 906px; padding-top: 25px; padding-right: 27px; padding-left: 27px; }
#content-container { background-image: url(../images/content-bg.jpg); background-repeat: repeat-y; width: 906px; padding-right: 27px; padding-left: 27px; float: left; clear: left;}
#nav { clear: left; float: left; height: 26px; width: 906px; margin-top: 13px; margin-bottom: 7px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #999999; border-bottom-color: #999999; }
#banner { clear: left; float: left; width: 906px; }
#banner-small { clear: left; float: left; width: 906px; padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; height: 100px; }
.callout { width: 252px; padding-left: 5px; float: right; clear: right; background-image: url(../images/banner-callout.jpg); height: 279px; background-repeat: no-repeat; background-position: right; }
.callout-content { float: left; width: 212px; height: 259px; padding-top: 15px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; }
.callout-small{ width: 252px; float: right; clear: right; background-image: url(../images/callout-small-bottom.jpg); height: auto; background-repeat: no-repeat; background-position: center bottom; }
.callout-small h1 {font-size: 14px; padding: 10px 0 0 0; }
.callout-content-small { float: left; width: 212px; height: 95px; padding-right: 20px; padding-left: 20px; padding-bottom: 5px; background-image: url(../images/callout-small-top.jpg); background-position: center top; background-repeat: no-repeat; }
.slideshow { float: left; height: 278px; width: 649px; }
.callout { width: 252px; padding-left: 5px; float: right; clear: right; background-image: url(../images/banner-callout.jpg); height: 279px; background-repeat: no-repeat; background-position: right; }
.callout-content { float: left; width: 212px; height: 259px; padding-top: 15px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; }
#content { clear: left; float: left; width: 906px; margin-top: 17px; padding-bottom: 30px; }
#main {float: left; width: 620px; border-right-style: solid; border-right-color: #999999;  border-right-width: 1px; padding: 0 25px 0 0;}
.left { float: left; width: 181px; border-right-width: 1px; border-right-style: solid; border-right-color: #999999; }
.center { float: left; width: 413px; padding: 0 0 0 25px;}
.right { float: left; width: 240px; padding-left: 17px; }
#footer { background-image: url(../images/footer-bg.jpg); clear: both; float: left; height: 122px; width: 960px; }

/*Misc Structure & Style*/
.half {width:45%; padding: 0 5% 0 0;}
.portrait-top { background-image: url(../images/portrait-top.jpg); background-repeat: no-repeat; background-position: center bottom; height: 11px; width: 175px; float:right; text-align: left; padding: 0 22px 0 22px;}
.portrait-bg { background-image: url(../images/portrait-bg.jpg); background-repeat: no-repeat; width: 175px; padding: 0px 22px 0px 22px; float:right; clear:right;  text-align: left; background-position: center bottom; }
.portrait-bg img { float: left; }

/*Nav*/
#nav ul { list-style-type: none; width: 550px; margin: 0 auto; height: 22px; }
#nav li { display:inline; float: left;}
#nav li a, #nav li a:link, #nav li a:active { color: #666666; text-decoration: none; font-size: 13px; display:block; float: left; padding: 4px 20px 0px 20px; line-height: normal; height: 18px;}
#nav li.current a{ color: #336633; font-weight: bold;}
#nav li a:hover { color: #336633; }

/*Font Styling*/
h1, h2, h3, h4 { font-weight: bold; margin-bottom: 5px;}
h1 { font-size: 18px; color: #653A70; }
h2 { font-size: 16px; color: #653A70; }
h3 { font-size: 14px; color: #653A70; }
h4 { font-size: 12px; color: #084933; } 
a { color: #cc9933; }
.green { color: #084933; font-size: 13px; line-height: 18px; font-weight: bold; margin-bottom: 20px;}
#header p{ padding-top: 15px;}
.callout-content h1{ font-size: 14px; line-height: 19px;}
.callout-content p, .left p { line-height: 16px; margin-bottom: 7px;}
#main .portrait-bg p { color: #084933; font-size: 14px; font-style:italic; margin: 5px auto; float: left; text-align: center; width: 175px;}
.left h3, .left h4 { font-size: 12px; margin-bottom: 0; }
.left h3  {color: #333333; }
.left p, .center p, .right p, #main p { margin-bottom: 5px; }
.right li, .center li, .left li, #main li { margin-left: 15px; margin-bottom: 4px; }
#footer p{ color: #FFFFFF; text-align: center; padding-top: 10px;}
#footer a { color: #FFCC33; }  

/*Table Styling*/
.dimtable td { text-align: left; padding: 2px 8px; vertical-align: text-top; }
.center p img { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; }
p img { padding: 11px; }

/*Contact Form*/
.formfeild { display:none;}
#Comments { height: 60px; width: 250px; margin: 0 auto;}
#contact td {padding: 5px 0px; }
.Expertise {margin-right: 10px; }

/*Map*/
.map { width: 280px; height: 475px; }