/* 

culture shock: voodoo dolly v1.0

pogy366: http://www.raykdesign.net

Oct. 2005 

*/



/* general page structure and layout */

body {

font-family:Arial, Helvetica, sans-serif;

font-size:.8em; 

color:#000000; 

margin:20px 0 0 0;

padding:0 0 0 0;

background:#ffffff;

text-align:center;

}



.top {

display:none;

}



.page_wrap {

/* includes the header, main body content and the footer */

margin:0 auto;

padding:0 0 0 0;

width:780px;

background:#ffffff;

text-align:center;

}



.header {

position:relative;

margin:0 0 0 0 !important;

margin:-7px 0 0 0;

padding:0 0 0 ;

width:780px !important;

width:742px;

height:125px;

background:#ffffff;

text-align:left;

}



.header_block {

position:relative;

margin:0 20px 0 20px;

padding:0 0 0 0;

width:740px;

background:transparent;

text-align:left;

color:#000000;

}



.logo {

display:none;

}



.navbar {

position:relative;

margin:0 0 0 0;

padding:0 0 0 0;

width:780px !important;

width:742px;

height:39px;

background:#ffffff;

text-align:left;

color:#000000;

font-size:.9em;

}



.container {

position:relative;

margin:10px 0 0 10px;

padding:0 0 0 0;

width:760px !important;

width:742px;

background:transparent;

text-align:left;

}



.left_column {

position:absolute;

left:0;

width:140px;

margin:0 0 0 0;

padding:0 4px 0 0;

background:transparent;

font-size:.9em;

color:#000000;

}



.center_column {

position:relative;

width:595px;

margin:0 0 0 151px;

padding:0 0 0 10px;

border-left:1px solid #999999;

}



.box_right {

position:relative;

float:right;

width:150px;

margin:0 0 3px 10px !important;

margin:0 5px 3px 10px;

padding:2px 5px 2px 10px;

background:#ffffff;

border:1px solid #000000;

text-align:left;

color:#000000;

font-size:.9em;

}



.footer {

position:relative;

margin:0 0 0 0;

padding:10px 0 0 0;

width:780px;

font-family:Arial, Helvetica, sans-serif;

font-size:.8em;

color:#000000;

background:transparent;

text-align:center;

}



.footer_logo {

display:none;

}



#footer {

/* aligns the text to the middle of the footer, in relation to the logo */

vertical-align:-250%;

}



.bottom {

display:none;

}



/* navigation bar */

#nav ul{

padding:0 0 0 0;

margin: 0 0 0 0;

white-space: nowrap;

font-size:1.1em;

color:#ffffff;

float:left;

width:100%;

height:39px;

background:#ffffff;

border:1px solid #999999;

list-style:none;

}



#nav ul li{

display:inline;

list-style:none;

}



#nav ul li a{

margin: 0 0 0 0;

padding: 1em 1em .4em 1em;

color:#999999;

text-decoration:underline;

float: left;

background:transparent;

}



#nav ul li a:hover{

color:#000000;

text-decoration:underline;

}



/* fonts and colors */

h1 {

color:#000000;

font-size:2em;

letter-spacing:.1em;

text-transform:capitalize;

margin:0 0 0 0;

padding:20px 0 0 0;

}



h2 {

color:#000000;

font-size:1.2em;

text-transform:capitalize;

font-weight:bold;

padding:0 0 0 0;

margin:0 0 -6px 0;

}



h2:after {

display:none;

}



h3 {

color:#000000;

font-size:1.1em;

text-transform:capitalize;

font-weight:bold;

padding:0 0 0 0;

margin:0 0 -8px 0;

}



h3:after {

display:none;

}



.box_right h3 {

color:#000000;

font-size:1.1em;

text-transform:capitalize;

font-weight:bold;

padding:0 0 0 0;

margin:0 0 -8px 0;

}



.box_right h3:after {

display:none;

}



a {

color:#999999;

text-decoration:underline;

}



a:hover {

color:#999999;

text-decoration:none;

}



.left_column a {

color:#999999;

text-decoration:underline;

}



.left_column a:hover {

color:#999999;

text-decoration:none;

}



/* images */

img {

border:none;

}



.left {

float:left;

margin:0 0 0 0;

padding:0 0 0 0;

}



.right {

float:right;

margin:0 0 0 0;

padding:0 0 0 0;

}





/* workarounds and hacks */

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.clearfix {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */