/*resets*/
body {
	color: #aaa;
	font-family: helvetica, helvetica, Arial, sans-serif, sans-serif;
	font-size: .75em;
	line-height: 125%;
}
body, html {
	height: 100%;
	margin: 0;
}

h1, h2, h3, h4, h5 {
	margin-top: 0;
}
img {
	border: 0;
}

br.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*page structure*/

#wrapper {
	width: 1050px;
	display: block;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px ;
	overflow: hidden;
}
#lcol {
	width: 210px;
	display: block;
	float: left;
	padding-right: 24px;
}

#rcol {
	width: 720px;
	padding-left: 60px;
	display: block;
	float:left;
}

#logo {
	text-align: right;
	padding: 0 0 50px;
	display: block;
	float: right;	
}

#topbox
{
	min-height: 80px;
	padding-bottom: 50px;
}

#client_desc {
	width: 400px;
	padding-right: 100px;
	display: block;
	float: left;
}

#skill_set {
	display: block;
	float: left;
}

#lnav {
	display: block;

}
#interactive {
	background: url("../images/label_interactive.gif") no-repeat center right;
	overflow:hidden;
	margin: 0 -24px 5px 0;
	
}
#print {
	background: url("../images/label_print.gif") no-repeat center right;
	overflow:hidden;
	margin: 0 -24px 30px 0;
}
.lnav_group {
	display: block;
	width: 210px;
	float: left;
	margin-right: 12px;
	padding-bottom:8px;
}
 #stepchange, #philosophy, #crayola, #yeiser, #tostitos, #secondporch, #trey_gunn, #travelocity {
	overflow: hidden;
min-height:100%;
}
#about {

}
#stepchange, #philosophy, #tostitos {
	background:transparent url(../images/elf_hat.jpg) no-repeat scroll left 700px;
}
#crayola, #yeiser, #secondporch, #trey_gunn, #travelocity {
	background:transparent url(../images/corn.jpg) no-repeat scroll bottom right;
}

/*fonts*/
#lnav a {
	line-height: 86%;
	font-size: 2.4em;
	color: #c5c5c5;
	text-decoration: none;
	font-family: helvetica, Arial, sans-serif;
	text-align: right;
	clear: left;
	display: block;
}
#lnav a:visited {
	color: #d5d5d5;
}

#lnav a#n1:hover, #main a:hover {	color: #EC1A6B; }
#lnav a#n2:hover {	color: #E5177C; }
#lnav a#n3:hover {	color: #DE148E; }
#lnav a#n4:hover {	color: #D8119E; }
#lnav a#n5:hover {	color: #D10E8E; }
#lnav a#n6:hover {	color: #CA0BC1; }
#lnav a#n7:hover {	color: #C107D9; }
#lnav a#n8:hover {	color: #BE06E0; }
#lnav a#n9:hover {	color: #B70EF0; }
#lnav a#n10:hover {	color: #B100FF; }

#lnav a#p1:hover {	color: #FF8600; }
#lnav a#p2:hover {	color: #FF6700; }
#lnav a#p3:hover {	color: #FF4400; }
#lnav a#p4:hover {	color: #FF0000; }

#lnav a#o1:hover {	color: #B100FF; }
#lnav a#o2:hover {	color: #762BFF; }
#lnav a#o3:hover {	color: #4152FF; }
#lnav a#o4:hover {	color: #0081FF; }


#lnav a:active, #main a:active {
	color: #CDFF3F !important;
}

h1, h2 {
	color: #ccc ;
	font-weight: normal;
}

#topbox h1 {
	color:#AAAAAA;
	display:inline;
	font-size:1em;
	font-weight:bold;
	text-transform: uppercase;
}

#main img {
	border:10px solid #EEEEEE;
	margin:-10px 30px 40px 0;
	float: left;
	display: block;	
	}
	
img.last {
	margin-right: 0 !important;
}

img.topmargin {
	margin-top: 30px !important;
}
#about_text {
	width: 400px;
	padding:0 40px 30px 0;
	background-color: white;	
}
	
#skill_set h2 {
	color:#333;
	font-size:1em;
	margin: 0;
	line-height: 125%;
}
#main {
	color: #777;
}
a{
	color: #666;
	text-decoration: underline;
}
a:visited {
	color: #999;
}
	
#main h1
{
	font-size: 3em;
}
#what {
	bottom:15px;
	font-size:.9em;
	position: fixed;
	right:10px;
	padding: 2px 8px;
	background: white;
}
#what a {
	color:red;
	text-decoration:none;
}
#what a:visited {
	color: red;
}
.clientdesc a {
	color: #ccc;
}