@charset "utf-8"; 
/*
  appliedcreative.com main styles
  Author: Chuck Reynolds, http://chuckreynolds.us
  lastmod: 27 May 2008
*/

/* resets */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  margin:0; 
  padding:0; 
  border:0; 
  font-weight:inherit; 
  font-style:inherit; 
  font-size:100%; 
  font-family:inherit; 
  vertical-align:baseline;
  }
  
body {line-height:1.5em}
a img {border:none}

/* framework build */
.containr {width:840px; margin:0 auto}
#headr {height:151px}
	#topnav {margin:0; padding:0; height:30px; background:transparent}
	#masthead {display:block; height:101px}
	#fonhomelogo a {background: transparent url('../_img/bg_logomark_sub.gif') no-repeat scroll right bottom; display:block; margin-top:0; height:102px; width:50px; float:right; }
		#fonhomelogo a span {display:none; visibility:hidden}
#content {}
.bottomPad {margin-bottom:20px}
#footr {margin-top:10px; height:47px; background:url('../_img/bg_footer.gif') bottom left no-repeat}
	/* columns */
	#home-leftcol {float:left; width:579px}
		#home-sub-leftcol {float:left; width:388px; margin-right:20px}
		#home-sub-rightcol {}
	#home-rightcol {margin-left:602px}


#home-sub-leftcol2 {
  float: left;
  width: 371px;
  margin-right: 20px
  }
  
		#home-sub-rightcol {}
	#home-rightcol {margin-left:602px}
	
	#int-leftcol {width:250px; text-align:right; margin-right:20px}
		.int-sub-leftcol {float:left; width:265px; margin-right:20px}
		.int-sub-rightcol {}
	#int-rightcol {width:570px; float:right}
		.int-content {padding-left:20px}
	#int-rightcol-video {width:570px; float:left}


#top-spc {
  padding: 40px 0 0 0;
  }

.photo-space {
  padding: 3px 15px 0px 0;
  }
  
/* navigation */
#topnav ul#menu {float:right; height:30px; width:501px; background:transparent url('../_img/bg_topnavmenu.gif') top no-repeat; overflow:hidden; margin:0; padding:0; position:relative}
#topnav ul#menu li {margin:0; padding:0; list-style:none; position:absolute; top:0}
ul#menu li, ul#menu a {height:30px; display:block}
div#topnav ul#menu li a {text-indent:-6969px}

#home   {left:0px; width:100px}
#about   {left:101px; width:100px}
#services{left:201px; width:100px}
#work    {left:301px; width:100px}
#contact    {left:401px; width:100px}
#home a:hover   {background:url('../_img/bg_topnavmenu.gif') 0 -30px no-repeat}
#about a:hover   {background:url('../_img/bg_topnavmenu.gif') -101px -30px no-repeat}
#services a:hover{background:url('../_img/bg_topnavmenu.gif') -201px -30px no-repeat}
#work a:hover    {background:url('../_img/bg_topnavmenu.gif') -301px -30px no-repeat}
#contact a:hover    {background:url('../_img/bg_topnavmenu.gif') -401px -30px no-repeat}

/* sweepers */
.clearfix:after, .containr:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix, .containr {display:inline-block}
* html .clearfix, * html .containr {height:1%}
.clearfix, .containr {display:block}
.clear {clear:both}

/* typography */
body {font:75% Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif; color:#636466; background:#fff}
h1 {font-size:1.75em}
h2 {font-size:1.5em; margin-bottom:0.75em; font-weight:bold}
h3 {font-size:1.2em; line-height:1; margin-bottom:0.7em; font-weight:bold}
h4 {font-size:1.2em; line-height:1.25; margin-bottom:1.25em; height:1.25em}
#masthead h1.mastheadHome  {width:297px; height:78px;  background:url('../_img/masthead_home.gif')  left top no-repeat; text-indent:-6969px}
#masthead h1.mastheadAbout {width:297px; height:102px; background:url('../_img/masthead_about.jpg') left top no-repeat; text-indent:-6969px}
#masthead h1.mastheadSvcs  {width:297px; height:102px; background:url('../_img/masthead_svcs.jpg')  left top no-repeat; text-indent:-6969px}
#masthead h1.mastheadWork  {width:297px; height:102px; background:url('../_img/masthead_work.jpg')  left top no-repeat; text-indent:-6969px}
#masthead h1.mastheadContact  {width:297px; height:112px; background:url('../_img/masthead_contact.jpg')  left top no-repeat; text-indent:-6969px}

/*#masthead h1.mastheadHome  {width:297px; height:78px;  background:url('../_img/masthead_home.gif')  left top no-repeat; text-indent:-6969px}
#masthead h1.mastheadAbout {width:297px; height:102px; background:url('../_img/masthead_about.gif') left top no-repeat; text-indent:-6969px}
#masthead h1.mastheadSvcs  {width:297px; height:102px; background:url('../_img/masthead_svcs.gif')  left top no-repeat; text-indent:-6969px}
#masthead h1.mastheadWork  {width:297px; height:102px; background:url('../_img/masthead_work.gif')  left top no-repeat; text-indent:-6969px}
#masthead h1.mastheadContact  {width:297px; height:112px; background:url('../_img/masthead_contact.gif')  left top no-repeat; text-indent:-6969px}*/

#home-rightcol h2 {
  margin-left:1em;
  padding: 18px 0 0 0;
  }
  
ul.hp {
  margin: 0 0 6px 1.5em;
  list-style: none;
  }
  
#home-rightcol h2 a {color:#00aeef}

#int-rightcol h2 {/*background:url('../_img/bg_subheading_box.gif')*/ center left no-repeat; padding-left:20px}

h5 {
  font-size:1.0em; 
  margin: 15px 0 5px 0; 
  font-weight:bold;
  }
  
p {margin:0 0 1.5em}
	#footr p.nfo {text-align:right; margin:0 22px 5px 0; padding-top:23px}

a:focus, a:hover {color:#b2bb1c; text-decoration:underline}
a {color:#636466; text-decoration:none}

.color1 {color:#b2bb1c} /* green */
.color2 {color:#00aeef} /* blue */
.color3 {color:#bf650f} /* orange */

blockquote {margin:1.5em; color:#666; font-style:italic}
address {margin:0 0 1.5em; font-style:italic}
ul {list-style-type:none; margin:0 0 1.5em 1.5em}
ul li {line-height:1.5em}

#int-leftcol ul li {line-height:2.5em}

.small {font-size:0.8em; margin-bottom:1.875em}
.large {font-size:1.2em; line-height:1.3em; margin-bottom:1.25em; font-weight:bold}
.hide {display:none}
.highlight {background:#ff0}
.added {background:#060; color:#fff}
.removed {background:#900; color:#fff}

.bg-bracket-top {background:url('../_img/bg_bracket_top.gif') left top no-repeat}
.bg-bracket-mid {
  background:url('../_img/bg_bracket_pxl.gif') repeat-y left top;
  }

.bg-bracket-mid-hp {
  background:url('../_img/bg_bracket_pxl.gif') repeat-y;
  }

.bg-bracket-bot {background:url('../_img/bg_bracket_bot.gif') left bottom no-repeat}

/* video */
#video-container { margin-left:13px; width:500px; height:500px; background-color:#ffffff; text-align:center;}


/**** CAMPAIGNS ****/

#flashcontent {
  margin: 0 0 20px 0;
  }

.space_right {
  margin: 0 0 0 5px;
  }
  
.space_left {
  margin: 0 10px 0 0;
  }