#header, #nav, #content, #footer-wrap { width: 920px; }
.catholder{width:900px;height:200px;float:left;}
.cat1{width:258px;height:193px;background:url(/images/layout/cat_murals.png);float:left;}
.cat2{width:258px;height:193px;background:url(/images/layout/cat_other.png);float:left;}
.cat3{width:258px;height:193px;background:url(/images/layout/cat_notsolegal2.png);float:left;}
/* header */
#header { clear: both; position: relative; margin:0px auto; background: transparent url(/images/layout/logo.png) no-repeat left; height: 240px;margin-bottom:-30px; text-align: left; }
#header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bold 58px 'Trebuchet MS', Tahoma, Arial, Sans-serif; letter-spacing: -3px; color: #0a1e53; text-decoration: none; z-index: 9998; background: transparent;
/* change the values of top and left to adjust the position of the logo*/
	top: 33px; left: 10px; }
#header p#slogan {
	position: absolute;	
	font: normal 19px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #fff;
	margin: 0; padding: 0;
	z-index: 9999;
	/* change the values of left and top to adjust the position of the slogan */
	top: 95px; left: 25px;
}

/* Navigation */
#nav { clear: both; margin: 0 auto; padding: 0; }
#nav ul { float: left; list-style: none; text-transform: uppercase; margin: 0;	padding: 0; height: 56px; }
#nav ul li { float: left; margin: 0; padding: 0; height: 56px; }
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 20px;
	color: #111111;
	font: bold 16px/54px "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-decoration: none;	
	letter-spacing: 1px;	
}
#nav ul li a:hover, 
#nav ul li a:active { color: #333333; }
#nav ul li#current a { color: #444444; }

/* content */
#content-wrap { clear: both; float: left; width: 100%; background: #12120f url(/images/layout/footer-top.jpg) repeat-x left bottom; }
#content { text-align: left; padding: 0; margin: 0 auto; }

/* sidebar */
#sidebar { float: right; width: 24em; margin: 10px 0 10px -21em; padding: 0; }
#sidebar h3 { font: normal 1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif; padding: .3em 0 .5em 10px; color: #99CC33; text-transform: none; letter-spacing: -1px; }
#sidebar ul.sidemenu { margin: 0 0 0 10px; padding: .1em 0 1em 0; font-family: 'Trebuchet MS', Tahoma, Sans-serif; border-top: 1px solid #211E20; }
#sidebar ul.sidemenu li { padding: 0; background: url(/images/layout/bullet.jpg) no-repeat .5em .6em; border-bottom: 1px solid #211E20; list-style:none; }
* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
	display: block;
	font-weight: bold;
	color: #d3d0cc;
	text-decoration: none;
	padding: .2em 0 .2em 30px;
	line-height: 1.5em;
	font-size: 1.25em;
}
#sidebar ul.sidemenu li a:hover { color: #FF8B04; }
#sidebar ul.sidemenu ul { margin: 0 0 0 15px; }
#sidebar ul.sidemenu ul li { border: none; }

/* main */
#main { margin: 10px 10px 10px 0; padding: 0; }
#main h2 { font: normal 2.9em 'Trebuchet MS', Arial, Sans-serif; color: #84A5DA; letter-spacing: -2px; padding-bottom: 0px; margin-bottom: 5px; border-bottom: 1px solid #211E20; }
#main h2 a { color: #84A5DA; text-decoration: none; }
#footer-wrap { clear: both; padding: 0;	margin: 0 auto; }

/* columns */
#columns { clear: both; text-align: left; color: #5B9CFF; margin: 0 auto; padding: 1.6em 0 .5em 0; width: 95%; }
#columns h3 { color: #99CC33; margin: 0; padding: 0 10px; font: normal 1.4em "Trebuchet MS", Arial, Tahoma, Sans-serif; text-transform: uppercase; }
#columns ul { list-style: none; margin: 10px 0 0 0; padding: 0; border-top: 1px solid #111; }
#columns li { border-bottom: 1px solid #111; }
#columns li a { display: block; padding: .5em 0 .5em 1em; color: #8F8F8E; }
#columns li a:hover { color: #fff; }
#columns .col3, .col3-center { float: left; width: 31%; }
#columns .col3-center {  margin: 0 15px; }

/* footer */
#footer-bottom { clear: both; margin: 0 auto; padding: 1em 0 1.5em 0; text-align: center; font-size: .85em }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.grey {	color: #8F8F8E; }
.post-by { font-size: .9em; padding-top: 0; }
.post-footer { text-align: right; background: transparent; border: 1px solid #211E20; padding: 5px 10px; margin: 20px 15px 10px 15px; }
.post-footer .date,  .post-footer .comments, .post-footer .readmore { padding-left: 20px; margin: 0 3px 0 3px; }
#tooltip{
	position:absolute;
	border:1px solid #211e20;
	background:#000000;
	color:#99cc33;
	display:none;
	font-size:17px;
	padding:50px;
	}
	.galleryholder{width:200px;float:left;height:150px;}
	
