body { margin: 0; padding: 0; background: #FFFFFF url(images2/img01.gif) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; }

h1, h2 { color: #333333; line-height:130%; }

h3, h4, h5, h6  { color: #356AA0; }

p, ul, ol { margin-bottom: 20px; line-height: 200%; }

p  {  }

blockquote { font-style: italic; }

a:link, a:visited { border-bottom: 1px dotted #EFEFEF; text-decoration: none; color: #356AA0; }
a:hover { text-decoration: none; color:#DB8606; }

/* General Styles - used throughout site */

.imgborder  { margin:5px; padding:2px; background-color:#E8E8E8; border:1px solid #333333; }

.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

#logo  { float:left; margin:0px; padding:0px; position:relative; left: 0px; top: 6px; }

#rating-container  { width:150px; float:left; text-align:left; padding: 8px 0px 8px 16px; margin:0; }

.clear  { height:1%; margin:0; padding:0; clear:both; }

#back-to-top-link  {
	display:none;
	position:fixed;
	right:90px;
	bottom:30px;
	margin:0;
	padding:10px;
 	
	background: #000;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	  /* IE 8 */
 	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

 	 /* IE 5-7 */
 	 filter: alpha(opacity=70);

  	/* Netscape */
  	-moz-opacity: 0.7;

  	/* Safari 1.x */
  	-khtml-opacity: 0.7;

 	 /* Good browsers */
 	 opacity: 0.7;
	 
	 -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}

#back-to-top-link a:visited  { color:#FFF; }

/* Navigation */

.nav-container { width:640px; float:right; margin: 0px; padding:0px; }

#elastic-nav { margin: 0 auto; padding:0px; list-style: none; position: relative; }
ul#elastic-nav  { margin: 0; padding:0 0 0 2px; background:url(images2/nav-corner.jpg) bottom left no-repeat; background-color:#CCCCCC; }
#elastic-nav li { display: inline; }
#elastic-nav li a { color: #356AA0; font-size: 16px; display: block; float: left; padding: 3px 10px; margin: 0px 6px; text-decoration: none; border-bottom:none; }
#elastic-nav li a:hover { color: #DB8606; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
#magic-line { position: absolute; bottom: -13px; left: 0; width: 100%; height: 22px; background:url(images2/magic-line.png) center no-repeat; }

/* Header */

#header { width: 980px; height: 160px; margin: 0 auto; }
#header h1 span { color: #CC0000; }

.contact-info  { float:right; width:700px; text-align:right; padding: 58px 0px 0px 0px; }
.contact-info h2  { font-size:16px; }



/* Latest Projects Rotator */

.design-spotlight { width: 294px; height: 290px; margin:8px 0 0 0; padding:10px 0 0 0; float:left; background:url(images2/design-spotlight/BrewerCo/BrewerCo-Spotlight-Back.png) no-repeat; overflow: hidden; position: relative; }
.design-spotlight img{ position: absolute; top: 0; left: 0; border: 0; }
.design-spotlight h3  { color:#000; margin:5px 10px 10px 10px; }
.design-spotlight p { margin:10px; padding: 0 10px; color:#FFF; font-weight:bold; font-size:12px; line-height: 160%; }
.design-spotlight p span  { color:#333; }
.design-spotlight a:link, design-spotlight a:visited  { color:#356AA0; }
.design-spotlight a:hover { color:#FFF; }
				
.boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

captionfull .boxcaption { top: 260; left: 0; }
 				
.caption .boxcaption { top: 220; left: 0; }

/* Page-container */

#page-containter { width: 980px; margin: 0 auto; padding: 20px 0; }

/* Content-container */

#content-container { float: right; width: 600px; }

.post { padding: 12px 50px; background: url(images2/img04.jpg) no-repeat; }
.post .title { font-size: 28px; color: #356AA0; }
.post .meta { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #EFEFEF; line-height: normal; color: #666666; }

/* Sidebar */

#sidebar-container { float: left; width: 350px; }
#sidebar-container ul { margin: 10px 0px; padding: 0; list-style: none; }
#sidebar-container li { margin-bottom: 10px; padding: 20px 40px; background: url(images2/img03.jpg) no-repeat; }
#sidebar-container li ul { line-height: 20px;}
#sidebar-container li li { margin: 10px 10px 20px 10px; padding: 0; background: none; border-bottom: 1px solid #EFEFEF; }
#sidebar-container h2 { margin-bottom: 18px; color:#000000; }
#sidebar-container a { border: none; }

/* Portfolio entry */

#portfolio-entry { padding:10px 10px 6px 10px; margin:8px 0px 20px 0px; border-bottom: 1px dashed #999999; }
#portfolio-entry h2 { color:#356AA0; }
#portfolio-entry p span  { color:#000; font-weight:bold; }

/* Footer */

#footer { clear: both; padding: 30px 0; border-top: 10px solid #DDDDDD; background: #EFEFEF; }

#footer p { margin: 0; padding: 10px 0 0 0; text-align: center; line-height: normal; }

p#affiliates  { font-size:9px; display:block; margin:4px 0px 0px 0px; padding:0px; }