/********************************************/
/***               Reset                  ***/
/********************************************/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {  
	margin: 0; padding: 0; border: 0;  
}

/********************************************/
/***               Global                 ***/
/********************************************/
body {font-size: 62.5%;color: #333;font-family: Arial, Helvetica, sans-serif;text-align: center;background: #f7f7f7 url(/includes/images/template-items/body_bg.png) repeat-x;overflow: scroll}
body#home {font-size: 62.5%;color: #333;font-family: Arial, Helvetica, sans-serif;text-align: center;background: #f7f7f7 url(/includes/images/template-items/body_bg_home.png) repeat-x}
#mainContainer {width: 100%}
#footerContainer {width: 100%;height: 41px;background: url(/includes/images/template-items/footer_bg.png) repeat-x}
.innerContainer {margin: 0 auto;width: 960px;text-align: left}
.innerFooterContainer {margin: 0 auto;width: 960px;text-align: left}

/*****  Headings  *****/
h1 {font-size: 2.2em}
h2 {font-size: 1.8em}
h3 {font-size: 1.6em}
h4 {font-size: 1.4em}
h5 {font-size: 1.2em}
h6 {font-size: 1em}

/*****  General  *****/
img.floatRight {margin: 10px 10px 10px 15px}
img.floatLeft {margin: 10px 15px 10px 0}
.clear {clear: both}
.displayNone {display:none}
.floatRight {float: right}
.floatLeft {float: left}

/*****  Paragraphs  *****/
p {padding: 7px 0;font-size: 1.3em;line-height: 1.5em}
p.textIndent {text-indent: 1.8em}

/*****  Un-Ordered Lists  *****/
ul {list-style-type: none;font-size: 1.3em}
ul li {padding: 0 0 4px 10px}

/*****  Ordered Lists  *****/
ol {font-size: 1.3em}
ol li {margin-left: 30px;font-size: 1.3em;font-weight: bold;font-family: Georgia, "Times New Roman", Times, serif;color: #690101}
ol p {font-size: 13px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;color: #333}

/*****  Blockquotes  *****/
blockquote {padding: 10px;display: block;width: 225px;text-align: right;color: #690101;font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px;font-style: italic;letter-spacing: 1pt}
blockquote p {line-height: 23px}
blockquote em {color: #4c0101;font-size: 24px}
blockquote em.first {padding-right: 3px}
blockquote em.last {padding-left: 3px}
blockquote a {border-bottom: none}
#blockquoteWide {margin: 25px 0 55px 15px;width: 930px;background: url(/includes/images/template-items/blockquote_wide_top.png) no-repeat top left}
#blockquoteWide blockquote {width: 930px;text-align: left;background: url(/includes/images/template-items/blockqoute_wide_bottom.png) no-repeat bottom left}
#blockquoteWide blockquote p {font-family: Georgia, "Times New Roman", Times, serif;font-size: 26px;line-height: 34px;color: #8a8a8a;text-shadow: 0px 1px 1px #fff}
#blockquoteWide span {color: #0090c0}

/********************************************/
/***              Masthead                ***/
/********************************************/
#masthead {position: relative;height: 100px;background: url(/includes/images/template-items/header_bg.png) no-repeat}
#logo {margin: 25px 0 0 15px}

/********************************************/
/***               Footer                 ***/
/********************************************/
#footer {padding: 0 15px;clear: both;position: relative;height: 41px}
p.copyright {padding-top: 12px;float: right;color: #f7f7f7;font-size: 12px}
#footerMenu {padding-top: 12px;list-style-type: none}
#footerMenu li {margin: 0;padding: 0;display: inline;font-size: 10px;color: #606060}
#footerMenu li a {margin: 0 7px;color: #f7f7f7;font-size: 11px;text-transform: uppercase;text-decoration: none}
#footerMenu li a:hover {border-bottom: 1px solid #f7f7f7}

/********************************************/
/***           Main Navigation            ***/
/********************************************/
#mainMenu {float: right;width: 550px;height: 61px}
#mainMenu ul {float: left;margin: 0;padding: 0}
#mainMenu li {float: left;padding: 0;margin: 0 7px;display: inline}
#mainMenu ul li a {text-indent: -999999px;overflow: hidden;display: block;height: 61px;background: url(/includes/images/template-items/main_menu_sprite.png)} 
#mainMenu #home a {width: 75px;background-position: 0 0}
#mainMenu #home a:hover {background-position: 0 122px}
#mainMenu #home a#active {width: 75px;background-position: 0 61px}
#mainMenu #aboutMe a {width: 107px;background-position: -82px 0}
#mainMenu #aboutMe a:hover {background-position: -82px 122px}
#mainMenu #aboutMe a#active {background-position: -82px 61px}
#mainMenu #portfolio a {width: 100px;background-position: -198px 0}
#mainMenu #portfolio a:hover {background-position: -198px 122px}
#mainMenu #portfolio a#active {background-position: -198px 61px}
#mainMenu #blog a {width: 65px;background-position: -305px 0}
#mainMenu #blog a:hover {background-position: -305px 122px}
#mainMenu #blog a#active {background-position: -305px 61px}
#mainMenu #contactMe a {width: 120px;background-position: -375px 0}
#mainMenu #contactMe a:hover {background-position: -375px 122px}
#mainMenu #contactMe a#active {background-position: -375px 61px}

/********************************************/
/***           Home Page Banner           ***/
/********************************************/
#banner {margin: 0 0 30px 10px;width: 975px;height: 381px;position: relative;background: url(/includes/images/template-items/inner_banner_bg.png) no-repeat}
#scrollable {}
.bannerImageContainer {padding-left: 5px;position:relative;overflow: hidden;width: 965px !important}
.bannerImageContainer .bannerImage {margin: 33px 0 0 0;float: right}
.bannerText {padding: 95px 0 0 0;width: 445px;height: 287px;color: #f7f7f7;position: relative}
.bannerText p {margin: 0 0 0 0;padding-top: 0;font-size: 13px;line-height: 1.6em}
a.viewMoreBanner {margin: 10px 0 0 10px;width: 365px;height: 11px;display: block;background: url(/includes/images/banner/banner_button.png) no-repeat top left;text-indent: -999px}
.bannerBottom {position: absolute;bottom: 72px;left: 0;padding: 10px 0 0 0;width: 450px !important;height: 40px;background: url(/includes/images/banner/dark_bar.png) repeat-x top left}
.bannerBottom a {margin-left: 0;padding-left: 0}
#banner h3 {margin-bottom: 10px;font-size: 2.2em}

/************ Banner Controls *****************/
#prevBannerButton {position: absolute;right: 543px;top: 318px;z-index: 999}
#nextBannerButton {position: absolute;right: 528px;top: 318px;z-index: 999}
a.prev, a.prevPage {display: block;width: 16px;height: 16px;background: url(/includes/images/banner/left_arrow.png) no-repeat top left;margin: 0px;cursor: pointer}
a.next, a.nextPage {display: block;width: 16px;height: 16px;background: url(/includes/images/banner/right_arrow.png) no-repeat top left;margin: 0px;cursor: pointer}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position: top right}

#banner #navi {position: absolute;right: 570px;bottom: 44px;z-index: 999}
#banner #navi a {width: 16px;height: 16px;float:left;margin:3px;background:url(/includes/images/banner/pagination.png) no-repeat top left;cursor:pointer;text-indent: -5000px;outline: none}
#banner #navi a:hover {background-position: top right}
#banner #navi a.activeSlide {background-position: top right}

/********************************************/
/***       Main Portfolio Content         ***/
/********************************************/
#mainContent {margin-right: 25px;padding: 15px 15px;position: relative;float: left;width: 560px;min-height: 475px}
#mainContent h1 {margin-bottom: 0px}
h1#welcome {width: 487px;height:24px;background: url(/includes/images/template-items/home_page_heading.jpg) no-repeat;text-indent: -999px}

/********************************************/
/***          Portfolio Content           ***/
/********************************************/
.portfolioItem {margin: 35px 0;padding-top: 20px;width: 958px;height: 203px;border: 1px solid #f7f7f7}
.portfolioItem:hover {background: url(../images/template-items/portfolio_item_hover_bg.jpg) no-repeat;border: 1px solid #e1e1e1}
.portfolioItem .portfolioItemText {margin-right: 15px;width: 435px;float: right}
.portfolioItem img {margin-left: 15px}
.portfolioItem .portfolioButtons {margin-top: 15px;width: 210px}
.portfolioItem a.moreInfo {width: 89px;height: 26px;display: block;background: url(/includes/images/template-items/portfolio_more_info_button.jpg) no-repeat;text-indent: -5000px;outline: none}
.portfolioItem a.moreInfo:hover {background-position: bottom left}
.portfolioItem a.viewSite {width: 89px;height: 26px;float: right;display: block;background: url(/includes/images/template-items/portfolio_view_site_button.jpg) no-repeat;text-indent: -5000px;outline: none}
.portfolioItem a.viewSite:hover {background-position: bottom left}
hr.threePixelDot {margin: 0 0 0 75px;padding: 0;border: none;width: 800px;height: 1px;background: transparent url(/includes/images/template-items/portfolio_hr.png) repeat-x}

/********************************************/
/***              Sidebar                 ***/
/********************************************/
#sideBar {margin: 8px 0 0 6px;position: relative;float: left;width: 328px}
#sideBar h2 {margin-bottom: 15px;font-size: 2em}

/********************************************/
/***             Contact Form             ***/
/********************************************/
.contactForm {margin: 0 0 30px 0;padding: 25px 0 3px 10px;width: 540px;background: #f2f2f2;border: 1px solid #e9e8e8}
.contactForm label {font-size: 13px;float: left;width: 120px;margin-left:1em;color: #383838}
.contactForm input {margin-bottom: 8px;padding: 4px 0 4px 3px;width: 370px;background: #fff url(/includes/images/template-items/textarea_bg.gif) no-repeat top left;border: 1px solid #e8e8e8}
.contactForm textarea {padding-left: 3px;width: 370px;height: 130px;background: #fff url(/includes/images/template-items/textarea_bg.gif) no-repeat top left;border: 1px solid #e8e8e8}
.contactForm select {margin: 0 0 8px 0;padding: 4px 0;width:375px}
.contactForm option {}
.contactForm #submitButton {margin: 15px 0 0 415px;width: 92px;height: 28px;background: url(/includes/images/template-items/form_submit.jpg) no-repeat;cursor: pointer;text-indent: -999em;border: none}
.contactForm #submitButton:hover {background-position: bottom left}
/************ Success & Error Messages *****************/
.success {margin: 45px 32px 0 0;text-align: center;background: #D9E7CD;border: 1px solid #87C445}
.success h3 {margin: 0;padding: 12px 0 3px 0;font-family: 'Arial Black';font-size: 17px;color: #495E16;text-transform: uppercase;letter-spacing: 1pt;background: none;border: none}
.success p {color: #333}
.error {margin: 3px 0 1px 135px;color: #8f0101}
.phpError {padding-left: 5px;;color: #8f0101}
.required {padding-left: 3px;color: #8f0101;font-weight: bold}
.requiredNote p {margin: 20px 0 5px 0;padding: 0px;color: #383838;font-size: 12px}
.loading {margin: 0 0 0 260px}

/********************************************/
/***           Twitter Content            ***/
/********************************************/
h3#recentTwitterHeading {margin: 35px 0 10px 0;width: 227px;height: 17px;background: url(/includes/images/template-items/latest_twitter_heading_home_page.jpg) no-repeat;text-indent: -999px}
#recentTwitterPosts {width: 543px;height: 110px;background: url(/includes/images/template-items/recent_twitter_bg_portfolio.jpg) no-repeat;position: relative}
#recentTwitterPosts ul#feedTweets {margin: 15px 10px 0 0;width: 490px;float: right;font-size: 18px;font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;line-height: 26px}
#recentTwitterPosts ul li, #recentTwitterPosts ul li span {display: block}
#recentTwitterPosts img.twitterDesignWrap {margin: 12px 0 0 0}
#recentTwitterPosts p#preloader {position: absolute;top: 38px;left: 40px;padding-left: 65px;background: transparent url(/includes/images/template-items/ajax-loader.gif) 1em center no-repeat;}
#floater	{float:left; height:50%; margin-bottom:-120px;}
#twitContent	{clear:both; height:240px; position:relative;}

/********************************************/
/***        Recent Sidebar Projects       ***/
/********************************************/
.recentProject {margin: 0 0 30px 0;padding: 0;position: relative}
.recentProject .recentProjectThumb {width: 326px;height: 172px}
.recentProject .thumbOverlay {width: 326px;height: 156px !important;position: absolute;top: 0px;left: 0px;background: url(/includes/images/sidebar/thumb_hover_bg.png) no-repeat}
.recentProject .thumbOverlay h3.unique-herocon {margin: 40px 70px 0 0px;width: 255px;height: 27px;display: block;background: url(/includes/images/sidebar/herocon_heading.png) no-repeat;text-indent: -9999px}
.recentProject .thumbOverlay h3.unique-northern-lights {margin: 40px 70px 0 0px;width: 261px;height: 33px;display: block;background: url(/includes/images/sidebar/northern_lights_heading.png) no-repeat;text-indent: -9999px}
.recentProject .thumbOverlay a.moreInfo {margin: 20px 0 0 0;width: 104px;height: 24px;float: left;text-indent: -5000px;background: url(/includes/images/sidebar/more_info.png) no-repeat top left;outline: none}
.recentProject .thumbOverlay a.moreInfo:hover {background-position: bottom left}
.recentProject .newProjectCorner {position: absolute;top: 2px;right: 4px;width: 92px;height: 89px;background: url(/includes/images/sidebar/new_projects_ribbon.png) no-repeat top right;z-index: 998}


h1#aboutMe {width: 487px;height:24px;background: url(/includes/images/template-items/about_me_heading.jpg) no-repeat;text-indent: -999px}