/****************************************************************************



Author: Stephen Saugestad

Development by: Nine Mile Studio

Last updated: 4/20/06



By all means learn, but please don't steal.



*****************************************************************************/



/* defaults ******************************************************************************************/



html, body {

	margin: 0;

	padding: 0;

} 



body {

	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-size: 11px;

	background-color: #333;

	margin-top: 60px;

	color: #8A8A8A;

}



a, span.links {

	color: #DC143C;

	text-decoration: none;

}



a:hover {

	color: #F27E7B;

	text-decoration: none;

}



h1, h2 {

	margin:0;

	padding:0;

	color:#8B8B8B;

	font-size:11px;

	font-weight:bold;

}



h3 {

	color:#8A8A8A;

	font-size:10px;

	font-weight:bold;

	margin:0 0 8px 0;

	padding:0 0 2px 0;

}

ul, li {

	margin:0;

	padding:0;

	list-style:none;

}



li.link {

color:red;
font-weight:bold;

}



p {

	margin:10px 0 10px 0;

	line-height:16px;

}



strong {

	font-size:10px;

	color:#8A8A8A;

}



textArea {

	border: 1px solid #ccc;

	color: #000;

	background-color: #f8f8f8;

	padding: 6px;

	font-size: 11px;

	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;

}



select {

	border: 1px solid #ccc;

	background-color: #f8f8f8;

	color: #000;

	padding: 4px;

	font-size: 11px;

	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;

}



acronym {

	border-bottom: 1px solid #8F9F20;

	color:#8F9F20;

	cursor:help;

	font-style:normal;

}



img {

	display: block;

	margin:0 0 0 -4px;

	border:0;

}



a img {

	border:none; 

}



/* hacks ****************************************************************************************************/



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



/* misc class attributes ********************************************************/



div.job {

	padding:0 16px 4px 16px;

	background:#F7F7F7 url(bg_job00.gif) repeat-y 0 0;

	border-top:solid 1px #E5E5E5;

	border-right:solid 1px #E5E5E5;

	border-bottom:solid 1px #E5E5E5;

	margin:20px 0 20px 0;

	font-size:10px;

}	



.rt {

	text-align:right;

	margin-right:10px;

	font-size: 10px;

}



.accent {

	color: Black;

	font-size: 13px;

	font-weight : bolder;

}

.accent1 {

	background : no-repeat right;

	height : 100%;

	width : 100%;

}

.accent3 {

	background : transparent url("quotes.gif") no-repeat right;

}



.desc {

	margin-left:8px;

}



.highlight {

	background-color: #FAF8B4;

	padding:2px;

	border-bottom:1px solid #E1DC0F;

}



.screenshot {

	margin:0 0 0 -4px;

	display: inline; /* for double float bug */

	border:none;

}



.stretch {

	padding:0 0 200px 0;

}



.logoImage {

	padding:16px 0 10px 0;

}



h1.clear {

	display:none;

}



h1.error {

	font-size:14px;

	margin:0;

	padding:0 0 10px 0;

}



/* use as class because of the unwanted borders  */



.a_field  {

	border: 1px solid #ccc;

	color: #000;

	background-color: #f8f8f8;

	padding: 6px;

	margin:0 10px 0 0;

	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-size: 11px;

}



.forms li {

	display: inline;

	background-image: none;

}



.error {

	color: #C60000;

}



/* photos on principals page */



.image {

	float:right;

	padding:1px;

	margin:0 0 10px 10px;

	border:solid 1px #999;

}



/* logos on partners page */



.pad {

	margin:20px 0 20px 0;

}



/* footer links */



#login a {

	text-indent:-9999px;

	width:95px;

	height:80px;

	background: url("rssicon-side.png") no-repeat 0px 0px;

	float:left;

	margin: 2px 10px 0 0;

}



#login a:hover {

	background-position:0px -0px;

}



#sitemap a {

	text-indent:-9999px;

	width:60px;

	height:10px;

	background: url(button_s.gif) no-repeat 0px 0px;

	float:left;

}



#sitemap a:hover {

	background-position:0px -10px;

}



#links {

	width:674px;

	height:80px;

	clear:both;

	padding: 10px 0 20px 26px;

}



#links li {

	display:inline;

	font-size:1px; /* ie leaves the height of the regular h1 font without this */

}



/* main divs ******** border: solid 1px red; ***********************************************************/



#wrap {

	width:900px;

	margin:0 auto;

}



#bottom {

	width:900px;

	background: #fff url(rotate00.jpg) no-repeat right bottom; 

}



#top {

	width:900px;

	height:70px;

	background: #fff url(bg_top00.gif) no-repeat center top;

	clear:both;

}



#logo a {

	width:400px;

	height:21px;

	float:left;

	margin: 30px 0 0 34px;

	background: no-repeat 0px 0px;

	display: inline;

	/* for double float bug */

	font-size : 190%;

}



/* left column */



#left {

	width:140px;

	float:left;

	margin:2px 0 0 25px;

	display: inline;
	
}




#left h3 {

	padding:6px 0 0 0;

}



/* right column */



#right, #rightHome {

	width:650px;

	float:right;

	background: url(divider0.jpg) no-repeat left top;

	padding:10px 0 0 32px;

	margin:0 22px 0 0;

	display: inline;

	/* for double float bug */

	clear:right;

}



#right li {

	line-height: 16px;

	background: url("bullet00.gif") no-repeat 2px 6px;

	padding-left: 12px;

	padding-bottom: 4px;

}



/*#rightHome {

	padding:30px 0 0 32px;

	margin:10px 22px 0 0;

}



/* main navigation ***********************************************************************/



#nav {

	width:358px;

	height:45px;

	margin:18px 18px 0 0;

	padding-left:14px;

	float:right;

	background: url("bg_nav.jpg") 0px 0px;

}



#nav li {

	display:inline;	

	float:left;

	margin-top:15px;	

	padding: 0 16px 0 16px;

}



#nav a {

	color:#eee;

	height:30px;

	display:block;

	float:left; /* use it or else IE will screw up the list */

}



#nav a:hover {

	background: url(bg_hover.gif) no-repeat center 17px;

	color:#fff;

}



/* sub navigation *********************************************************************/



#subNav li {

	margin:0;

}



#subNav a {

	text-indent:8px;

	background: url(bullet_a.gif) no-repeat 7px 13px;

}



#subNav a:link, #subNav a:visited, #subNav a:active {

	border:none;

	display:block;

	width:138px;

	padding:8px 0 8px 10px;

	border-bottom:1px solid #E5E5E5;

	color:#666;

}



#subNav a:hover {

	background-color:#f8f8f8;

	color: #F27E7B;

	background-position:6px 13px;

}



/* footer and related *****************************************************/



#copyright a:link, #copyright a:visited, #copyright a:active {

	color: #f4f4f4;

	text-decoration: none;

	padding: 0px 0px 1px;

	border-bottom: 1px dotted #f4f4f4;

}



#copyright a:hover {

	text-decoration: none;

	border:none;

	color: #ccc;

}



p#copyright {

	width:300px;

	margin:0 auto;

	padding:8px 0 4px 0;

	color:#ccc;

	background: url(color_st.gif) no-repeat center top;

	font-size: 10px;

	text-align:center;

}



/* portfolio page *********************************************************************/



ul.clients {

	padding:0 0 10px 0;

	margin:0;

}



.clients li {

	font-size:10px;

	margin:0 0 6px 0;

}



.clients a, .clients a:link, .clients a:active {

	text-decoration:none;

	padding:0 0 10px 16px;

	background: url(dot00000.gif) no-repeat 0px 2px;

	color:#666;

}



.clients a:visited {

	padding:0 0 10px 16px;

	background: url(dot_brow.gif) no-repeat 0px 2px;

}



.clients a:hover, .selected a:hover {	

	padding:0 0 10px 16px;

	background: url(dot_pink.gif) no-repeat 0px 2px;

	color: #F27E7B;

}



.selected a:link, .selected a:visited, .selected a:active {

	background: url(dot_gree.gif) no-repeat 0px 2px;

	color:#8F9F20;

}



/* news items */



#newsArchives li {

	padding:0 0 10px 0;

}



/* sitemap ***********************************************************/



#ltCol {

	width:200px;

	float:left;

	margin:-16px 0 0 0;

}



#rtCol {

	width:200px;

	float:right;

	margin:-16px 0 0 0;

}