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

body {	
	color:white;
	font-family: verdana;
	font-size: 12px;
	margin:0;
	text-align:center;
	height:100%;
	width:100%;
}

object {
	outline:none;	
}

/* General Styles
---------------------------*/
* {
	border:0;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	outline-style: none
}

p {
	margin: 0 0 15px 0;
	text-align:justify;
}

.weak {
	color:#ccffff;
}

/* Specific Page Styles
---------------------------*/
/* Home */
#home {
	position:relative;
	z-index:999;
}

#home #right {	
	float:left;
	margin-left:-65px;
}

/* About */
#about #right,
#services #right {	
	line-height: 30px;
	padding: 85px 0 0 0;	
}

#about #right,
#services #right {
	font-size:11px;
}

/* Contact */
#contact #right {
	background: transparent url(images/sako_map.gif);
	height:500px;
}

#contact #left p {
	font-family:arial;
	font-size:14px;
	font-weight:bold;

}

/* Portfolio */
#portfolio #right,
#unpublished #right {
	width:900px;	
	float:left;
	margin-left:-115px;
}

/* Individual */
#individual #left p {
	font-size: 11px;
}

/* Stage
---------------------------*/
#stage {	
	background: #0192a7 url(images/sako_logo.gif) no-repeat ;		
	text-align:left;	
	margin: 36px 0 0 0;	
}

/* Main
---------------------------*/
#main {
	background: #0192a7 url(images/sako_logo.gif) no-repeat -627px top;
	margin: 0 auto;
	height: 500px;
	width: 1087px;	
}

/* Left
---------------------------*/
#left  {
	float:left;	
	width:297px;
	overflow:hidden;
	position:relative;
}

#left .pad {
	padding: 0 0 0 72px;
}

#left p {
	padding:0 5px 0 0;
}

#left h2 {
	font-family:arial;
	font-size: 26px;
}

/* Left : Navigation
---------------------------*/
#left a {
	color:white;
}

#left ul {
	list-style-type:none;	
	position:relative;
	z-index:900;
}

#left  ul li a span {
	display: none;
}

#left ul a {
	display:block;
	height:21px;
	margin: 0 0 3px 0;
	width: 201px;	
}

#IEBody  #left ul a  {
	float:left;
}

#left ul li a:hover,
#left ul li.selected a{
	background-position: -100% top !important;	
}

#left .home a {
	height:81px;
	margin: 0 0 14px -72px;
	width: 297px;
}

#left ul .portfolio a {
	background: transparent url(images/sako_portfolio.gif);
}

#left ul .unpublished a {
	background: transparent url(images/sako_unpublished.gif);
}

#left ul .about a {
	background: transparent url(images/sako_about.gif);
	height: 13px;
}

#left ul .services a {
	background: transparent url(images/sako_services.gif);
	height: 13px;
}

#left ul .blog a {
	background: transparent url(images/sako_blog.gif);
	height: 13px;
}

#left ul .contact a {
	background: transparent url(images/sako_contact.gif);
	height: 13px;
}

/* Right
---------------------------*/
#right {		
	height:500px;
	margin: 0 0 0 297px;
	width: 575px;
	z-index:0;
	position:relative;
	
}

#IEBody #right {
	position:absolute;	
	margin:0;
	left:297px
}

/* Footer
---------------------------*/
#footer {
	display:block;
	color:#cccccc;
	font-size:10px;
	margin: 0 auto 36px auto;
	position:relative;
	width: 1082px;
	text-align:left;
	text-transform: uppercase;
}

#footer p {
	padding: 7px  0 0 292px;
}



/* Centering 
-----------------------------*/

#cw {display: table; height: 100%;  width:100%; #position: relative; overflow: hidden;}
#c {#position: absolute; #top: 50%;left:0; display: table-cell; vertical-align: middle;}
#ci {#position: relative; #top: -50%;}


#overlay {
	background:black;
	position:absolute;	
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:.8;
	filter:alpha(opacity=80);
	z-index:800;
	display: none;	
}