@charset "utf-8";
/*******************

	CSS Document
	091104-standard.css
	created as a base for
	styling content on a global level
	
*******************/
/****
	START - Testing

div{
	border:1px solid blue;
}
div div{
	border:1px solid red;
}
div div div{
	border:1px solid green;
}
/****
	END - Testing
****/
html{
	background:#473F39;
	background:url(../img/backgrounds/fiber_html.gif);
	height:100%;
}
body{
	margin-top:50px;
}
#doc3{
	/*background:#322b25 url(../img/backgrounds/gradient-bottom.png) repeat-x bottom;*/
	overflow:visible;
	display:block;
	background:#322b25 url(../img/backgrounds/gradient-top.png) repeat-y right;
	border:1px solid #555555;
	padding:20px;
	min-width:450px;
	
}
#doc3 #hd,#doc3 #bd, #doc3 #ft{
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;

}
#hd{
	border-top:1px solid #999;
	border-bottom:1px solid #9e8a61;
	background:#7A6E56 url(../img/backgrounds/gradient-top.png) repeat-x top;
	font-size:.85em;
	height:32px;
	color:#FFF;
	/*background:#FFF;*/
}
#bd{
	background:#473F39 url(../img/backgrounds/gradient-top.png) repeat-x top;
	color:#FFF;
	height:100%;
}
#bd a:link,
#bd a:visited,
#bd a:hover{
	color:#CCCCCC;
}
#bd h1{
	margin-top:0px;
	padding-top:10px;
}
#bd div{
	text-align:center;
	margin:0px auto;
	padding:35px 0px 35px 0px;
}
#ft {
	background:#7A6E56 url(../img/backgrounds/gradient-bottom.png) repeat-x bottom;
	font-size:.85em;
	border-top:1px solid #9e8a61;
	border-bottom:1px solid #999;
	/*height:35px;  this is a temporary thing*/
	bottom:0px;
	padding-top:5px;
}
#ft a:link,
#ft a:visited,
#ft a:hover{
	color:#CCCCCC;
}

#customer-login-tool h2 a:link,
#customer-login-tool h2 a:visited,
#customer-login-tool h2 a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#customer-login-tool h2 a:hover{
	text-decoration:underline;
}
#login-option{
	display:none;
	background:#473F39 url(../img/backgrounds/gradient-top.png) repeat-x top;
	color:#FFF;
	border:1px solid #9e8a61;
	border-top:1px solid #473F39;
	position:absolute;
	top:105px;
	z-index:99;
	padding:0px 10px 0px 10px;
}
#login-option form a.app-link:link,
#login-option form a.app-link:visited,
#login-option form a.app-link:hover{
	color:#FFF;
	border:1px solid #999999;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	display:block;
	background:#FFF;
	padding:5px;
	margin:10px 0px 10px 0px;
	text-align:center;
}
#login-option form input[type=text],
#login-option form input[type=password]{
	background:#636648;
	border:1px solid #CCCCCC;
}

#login-option #freshbooks-login{
	border-top:1px solid #666666;
}

#login-option .customer-login-option form{
	display:none;
	text-align:right;
	border:1px solid #473F39;
}

.customer-login-option fieldset p a{
	display:block;
	color:#CCCCCC;
}
h2#customer-login-default, h2#customer-login-active, #basecamp-login h2, #freshbooks-login h2{
	background-position:0px;
	background-repeat:no-repeat;
	padding:10px 0px 10px 45px;
}

#basecamp-login h2{
	background-image:url(../img/icons/applications.png);
}
#freshbooks-login h2{
	background-image:url(../img/icons/cash.png);
}
#freshbooks-login form .login{
	background:url(../img/icons/lock.png) no-repeat;
}
	
h2#customer-login-default, h2#customer-login-active{
	position:absolute;
	background-image:url(../img/icons/user.png);
	margin:0px;
	padding:10px 0px 10px 55px;
	background-position:10px center;
	z-index:5;
}
h2#customer-login-active{
	background-image:url(../img/icons/up_alt.png);
}
#current-time{
	text-align:right;
	color:#FFF;
	height:32px;
}
#current-time span{

}
h2.jclock{
	margin:0px 0px 2px 0px;
}
#logo{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:right;
}
/* START - Contact me */

#contact-me{
	text-align:left;
	padding-left:5px;
	overflow:hidden;
}

#contact-me a:link,
#contact-me a:visited,
#contact-me a:hover{
	margin-right:5px;
}
#copyright{
	margin-top:5px;
	text-align:right;
}
/* END - Contact me */