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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
}

p { margin-top: 5px !important; }


ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

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

body.home { background-image:url(images/layout_background.png); background-position: top; background-repeat: repeat-x; background-color: #1e1d1d; padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
body.aboutme { background-image:url(images/layout_aboutme_bkg.jpg); background-position: top; background-repeat: repeat-x; background-color: #1e1d1d; padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }  
body.other { background-image:url(images/layout_otherbkg.png); background-position: top; background-repeat: repeat-x; background-color: #222222; padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  } 
#pagetitle { width: 1000px; height: 42px; clear:both; }

#container { width: 1000px; height: auto; margin: 0px auto; }

/* TOP SECTION */

#top { width: 1000px; display:block; clear: both; }
h1 { padding:0; margin:0; }
h1 a { display:block; text-indent:-9999px; width: 289px; height: 72px; background-color: #666666; float:left; margin-left:0px; background-image:url(images/layout_logo.png); background-repeat: no-repeat; }

/* TOP NAVIGATION */
#top ul { list-style: none; padding: 0; margin:0; width:1000px; }
#top li { float: left; margin: 15px 0px 16px 0px; padding:0; background-repeat: no-repeat; height: 41px;  }
#top li a { height: 72px; float: right; display: block; color: #0d2474; text-decoration: none; text-align: center; text-indent: -9999px; }
/* Hide from IE5-Mac \*/
#top li a { float: none }
/* End hide */
#top li.nav-menu_logo { width:320px; background-image:none; padding-right: 207px; margin-top:0px; }
#top li.nav-menu_home { width:78px; background-image:url(images/topmenuoff_01.png); padding-right:10px; }
#top li.nav-menu_portfolio { width:101px; background-image:url(images/topmenuoff_02.png); padding-right:10px; }
#top li.nav-menu_contact { width:87px; background-image:url(images/topmenuoff_03.png); padding-right:10px; }
#top li.nav-menu_about { width:79px; background-image:url(images/topmenuoff_04.png); padding-right:10px; }
#top li.nav-menu_blog { width:63px; background-image:url(images/topmenuoff_05.png) }

/* HOMEPAGE MIDDLE SECTION */
#middle { width: 1000px; height: 411px; background-image:url(images/home_photo.jpg); background-repeat: no-repeat; clear:both; }
#introtext { font-size: 13px; width: 360px; position: relative; text-align: justify; left: 550px; top: 265px; }

#about_me_middle { width: 1000px; height: 411px; background-image:url(images/about_me_photo.jpg); background-repeat: no-repeat; clear:both; }

/* HOMEPAGE BOTTOM SECTION */
#bottom { width: 952px; margin:3px 0 0 0; height: 313px; padding: 30px 0px 0px 48px; background-image:url(images/lower_content.png); }
.lower_content { width: 265px; height: 280px; padding-top:0px; float:left; color:#fff; }
.lower_content p { clear: both; font-size: 12px !important; margin: 0 0 0 0; }
.attn_txt { font-size: 14px; font-weight: bold;}
.lower_content h3 { padding:0; margin:0 0 10px 0; }
.lower_content h3.creativeweb { display:block; text-indent:-9999px; width: 203px; height: 29px; float:left; background-image:url(images/hm_creativeweb.gif); background-repeat: no-repeat; }
.lower_content h3.latestnews { display:block; text-indent:-9999px; width: 203px; height: 29px; float:left; background-image:url(images/hm_latestnews.gif); background-repeat: no-repeat; }
.lower_content h3.recentwork { display:block; text-indent:-9999px; width: 203px; height: 29px; float:left; background-image:url(images/hm_recentwork.gif); background-repeat: no-repeat; }
.hm_clientname { color:#e3eda6; font-size:14px; font-weight: bold; }
.logo { float: left; }
#twitter_div { width: 263px; height: 74px; background-image:url(images/hm_twitterbkg.gif); color:#fff !important; background-repeat:no-repeat; margin:10px 0px 0px -10px; padding:30px 10px 10px 5px; }
#twitter_div ul { width: 190px; float:right; font-size: 10px !important; margin:0 0 3px 0; padding:0; }
#twitter_div a { clear: both; text-decoration:none; color: #71b3ce !important; }
#twitter-link { margin:0; padding:0; }


/* FOOTER */
#footer { color:#666666; font-size:11px; width:900px; margin:auto; text-align: center; padding:20px 0px 20px 0px; clear:both; }
.lowertop { padding-top:0px !important; }
#footer a { color:#939393; }

/* PORTFOLIO */
#port_middle { width: 982px; height: auto; clear:both; padding: 5px 8px 0 8px; }
.portfolio_box { width: 286px; height:248px; background-image:url(images/portfolio_box.gif); background-repeat: no-repeat; padding: 15px; float:left !important; margin:4px 5px 4px 5px; display: inline; clear: none; }
.portfolio_box img { border: 1px #333333 solid; }
.portfolio_desc { width: 287px; height: 85px; margin-top: 10px; text-align:center; color:#fff; font-size:12px; }
.port_sitename { color:#e3eda6; font-size:13px; font-weight:bold; }
.port_clientname { color:#e2cdae; }
.port_blurb { margin-top: 5px; text-align:left; }




/* PORTFOLIO */
.portfolio_box2 { width: 286px; height:200px; background-image:url(images/portfolio_box2.gif); background-repeat: no-repeat; padding: 15px; float:left !important; margin:4px 5px 4px 5px; display: inline; clear: none; }
.portfolio_box2 img { border: 1px #333333 solid; }
.portfolio_desc2 { width: 287px; height: 42px; margin-top: 10px; text-align:center; color:#fff; font-size:12px; padding-top:3px; }

/* CONTACT */
#quote_form { width: 580px; background-color: #0d0c09; padding:20px 20px 0px 20px; margin-left: 20px; float:left; }
#contact_other { background-color:#0d0c09; padding:20px; float:right; margin-right:20px; width: 273px; }
#contact_other h3 { color: #e2cdae; font-size:20px; font-weight:normal; margin:0px; padding:0px; }
#contact_other ul { margin:0px; padding:0px; }
#contact_other ul li { color: #CCCCCC; font-size:14px; margin-top:10px; }
.just_green { color:#e3eda6; }


/*ABOUT ME*/
.lower_content h3.aboutme { display:block; text-indent:-9999px; width: 203px; height: 29px; float:left; background-image:url(images/am_aboutme.gif); background-repeat: no-repeat; }
.lower_content h3.exped { display:block; text-indent:-9999px; width: 273px; height: 33px; float:left; background-image:url(images/am_experienceed.gif); background-repeat: no-repeat; margin-left:-3px; margin-top:1px; }
.lower_content h3.webhaunts { display:block; text-indent:-9999px; width: 203px; height: 29px; float:left; background-image:url(images/am_webhaunts.gif); background-repeat: no-repeat; }