body {
	margin: 0;
	background:url(../image/bg.gif);
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
}
form {
	margin:0;
	padding:0;
}
a {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

#content { 
	width: 913px; /*1000px;*/
	height: 600px;
	margin: 0 auto; /*Center container on page*/
	padding: 0 0 0 14px;
	border-left: solid 3px #B4B4B4;
	border-right: solid 3px #B4B4B4;
	background: #ffffff;
}

#header {
	width: 260px;
	height: 600px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#header li {
	margin: 0;
	padding: 0;
}
#footer{
	width: 913px; /*1000px;*/
	margin: 0 auto; /*Center container on page*/
	text-align:center;
	color:#9a9a9a;
	padding: 54px 0 0;
	font: 12px Arial, Helvetica, sans-serif;
}
#footer a{
	color:#9a9a9a;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

li#ynslogo {
	margin: 89px 0 0;
}
li#ttslogo {
	text-align:center;
	margin: 40px 0 0;
}
li#triplethreat ul {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}
li#triplethreat ul li {
	color: #b2b2b2;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-align:center;
}

/* Accordian */
dl.accordion {
	margin: 0;
	padding: 0;
}
dl.accordion dt {
	text-indent:-9999px;
	height: 600px;
	float: left;
	margin: 0;
	padding: 0;
	width: 32px;
	cursor:pointer;
}
dl.accordion dt.open { cursor:default;}
dl.accordion dd {
	float: left;
	height: 600px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
dl.accordion dd div.overlay {
	position: relative;
	top:-600px;
	margin: 0;
	padding: 0;
	width:66px;
	height:600px;
	z-index:10000;
	display:block;
	cursor:pointer;
	
	background:#fff;/* HACK: when not on IE did't overlay properly */
	filter:alpha(opacity=1);/* for opacity */
	-moz-opacity:0.01;/* for opacity */
	opacity:0.01;/* for opacity */
}
dl.accordion dd.open div.overlay {
	display:none;
}
dl.accordion dd div.content {
	width:417px;
	height:600px;
	margin: 0;
	padding: 0;
}

#introclick{
	background:url(../image/clicker_intro.jpg) no-repeat;
}
#introclick.open{
	background:url(../image/clicker_intro_on.jpg) no-repeat;
}
#portfolioclick{
	background:url(../image/clicker_portfolio.jpg) no-repeat;
}
#portfolioclick.open{
	background:url(../image/clicker_portfolio_on.jpg) no-repeat;
}
#contactclick{
	background:url(../image/clicker_contact.jpg) no-repeat;
}
#contactclick.open{
	background:url(../image/clicker_contact_on.jpg) no-repeat;
}
#pinkslipclick{
	background:url(../image/clicker_pinkslip.png) no-repeat;
}
#pinkslipclick.open{
	background:url(../image/clicker_pinkslip_on.gif) no-repeat;
}

#introsection{
	background:url(../image/bg_intro.jpg) no-repeat;
}
#portfoliosection{
	background:url(../image/bg_portfolio.jpg) no-repeat;
}
#contactsection{
	background:url(../image/bg_contact.jpg) no-repeat;
}
#pinkslipsection{
	background:url(../image/bg_pinkslip.jpg) no-repeat;
}

/* Intro Content */
#introsection .content {
	padding:16px 8px 0;
	width: 401px;
	height:584px;
}
#introsection .content .definition {
	font-size:14px;
	margin-bottom:6px;
}
#introsection .content ol {
	margin: 0 0 26px 26px;
	padding: 0;
}
#introsection .content ul {
	margin: 22px 0pt 26px 26px;
	padding: 0;
}
#introsection .content ul li {
	margin: 8px 0;
}

/* Portfolio Content */
#portfoliosection .content {
	padding:76px 8px 0;
	height:524px;
	width: 401px;
}
#portfoliosection .content ul {
	padding:0;
	margin:28px 0 0 0;
	list-style:none;
}
#portfoliosection .content ul li{
	float:left;
	width:80px;
	height:80px;
	display:inline;
	margin:0 24px 46px 0;
	padding: 0;
}
#portfoliosection .content ul li.last{ margin-right:0; }
#portfoliosection .content ul li img{
	border: 3px solid #c4af7a;
	cursor:pointer;
}

.tool-tip {
	width: 413px;
	height: 390px;
	z-index: 13000;
	background: url(../image/flyout.png) top left;
}
.tool-tip .tool-img {
	margin: 53px 0 0 17px;
}
.tool-tip-above { background: url(../image/flyout-above.png) top left; }
.tool-tip-above .tool-img {
	margin: 24px 0 0 17px;
}

/* Contact Content */
#contactsection .content {
	padding: 111px 0 0 8px;
	height:489px;
}
/*#contactsection h1 {
	color: #fff;
}*/
#contactsection .cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 6px 0 8px 0;
	padding-left: 130px; /*width of left column containing the label elements*/
	/*height: 1%;*/
}
#contactsection .cssform p.howhear{ padding-top: 28px; }
#contactsection .cssform p.budget{ padding-top: 22px; }
#contactsection .cssform p.description{ padding-top: 18px; }
#contactsection .cssform label{
	font-weight: bold;
	float: left;
	margin-left: -130px; /*width of left column*/
	width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color: #000;
	font-size: 12px;
}
#contactsection .cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px;
}
#contactsection .cssform select{
	width: 250px;
}
#contactsection .cssform textarea{
	width: 250px;
	height: 115px;
}

#contactsection #send{ 
	list-style:none;
	margin:0;
	padding: 8px 0 0 268px;
	height:31px;
}
#contactsection #send li{
	height:31px;
	float:left;
}
#contactsection #send li.wait{
	float:none;
	padding: 4px 0 0 8px;
}
#contactsection #send li a{
	width:89px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background: url(../image/submit.png) no-repeat 0 0;
}
#contactsection #send li.wait img{
	display:none;
}
#contactsection #contactresponse{
	color:#000;
	font-weight:bold;
	padding:12px 0 0;
	width:408px;
	text-align:center;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
	margin-left: 3px;
}