/*common colors

blue: #00abd7;
lime: #ced54b;
lime-lt: #dde195;
lime-bright: #c0cb2f;
orange: #ffa12d;
gray-lt: #939597;

*/

* {
	padding: 0px;
	margin: 0px;
}


body {
	
	padding: 0px;
	margin: 0px;
	font-family: Verdana, MgOpen Moderna, sans;
	font-size: 11px;
	line-height: 13px;
	color: #58595b;
}

a:link, a:visited {

	color: #58595b;
	text-decoration: none;
}

a:hover, a:active {

	color: #58595b;
	text-decoration: underline;
}

img {
	border: 0px;
}

h1 {

	font-size: 44px;
	line-height: 40px;
	color: #ffa12d;
	margin-bottom: 20px;
}

h3 {
	
	font-size: 20px;
	line-height: 24px;
	color: #939598;
	margin-bottom: 16px;
}

h4 {
	
	font-size: 13px;
	line-height: 16px;
	color: #58585b;
	margin-bottom: 6px;
}

p {

	margin-bottom: 16px;
}

.blue {
	
	color: #00abd7;

}

.lime {
	
	color: #ced54b;

}

.lime-lt {
	
	color: #dde195;

}

.lime-bright {

	color: #c0cb2f;

}

.orange {
	
	color: #ffa12d;

}

.gray-lt{

	color: #939597;
}



/*
 * STRUCTURE 
 */
 
#container {
	
	width: 998px;
	height: 792px;
	
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -499px;
	background: url( 'images/_global/background.png' ) no-repeat top center;
}


/*
 * HEADER
 */

#header {
	
	height: 182px;
}

#logo{
	position: absolute;
	top:46px;
	left: 610px;
	width: 345px;
	height: 130px;
}



#navigation {
	
	position: absolute;
	top:  140px;
	left: 540px;
	list-style: none;
}


#navigation li{

	float: left;
}

#marker{

	position: absolute;
	top:  110px;
	margin-left: 486px;
	
}


/*
 * MAIN
 */
 
#main {

	height: 494px;
	width: 885px;
	margin-left: 64px;
	
}


#main ol {

	margin-left: 16px;
	list-style: decimal;
}

#main ul {

	margin-left: 14px;
	list-style: circle url( 'images/_global/bullet.png' );
}


#content {

	margin-top: 42px;
}



#content p{
	
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	margin-right: 1px;
	margin-bottom: 15px;
}

#content p.inst{
	
	font-weight: normal;
	font-size: 12px;
}

#content p.copy {
	
	font-size: 18px;
	line-height: 20px;
	color: #939598;
	margin-bottom: 16px;
}


#content strong {
	
	color: #58585b;
}

#content em{

	font-style: normal;
	color: #f89a14;	
}

#content .footnote {
	
	font-size: 8px;
}	


/*
 * FOOTER
 */
 
#footer {
	
	position:absolute;
	top: 730px;
	width: 875px;
	margin-left: 66px;
	color: #939598;
	font-size: 10px;

}

#footer #mailto{

	float: left;

}

#footer #copyright {

	float: right;
	

}



/*
 * END STRUCTURE 
 */
 
 
 
/*
 * HOME
 */
#home {
	height: 446px;
}

#flash_intro {
	
	position: absolute;
	margin-top: 90px;
	height: 300px;
}

#flash_intro2{
	
	position: absolute;
	top: 180px;
	left: 32px;
	height: 340px;
}
 
 
 #flash_intro2_part2{
	
	position: absolute;
	top: 192px;
	left: 24px;
	height: 340px;
}
 
 
/*
 * ABOUT
 */

#aboutUs {
	
	display: none;
	position: absolute;
	width: 899px;
	height: 470px;
	background: url( 'images/bios.jpg' ) no-repeat bottom right;
}
#aboutUs p{
	width: 630px;
}
#bios-hit{
	cursor: pointer;
	position: absolute;	
	top:  335px;
	left: 440px;
	width: 545px;
	height: 320px;
}
	
	
#joycesHitState{
	cursor: pointer;
	position: absolute;	
	top:  666px;
	left: 735px;
}

#adamsHitState{
	cursor: pointer;
	position: absolute;	
	top:  594px;
	left: 866px;
}

#aboutUs .area{
	
	width:  240px;
	height: 240px;	
	position: absolute;	
	top:  290px;
	left: 700px;
	cursor: pointer;
	
}


#joycesBio {
	
	
	display: none;
	width:  400px;
	height: 220px;
	position: absolute;
	top:  50%;
	left: 50%;
	margin-top: -180px;
	margin-left: -220px;
	padding: 20px;
	background:  url( 'images/_global/background-about2.png' ) no-repeat top left;
}

*html #joycesBio{
	
	width:  440px;
	height: 240px;
}

#adamsBio {
	
	
	display: none;
	width:  400px;
	height: 300px;
	position: absolute;
	top:  50%;
	left: 50%;
	margin-top: -180px;
	margin-left: -220px;
	padding: 20px;
	background:  url( 'images/_global/background-about.png' ) no-repeat top left;
}

*html #adamsBio{
	
	width:  440px;
	height: 340px;
}

.bio ul {
	margin-left: 16px;
	list-style: circle url( 'images/_global/bullet.png' );
}

/*
 * SERVICES
 */

#services .column1 {
	
	
	float: left;
	width: 490px;

} 

#services .column2 {
	
	width: 370px;
	float: right;

} 

#services dl {
	
	clear: both;

	
}

#services .spacer {

	clear: both;
	display: block;
	height: 16px;
}

#services dl br {
	
	display: none;
	height: 0px;
}
	

#services dl dt{

	display: block;
	float: left;
	width: 112px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	color: #c0cb2f;
	vertical-align: middle;
	
}


#services dl dd{
	
	float:  left;
	display: block;
	width: 240px;
	margin-bottom: 0px;
}

#services dl dd ul{
 	margin: 0px 0px 0px 16px;
} 
#services .branding {

	padding-top: 19px;
}

#services .design {

	padding-top: 76px;
}

#services .interactive {

	padding-top: 19px;
}

#services .media {

	padding-top: 19px;
}

#services .plus {

	padding-top: 19px;
}


/*
 * SERVICES
 */
 
 
 
/*
 * PORTFOLIO
 */
 
#adjustableBg {
	
	width: 100%;
	height: 700px;
 	background: url( 'images/_global/body-bottom.png' ) 25px 30px no-repeat;
 }
 
*html #adjustableBg {
 	height: 720px;
 	background: url( 'images/_global/body-bottom.png' ) 25px 70px no-repeat;
 }
 
 #adjustableBg #footer{
 
 	top: 756px;
 	
 }
 
.portfolio .workList{

	width: 210px;
	float: left;
}


.portfolio .workList h4 {
	
	margin-bottom: 2px;
	text-transform: uppercase;
	color: #ffa12d;
	font-size: 11px;
	
}


.portfolio .workList ul {
	
	margin: 0px;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #58595b;
	list-style: none;
	
}



.portfolio .workList a{
	
	
}

.portfolio .workList ul li{
	
	padding-bottom: 1px;
}

.portfolio #gallery {

	position: absolute;
	top: 226px;
	left: 460px;
}

/*
 * THINK NOW
 */

#now #current {
	
	position: absolute;
	top: 439px;
	left: 56px;
	width: 100%;
	list-style: none;
	margin-left: 0px;
}

*html #now #current {
	
	top: 429px;
}

#now #current li {
	
	
	float: left;
	width: 280px;
	margin-left: 27px;
}

*html #now #current li
{
	width: 270px;
}

#now #current li img{

	margin-bottom: 10px;
}

#now #current li h4{

	font-size: 12px;
}

#now #current .first {
	
	
	width: 270px;
	margin-left: 0px;
	
}

#now #current .last {
	
	
	margin-right: 0px;
}

#now #current p{
	font-weight: normal;
	font-size: 10px;
	line-height: 16px;
}


/*
 * KUDOS
 */


#kudos #thumbsUp{

	margin-right: 30px;
}

#kudos #slideshow{
	
	margin-top: 50px;
}

*html #kudos #slideshow{
	
	padding-top: 60px;
}

/*
 * ABOUT IT
 */

#aboutIt #excerpts{
	
	margin-left: 54px;
	text-align: right;
	height: 316px;
}

#aboutIt #excerpts .slideshow {
	padding-top: 140px;
}

#aboutIt #headline {
	
	width: 818px;
	text-align: right;

}

#aboutIt #headline h1 {

	margin-bottom: 8px;

}


	
/*
 * THINK LINK
 */

#link {

}

#link .contact-info{

	float: left;
	width: 380px;
	margin-top: 44px;
	margin-left: 0px;
	background: url( 'images/_global/bubble.png' ) no-repeat;
}

#link .contact-info p{
	
	font-size: 13px;
	margin-top: 24px;
	margin-left: 64px;
	margin-bottom: 20px;
	color: #939597;
}

#link .shop {
	
	margin-top: 38px;
}

#link #zazzle {
	margin-right: 12px;
	vertical-align: bottom;
}

#link #gear {
	margin-bottom: 6px;
}

#submission {

	position: absolute;
	top:  400px;
	left: 578px;
	width: 330px;
	font-size: 13px;
	font-weight: normal;
}

#submission fieldset {

	border: 0px solid black;
	padding: 0px;
 	margin: 0px;
}

#submission fieldset label{

	display:block;
	font-size: 13px;
	font-weight: normal;
	margin-left: 3px;
	margin-bottom: 3px;
}

#submission fieldset input{
	
	width: 332px;
	height: 22px;
	border: 0px;
	padding: 3px 6px;
	background: url( 'images/link/input.png' ) no-repeat;
	font-size: 11px;
	font-family: Verdana;
}


#submission fieldset textarea{
	overflow: auto;
	width: 332px;
	height: 80px;
	border: 0px;
	padding: 3px 6px;
	background: url( 'images/link/textarea.png' ) no-repeat bottom;
	overflow: auto;
	font-size: 11px;
	font-family: Verdana;
	
}

#submission .submit {
 	
 	
 	float: right;
 	border: 0px;
 	font-size: 18px;
 	font-weight:bold;
 	background: #ffffff;
 	color: #58595b;
 	padding: 0px;
 	margin: 0px;
}
/*
 * CONTACT
 */

#contact .contact-info{
	float: left;
	width: 360px;	
	margin-top: 4px;
	background: url( 'images/_global/bubble.png' ) no-repeat;
}

#contact .contact-info h3 {
	
	font-size: 14px;
	margin-top: 18px;
	margin-left: 59px;
	margin-bottom: 12px;
	color: #58595b;
	
}

#contact .contact-info ul{
	
	margin-left: 74px;
	list-style: circle  url( 'images/_global/bullet-blue.png' );

}


#contact .contact-info ul li{
	
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 4px;
	
}

#contact #social_networks{

	margin-top: 32px;
	width: 174px;
	text-align: center;
}