/* CSS Document */
/*  Authored by Ryan Knuth */
/* July 2008 */
/* www.clickitmultimedia.ca */

*{
	padding:0;
	margin:0;
}

body{
	background:url(../images/mouseBG.gif);
	background-color:#333;
	font-size:small;
}

h2{
	color:#b92428;
	font-weight:normal;
	padding:0 0 .7em 0;
	letter-spacing:1px;
	font-size:190%;
}

table{
	width:300px;
	border:1px solid #000;
}

table caption{
	margin:0;
	padding:5px 0 .7em 0;
	text-align:left;
}

table tr.colTitle{
	background:#666;
	color:#000;
}

table th, table td{
	margin:0;
	padding:5px 10px;
	text-align:left;
	border-bottom:1px solid #666;
}

table tr.alt{
	background:#CCCCCC;
}

.class{
	clear:both;
}

/* WRAPPER START */
#wrapper{
	width:980px;
	height:auto;
	margin:auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000;
}
/* WRAPPER END */

/* HEADER START */
#header{
	height:130px;
	width:200px;
	margin:30px 0 10px 0;
	float:left;
}

#header img{
	border:none;
}

#header a{
	border:none;
}
/* HEADER END */

/* MAINNAV START */

#mainNav ul{
	position:relative;
	top:82px;
	list-style:none;
	float:right;
	height:130px;
	line-height:1.5em;
	font-size:110%;
	padding:0 0 0 6px;
	margin:30px 0 10px 0;
}

#mainNav ul li{
	float:left;
}

#mainNav ul a{
	display:block;
	margin:0 1em;
	text-decoration:none;
	color:#fff;
}

#mainNav ul a:hover, a:active{
	border-bottom:1px solid #B92428;
	
}

#mainNav .current{
	border-bottom:1px solid #B92428;
}
/* MAINNAV END */

/* CONTENT START */
#content{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	/*background:url(../images/bg.jpg) repeat-x;
	background-color:#e2e2e2;*/
	background-color:#fff;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	
}
/* CONTENT END */


/* FIRSTCOLUMN START */
#firstColumn{
	width:260px;
	float:left;
	margin:0 0 0 0;
	padding:15px 0 20px 19px;
}

#firstColumn h3{
	color:#b92428;
	font-weight:normal;
	padding:0;
	letter-spacing:1px;
	font-size:150%;
	border-bottom:1px dotted #b92428;
}

#firstColumn a{
	cursor:pointer;
}
/* FIRSTCOLUMN END */

/* QUOTES START */
#quotes{
	width:236px;
}

#quotes p{
	font-size:85%;
	padding:5px .5em 0 .5em;
}

#quotes p.right{
	text-align:right;
}
/* QUOTES END */

/* FEATURED START */
#featured{
	width:236px;
	overflow:hidden;
	margin:20px 0 0 0;
}
/* GILDER/LEVIN IMAGE REPLACEMENT METHOD START */
#featured #image{
	height:80px;
	position:relative;
	margin:8px .5em 0 .5em;
	border:1px solid #000;
}

#featured #image span{
	background: url(../images/sellsheet_featured.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}

/* GILDER/LEVIN IMAGE REPLACEMENT METHOD END */
/* FEATURED END */

/* LINKS START */
#links{
	width:236px;
	margin:20px 0 0 0;
	padding:0 0 5px 0;
}

#links ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#links li{
	border-color:#000;
}

#links ul a{
	display:inline;
	padding: 0 .5em;
	text-decoration:none;
	line-height:1.8em;
	color:#000;
	font-size:85%;
}

#links ul a:hover, a:active{
	color:#666;
	text-decoration:underline;
}
/* LINKS END */

/* DREAMHOST START */
#dreamhost{
	width:236px;
	margin:15px 0 0 0;
	overflow:hidden;
}
/* GILDER/LEVIN IMAGE REPLACEMENT METHOD START */
#dreamhost #image3{
	height:90px;
	position:relative;
}

#dreamhost #image3 span{
	background: url(../images/dreamHost_BW.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}

#dreamhost #image3 span:hover, span:active{
	background: url(../images/dreamHost.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
/* GILDER/LEVIN IMAGE REPLACEMENT METHOD END */
/* DREAMHOST END */

/* SECONDCOLUMN START */
#secondColumn{
	width:660px;
	float:left;
	margin:0 0 0 0;
	padding:15px 19px 10px 20px;
}

#secondColumn img{
	border:1px solid #000;
}

#secondColumn ul{
	font-style:italic;
	padding:0 0 10px 0;
}

#secondColumn ul ul{
	padding:0 0 0 15px;
	margin:0;
}

#secondColumn .secondNav ul{
	list-style:none;
}

#secondColumn .secondNav ul li{
	display:inline;
	font-style:normal;
	font-size:85%;
	color:#666;
}

#secondColumn .secondNav ul li a:hover, a:active{
	text-decoration:underline;
	color:#666;
}

#secondColumn h2.moreSpace{
	border-top:1px dotted #B92428;
	color:#b92428;
	font-weight:normal;
	padding:.7em 0 .7em 0;
	letter-spacing:1px;
	font-size:190%;
}

#secondColumn h3.projectTitle{
	font-size:140%;
	margin:0 0 10px 0;
	border-bottom:1px solid #000;
}

#secondColumn p{
	font-size:110%;
	margin:0 0 .7em 0;
	line-height:1.5em;
}

#secondColumn p.noIndentBold{
	text-indent:0;
	font-weight:bold;
}

#secondColumn p.italic{
	font-style:italic;
}

#secondColumn a{
	color:#3215A4;
	text-decoration:none;
}

#secondColumn a:link, a:visited{
	color:#3215A4;
	border:none;
	text-decoration:none;
}

#secondColumn a:hover, a:active{
	color:#666;
	border:none;
	text-decoration:underline;
}

#secondColumn ul{
	margin:0 0 .7em 0;
}

#secondColumn li{
	margin:0 0 0 2em;
}

#secondColumn .portPiece{
	height:auto;
	padding:1em 0 1em 0;
	border-top:1px dotted #B92428;
}

#secondColumn .portPiece img{
	padding:0;
	margin:0;
	float:left;
	border:1px solid #000;
	cursor:pointer;
}

#secondColumn .portPiece h3{
	font-size:110%;
	margin:0 0 .4em 145px;
}

#secondColumn .portPiece p{
	margin:0 0 0 145px;
	padding:0 0 .4em 0;
	text-indent:0;
}

#secondColumn .video{
	height:auto;
	padding:1em 0 1em 0;
	border-top:1px dotted #B92428;
}

#secondColumn .video h3{
	font-size:110%;
	margin:0 0 .4em 0;
}

#secondColumn .video p{
	margin:0 0 0 0;
	padding:0 0 .4em 0;
	text-indent:0;
}

#secondColumn .scrnShot{
	height:auto;
	padding:1em 0 1em 0;
	border-top:1px dotted #1958ac;
}

#secondColumn .scrnShot img{
	padding:0;
	margin:0;
	float:left;
	border:1px solid #000;
}

#secondColumn .scrnShot h3{
	font-size:110%;
	margin:0 0 .4em 210px;
}

#secondColumn .scrnShot p{
	margin:0 0 0 210px;
	padding:0 0 .4em 0;
	text-indent:0;
}

#secondColumn p.noIndent{
	text-indent:0;
}

#secondColumn img.margin{
	margin:.5em 0 .8em 0;
}

#secondColumn p.warning{
	color:#CD2027;
	font-size:100%;
	background:url(../images/exclamation.png) no-repeat;
	text-indent:20px;
}

#secondColumn p#userGenericWarning{
	color:#CD2027;
	font-size:100%;
	text-indent:5px;
	padding:0 0 10px 0;
	display:none;
}

#secondColumn span.warning{
	color:#CD2027;
	font-size:80%;
}

#secondColumn span.userWarning{
	color:#CD2027;
	font-size:80%;
	display:none;
}

#secondColumn p.success{
	color:#009900;
	font-size:100%;
	background:url(../images/accept.png) no-repeat;
	text-indent:20px;
}
/* SECONDCOLUMN END */

/* FOOTER START */
#footer{
	height:4.5em;
	padding:5px;
	font-size:70%;
	clear:both;
	color:#fff;
	line-height:1.5em;
	text-align:center;
}

#footer a:link, a:visited{
	text-decoration:underline;
	color:#fff;
	text-align:center;
	background:none;
}

#footer a:hover, a:active{
	color:#999;
	background:none;
}

#footer p {
float:left;
}

#footer p#utility-nav {
float:right;
}
/* FOOTER END */