/* ----------------------------------------------------------------- */
/* light colors */

/*
body                    { color:        #555; 
                          background:   #f8f8f8; }
a                       { color:        #f63; }
a:hover                 { color:        #000; }
a.current               { background:   #f63;
                          color:        #fff; }
body.json div.section   { border-color: #e8e8e8; }
body.json div#portfolio { border-color: #e8e8e8;
                          background:   #fff; }
body.json div.box       { background:   #fff; }
*/

/*----------------------------------------------------------------------------Layout-----*/
html, body{
height: 100%;
margin:0;
padding:0;
}
/*----------------------------------------------------------------------------Heading-----*/
*{
margin:0;
padding:0;
}


/* ----------------------------------------------------------------- */
/* dark colors */

body                    { color:        #ccc; 
                          background:   #181818; }
a                       { color:        #cb1; }
a:hover                 { color:        #fff; }
a.current               { background:   #ed1;
                          color:        #761; }
body.json div.section   { border-color: #282828; }
body.json div#portfolio { border-color: #282828;
                          background:   #000; }
body.json div.box       { background:   #000; }

/* ----------------------------------------------------------------- */
/* default styles */

body {
	font: 11px/1.4 arial, sans-serif;
}

img { border: none; }

a { text-decoration: none; }

ul a { padding: 1px; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0.5em 0;
}

h1, h2 {
	line-height: 35px;
	height: 35px;
	margin: 10px 0 0 0;
}

h1 { font-size: 3.0em; }
h2 { font-size: 2.5em; margin-bottom: 0.4em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.0em; }

p { margin: 1em 0; }

ul {
	margin: 0 0 0.5em 15px;
	padding: 0;
}

div.section {
	width: 400px;
	margin-bottom: 25px;
	padding: 0 10px;
}

div.box {
	width: 400px;
	margin-bottom: 25px;
}

div#wrapper {
	position: absolute;
	left:0px;
}
/*----------------------------------------------------------------------------MainContainer-----*/
#MainContainer{
width:670px; /*Width of main container*/
margin:0 auto 0 auto; /* Negative bottom margin (eg. -80px) is for the fixed footer Refer .clearfooter and #footer */
position:relative;
min-height: 100%;
border:0px solid #ff0;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #MainContainer{
height: 100%;
}
/* End hide from IE5/mac */

/* ----------------------------------------------------------------- */
/* if javascript is enabled */

body.json div.section {
	position: absolute;
	width: 180px;
	border-width: 1px 0 0 0;
	border-style: solid;
	top: 440px;
}

body.json div#header {
	left: 20px;
	width: 400px;
}

body.json div#articles {
	left: 220px;
	width: 200px;
}

body.json div#content { left: 450px; }

body.json div#portfolio {
	width: 418px;
	height: 400px;
	left: 20px;
	top: 20px;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	padding: 0;
}

body.json div#portfolio h2 { display: none; }

body.json div.box {
	position: absolute;
	left: 9px;
	top: 9px;
	height: 382px;
	overflow: hidden;
}

body.json p.prevnext {
	position: absolute;
	bottom: 0;
	z-index: 2;
	margin: 9px;
	text-align: right;
	width: 400px;
	line-height: 12px;
}

body.json div#controls {
	left: 450px;
	top: 20px;
	border: none;
	height: 400px;
}

body.json div#controls a {
	font-size: 1.3em;
	line-height: 1.4;
}

body.json div#controls div.clients {
	position: absolute;
	bottom: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

body.json div#controls div.clients a {
	font-size: 1em;
}

body.json div#controls div.clients h4 {
	margin: 0;
}