/*************************************************************************/
/**************************** global styles ******************************/

html, body{
	margin:0;
	padding:0;
	background:#202020;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#033050;
}
#container, #containerHome{
	width:900px;
	height:633px;
	margin:30px auto 0 auto;
	padding-bottom:50px;
	background:transparent url(/images/bg-content.png) no-repeat;
}
#containerHome{
	background:transparent url(/images/bg-home.png) no-repeat;
}
#row1{
	height:178px;
}
#row1 img{
	float:left;
}
#row2{
	width:630px;
	height:82px;
	padding-left:270px;
}
#row2 img{
	float:right;
}
#row2Promo{
	height:82px;
}

/*************************************************************************/
/***************************** navigation ********************************/

a.logoHome{
	width:330px;
	height:78px;
	display:block;
	float:left;
}
a.logo{
	width:266px;
	height:82px;
	margin:0;
	padding:0;
	display:block;
	float:none;
}
#nav{
	margin:0;
	padding:10px 0 0 560px;
	list-style:none;
	font-weight:bold;
	color:#403E37;
}
#nav li{
	padding-bottom:2px;
}

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

#subnav{
	width:90px;
	height:360px;
	border-left:1px solid #D4CEB5;
	margin-left:15px;
	_margin-left:10px; /* IE6 */
	padding-left:15px;
	float:right;
	color:#403E37;
}
#subnav img{
	padding-right:1px;
}
#subnav h2{
	padding:6px 0 14px 0;
}

/*************************************************************************/
/************************ blog side navigation ***************************/

#leftBlog{
	width:266px;
	float:left;
	padding-top:10px;
}
#leftBlog ul{
	list-style:none;
	padding:2px 0 2px 20px;
	margin:0;
}

/*************************************************************************/
/******************************* home page *******************************/

#leftHome{
	width:266px;
	float:left;
}
#rightHome{
	width:545px;
	height:340px;
	padding:0 30px 0 25px;
	float:right;
	overflow:auto;
}

/*************************************************************************/
/**************************** content pages ******************************/

#left{
	width:266px;
	float:left;	
}
#right{
	width:545px;
	height:420px;
	padding:0 25px 0 25px;
	float:right;
	overflow:auto;
}
#kindWords{
	margin:5px 0 5px -25px;
}
#kudosItem{ /* magazine covers */
	height:135px;
	padding-top:25px;
	border-bottom:1px solid #D6D1BD;
	clear:both;
}
#kudosList{ /* list of articles */
	height:auto;
	padding:10px 0 40px 0;
	clear:both;
}
#kudosItem img{
	float:left;
	margin-top:-10px;
	padding-right:20px;
}
#portfolioThumbs{
	width:405px;
	margin:15px 0 5px 0;
}
#portfolioThumbs img{
	padding-right:1px;
}

/*************************************************************************/
/***************************** copy styles *******************************/

h1{
	font-size:19px;
	font-weight:bold;
	margin:0 0 0 -25px;
	padding:20px 0 7px 0;	
}
h2{
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:6px 0 0 0;
	color:#403E37;	
}
p{
	margin:0;
	padding:7px 0 10px 0;
}
#lineTitle{
	height:15px;
	margin-top:15px;
	line-height:15px;
	background:#D6D1BD;
}
#lineTitle h2{
	height:17px;
	float:left;
	padding:0 7px 0 0;
	font-size:16px;
	color:#b8b29c;
	background:#F5EFD7;
}
.floatLeft{
	float:left;
	padding:10px 20px 5px 0;
}
#right ul{
	margin:0;
	padding:5px 0 0 20px;	
}
#right li{
	list-style:url(/images/li-bullet.gif);
}

/*************************************************************************/
/******************************** footer *********************************/

#footer{
	width:900px;
	padding-top:10px;	
	float:left;
	color:#44423B;
	text-align:center;
}
#footer span{
	padding:0 6px 0 6px;
	list-style:none;
	display:inline;
}

/*************************************************************************/
/******************************* linkage *********************************/

a:link, a.active, a:visited {color:#403E37; text-decoration:underline;}
a:hover {color:#355786; text-decoration:underline;}

#nav a:link, #nav a.active, #nav a:visited {color:#403E37; text-decoration:none;}
#nav a:hover, #nav a.selected {color:#355786; text-decoration:none;}

/* specifically for blog */
h1 a:link, h1 a:active, h1 a:visited {color:#033050; text-decoration:none;}
h1 a:hover {color:#355786; text-decoration:underline;}