html { 
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	height:100%;
    width:100%;
    background-color:#eee;
	color:#000;
    font:normal normal normal 11px arial,sans-serif;
}

a { 
	text-decoration:none;
	color:#000;
}
a, a:active{ outline:none; }
    
img {
	margin:0;
    border-width: 0px;
    border-style: none;
    padding: 0px;
}

div{ position:absolute; }

form{
	margin:0;
	padding:0;
}

.fade{
	opacity:.40;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
}

.nofade{
	opacity:1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
}

#wrapper{
	top:0;
	width:99%;
	background-color:#eee;
}

#palette{
	position:relative;
	top:0;
	margin:auto;
	width:980px;
	height:595px;
	background:#fff url(../icontent/homepage.jpg) no-repeat;
	border:2px solid #000;
	border-top-width:0px;
}

#numberLogo{
	position:absolute;
	width:200px;
	height:63px;
	right:40px;
	top:11px;
	background-image:url(../icontent/237am-logo-small.gif);
}

#numberLogoHome{
	position:absolute;
	width:352px;
	height:122px;
	left:0;
	bottom:30px;
	background-image:url(../icontent/237am-logo.gif);
}

#homeimage{
	position:absolute;
	top:96px;
	right:49px;
	text-align:right;
}
#homeimage img{ border:1px solid #000; }

#topmenu{
	top:22px;
	height:15px;
	border:1px solid #fff;
	border-left-width:0px;
	color:#fff;
	background-color:#000;
	padding: 0 50px 0 17px;
	font:normal normal bold 11px arial,sans-serif;
	line-height:14px;
	z-index:50;
}
#topmenu a{ color:#fff; }
#secondmenu{
	top:46px;
	left:17px;
	height:16px;
	width:760px;
	border:0px solid #000;
	border-bottom-width:2px;
	padding: 0 12px 0 0;
	font:normal normal bold 12px arial,sans-serif;
	z-index:50;
}
#topmenu a:hover,#secondmenu a:hover{ color:#aaa; }
#topmenu .active{ 
	background-color:#fff;
	color:#000;
	padding:0 0 1px 0;
}
#secondmenu .active{ 
	background-color:#000;
	color:#fff;
	padding:0 0 1px 0;
}

#colonLogo{
	width:19px;
	height:72px;
	right:20px;
	top:15px;
	background-image:url(../icontent/colon-logo.gif);
}

.storeImage{
	right:18px;
	top:12px;
	width:134px;
	height:33px;
	background-image:url(../icontent/home-store-blank.gif);
	}

.portfolioImage{
	right:18px;
	top:55px;
	width:134px;
	height:33px;
	background-image:url(../icontent/home-portfolio-blank.gif);
}


#portfolio{
	width:930px;
	height:530px;
	left:0;
	bottom:0;
}

#blurb{
	color:#333;
	width:250px;
	border:0px solid #fff;
	padding:5px 0 0 10px;
	font:normal normal normal 11px arial,sans-serif;
	bottom:0;
}

#wideblurb{
	color:#333;
	width:360px;
	border:0px solid #fff;
	padding:5px 0 0 10px;
	font:normal normal normal 11px arial,sans-serif;
	bottom:0;
}

#services{ 
	bottom:160px;
	left:0;
	text-align:justify;
}

#services h1{
	margin:18px 0 0 0;
	text-decoration:none;
	font:normal normal bold 16px arial,sans-serif;
}

#clients{ 
	bottom:160px;
	left:0;
	text-align:left;
}

#clients h6{
	margin:4px 0 0 0;
	font:normal normal bold 11px arial,sans-serif;
}

#links{ 
	bottom:160px;
	left:0;
	text-align:left;
}

#links a,#links a:visited, #links a:active{
	font:normal normal bold 11px Arial,sans-serif;
	color:#000;
	line-height:default;
}

#links a:hover{ text-decoration:underline; }

#bio{
	width:250px;
	left:0;
	bottom:160px;
	color:#333;
	text-align:justify;
}

#Scroller {
	position:relative;
    left:20px;
    top:10px;
    width: 340px;
    height: 380px;
    overflow: hidden;
}

.Scroller-Container { position:absolute; }

#news{
	width:250px;
	left:0;
	bottom:160px;
	color:#333;
	text-align:left;
}

#news h1{
	margin:10px 0 0 0;
	text-decoration:underline;
	font:normal normal bold 12px arial,sans-serif;
}

#arrows{
	left:0;
	top:45px;
	position:relative;
	z-index:100;
}

.arrow{ cursor:pointer; }

#contact{
	bottom:160px;
	left:0;
	text-align:left;
}

#contact .button{
	width:50px;
	height:21px;
	font:normal normal normal 11px Arial,sans-serif;
	color:#666;
	vertical-align:middle;
}

#contact .input{
	width:100px;
	height:13px;
	font:normal normal normal 11px Arial,sans-serif;
	vertical-align:middle;
}

#contact textarea{
	height:60px;
	width:200px;
	font:normal normal normal 11px Arial,sans-serif;
}

#contact .submit{
	height:23px;
	width: 90px;
	font:normal normal normal 11px Arial,sans-serif;
}

#contact hr{
	width:157px;
	margin:5px 0 5px 0;
	float:left;
}

.bottom{ bottom:0; }

#projectThumbnails{
	width:87px;
	height:338px;
	right:566px;
	bottom:156px;
	overflow:hidden;
}

#projectThumbnails a{
	padding:0;
	margin:0;
}

#projectThumbnails img{ margin-top:3px; }

#projectThumbnails .link{
	border:1px solid #000;
	cursor:pointer;
	opacity:1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
}

#projectThumbnails .fade{
	border:1px solid #000;
	cursor:pointer;
	opacity:.40;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
}

#projectThumbnails .blank{
	border:0;
	cursor:default;
}

#projectImage{
	width:550px;
	height:340px;
	right:0;
	bottom:159px;
}

#whitebar{
	width:921px;
	height:17px;
	left:0;
	bottom:135px;
	background-color:#fff;
	border:1px solid #000;
	border-left-width:0;
	border-right-width:9px;
}

#whitebar h1{
	margin:0;
    font:normal normal normal 12px arial,sans-serif;
	font-weight:bold;
	height:30px;
	background-color:#000;
	color:#fff;
	padding:2px;
	padding-left:12px;
	padding-right:12px;
	margin-right:-10px;
}

#whitebar #links{
	left:11px;
	line-height:18px;	
}

#whitebar #links a, #whitebar #links a:visited, #whitebar #links a:active{
	font:normal normal normal 11px arial,sans-serif;
	color:#000;
}

#whitebar #links a:hover{ color:#666;}

#whitebar #projectDescription{
	right:0px;
	width:629px;
	height:100%;
	overflow:hidden;
	border-left:9px solid #000;
	padding-left:6px;
	line-height:18px;
}

#whitebar .description{
	height:21px;
	width:600px;
	margin:0;
	font:normal normal normal 11px arial,sans-serif;
	border:0px solid #fff;
	border-right-width:11px;
	background-color:#fff;
	color:#000;
	cursor:default;
}

#blackbar{
	width:100%;
	height:101px;
	bottom:29px;
	background-color:#000;
}

#fullportfolio{
	bottom:50px;
	left:12px;
}
#fullportfolio a{ 
	color:#ccc;
	font:normal normal normal 10px arial,sans-serif;
}
#fullportfolio a:hover{ color:#fff; }

#blackbar #category{
	width:206px;
	left:0;
	top:8px;
	color:#fff;
	font:normal small-caps bold 16px arial,sans-serif;
	padding:2px;
	padding-left:10px;
	border:1px solid #fff;
	border-left-width:0;
	border-right-width:9px;
}

#blackbar #thumbnails{ right:0; }

#blackbar img{ 
	margin-right:5px;
	margin-bottom:8px;
	margin-top:8px;
	cursor:pointer;
}

#blackbar #left{
	right:699px;
	bottom:0;
	visibility:hidden;
}

#blackbar #right{
	right:0;
	bottom:0;
	visibility:hidden;
}

#blackbar #Scroller {
    left:232px;
    top:0;
    width: 675px;
    height: 100%;
    overflow: hidden;
    }

#blackbar .Scroller-Container {
    position:absolute;
	white-space:nowrap;
    }
	
/*#blackbar #numberLogo{
	width:116px;
	height:16px;
	left:13px;
	bottom:10px;
	background-image:url(../icontent/237am-logo.jpg);
}*/

#detroitLogo{
	/* width:116px; */
	height:16px;
	left:13px;
	bottom:6px;
	/* background-image:url(../icontent/detroit-logo.jpg); */
}
#detroitLogo table{ 
	margin:0;
	padding:0;
}
#detroitLogo td{ 
	padding:0;
	vertical-align:middle;
}
#detroitLogo .grey{ color:#aaa; }

#menu{
	right:0;
	bottom:0px;
	text-align:right;
	line-height:12px;
}

#menu a, #menu a:visited, #menu a:active{
	font:normal normal normal 11px arial,sans-serif;
	color:#000;
	line-height:12px;
}

#menu a:hover{ color:#666;}

#messagebanner{
	position:absolute;
	bottom:166px;
	left:14px;
}

#login {
	right:0;
	bottom:0;
}