body 
{
	font: 12px/1.5 Arial, Helvetica, sans-serif;
	background: url("http://www.kogok.com/themes/site_themes/default/background.png") repeat-x 50% 0 #1c3351;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 960px;	
}

/* Logo Strip */
h1#logostrip { height:120px; margin:10px 0px; z-index:999;}
h1.logo { float:left; text-indent:-999em; overflow:hidden;  } 
h1 span { visibility:hidden; }

/* Main Navigation Styles */
ul#menu { float:right; text-align:right; margin-bottom:15px; }
ul#menu li { display:inline-block; margin:0 15px; }
ul#menu li a { color:#fff; font-weight:bold; text-decoration:none; }
ul#menu li a:hover { color:#6699ff; }

/* Side Navigation Styles */
#side_navigation { background:#808080; float:left; width:260px; }
#side_navigation ul {  }
#side_navigation ul li { display:block; margin:0; padding:4px; }
#side_navigation ul li:hover { background:#fff; }
#side_navigation ul li a { color:#000; text-decoration:none; }
#side_navigation ul li a:hover { }
#side_navigation ul li.selected { background:#fff; }
#side_navigation ul li.selected a { color:#234065; font-weight:bold; text-decoration:none; }
#side_navigation ul li.selected a:hover { color:#000; }

/* Layout */
#content_container { background:#808080; height:500px; padding:5px; width:960px; }
#view_container { float:right; height:100%; width:100%; }
#gallery{ background:#fff; float:right; height:100%; width:700px; }
#left, #right { text-align:center; width:50%; }
#left { float:left;  }
#right { float:right; }

/* Gallery Styles */
#gallery ul { margin-top:15px; text-align:center; }
#gallery ul li { display:inline-block; margin:0 15px; }
#gallery table td { text-align:center; }
#gallery .paginate { margin:15px 10px; text-align:center; }

/* Content Styles */
#gallery h1 { margin:0 10px; }
#gallery p { margin-left: 10px; }

/* Footer Styles */
#footer { height:120px; }
#footer p { color:#fff; font-size:.90em; margin:0; padding:5px; }
#footer p.address { float:left; text-align:left; width:160px; }
#footer p.contact{ float:left; text-align:left; width:160px; }
#footer p.copyright{ float:right; text-align:right; width:240px; }

/* Clear Fix */

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}