/* CSS FOR COSSACHOK.COM
AUTHOR SIMONE HUTCHINSON
COPYRIGHT 2010 COSSACHOK
*/

body { font: 76% normal arial, helvetica, verdana; background-color: #fff; color: #000; }

/*
---------------------------------------------------
--------------------------------------------------- TEXT FORMATTING 
---------------------------------------------------
*/
h1					{ width: 300px; float: left; margin: 10px 0; padding: 0; color: #000; }

h2					{ margin: 0; padding: 0; font: 1.2em "century gothic", arial, sans-serif; line-height: 1.25em; text-transform: uppercase;}

#left-column h2		{ margin: 10px 0; }
#right-column h2	{ font: normal 1em arial, verdana, sans-serif; }

h3					{ margin: auto; padding: 0; color: #c90; font: bold 1.1em arial, sans-serif; text-transform: uppercase; }

h4					{
	margin: 20px 0;
	padding: 0;
	color: #797068;
	text-transform: lowercase;
	border-bottom: 2px solid #797068;
	font-family: arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
h4 a				{ text-decoration: none !important; }

h5					{margin: 0; text-transform: capitalize; color: #565656;font-size: 1em;}
#left-column h5 	{ margin: 10px 0;}
p					{ padding: 0; font-size: 1em; line-height: 1.25em;  color: #565656;}
h4 + p 				{ margin-top:0;}
h5 + p 				{ margin-top: 0;}


a img {border: none;}
#left-column img { border-top: 5px solid #000; border-bottom: 5px solid #000; }
#left-column h1 img {border:none;}

.caution { color: red;}
.floatleft { float: left; padding-right: 5px; }
.floatright { float: right; padding-left: 3px; }
img.floatleft { margin: 5px 5px 5px 0; }
.menus {text-align: center;}
.pdf { background: transparent url("../images/icon-pdf.gif") center right no-repeat; padding-right: 20px; padding-bottom: 2px; padding-top: 3px; }
.pdfg { background: transparent url("../images/icon-pdfg.gif") center right no-repeat; padding-right: 20px; padding-bottom: 2px; padding-top: 3px; }

hr { margin: 0 0 2em 0; color: transparent; border: none; background: transparent url("../images/white-shade.jpg") top center no-repeat; margin: 20px 0; padding: 50px 0 0 0; }

/*
---------------------------------------------------
--------------------------------------------------- HYPERLINKS 
---------------------------------------------------
*/
a:link, a:visited 				{ color: #333; text-decoration: underline; } 
a:hover, a:active, a:focus 		{ color: #cc0033; text-decoration: none; }

/*
---------------------------------------------------
--------------------------------------------------- MENUS 
---------------------------------------------------
*/

#menu-primary 					{ width: 730px; list-style-type: none; margin: 0; padding: 0 0 20px 0; border-bottom: solid 5px black; text-align: center;}
#menu-primary li 				{ display: inline; margin: 0 25px 0 0; }
#menu-primary li a 				{ font: normal 0.9em Arial, sans-serif; text-transform: uppercase; }

#menu-primary li a:link, 
#menu-primary li a:visited 		{ text-decoration: none; color: #000; } 

#menu-primary li a:hover,
#menu-primary li a:active,
#menu-primary li a:focus,
#menu-primary li a.on 		{ text-decoration: none; color: #c03 !important; padding: 10px 0 0 0; }

/*
---------------------------------------------------
--------------------------------------------------- LAYOUT DIVS 
---------------------------------------------------
*/
#wrapper 			{ width: 730px; margin: 2% auto; border: solid 1px #fff; overflow: hidden;}
#main 				{ width: 730px; margin: 0 0 20px 0; overflow: hidden;}
#left-column 		{ width: 320px; float: left; margin: 0 20px 0 0; }
#right-column 		{ width: 380px; float: right; margin: 10px 0 0 10px;}
#footer 			{ clear: left; width: 710px; padding: 10px; border-top: solid 5px black; background-color: #ededed; color: #797068 ; overflow: hidden;}

/*
---------------------------------------------------
--------------------------------------------------- LISTS 
---------------------------------------------------
*/
dl {margin: 0 0 2em 0;}
dt {margin: 2em 0 0 0; font-weight: bold; color: #131313;}
dd {margin: 0; line-height: 1.25em;}

dd dl { font-size: 1em; margin: 1em 4em 0 4em;}
dd dl dt { font-weight: normal; font-style: italic; margin: 0.5em 0 0 0;}
dd dl dd {margin: 0;}

dd ul li {padding-left: 0 !important; background: none !important; font-size: 0.9em !important;}

li span					 			{ color: #c03 !important; }

#left-column ul 					{ width: 200px;}

#main ul							{ margin: 1em 0 1em 2em; padding: 0;}
#main ul li 						{ list-style-position: outside; margin: auto; padding: auto; font: 0.8em verdana, sans-serif; }

#main ul li a 						{ text-decoration: underline; text-transform: uppercase;}
#main ul li a:hover, 
#main ul li a:active 				{ color: #c03; text-decoration: none;}

#main #contact-address li 			{ list-style: none;}
#main .press ul li 					{ font-size: 0.9em; margin: 10px 0;}

#main .menus ul						{ border-bottom: 5px solid #797068;  position: relative; list-style-type: none !important; margin: 0 0 20px 0 !important; padding: 0 5px 10px 5px; text-align: center;}
#main .menus ul li					{ list-style-type: none; margin: 0; padding: 0 10px 0 0; display: inline; text-align: center !important; font-size: 0.9em; text-transform: capitalize;}
#main .menus ul li a				{ text-decoration: none; color: #797068; }
#main .menus ul li a:hover			{ color: #c03; }
#main .menus ul li a.on 			{ color: #c03; }

#main .menus ul.options				{ border: 0; }
#main .menus ul.options	li			{ display: block;}

ul#contact-signature				{ width: 200px; float: left; list-style-type: none; margin: 10px 0 0 0; padding: 0 0 10px 0; text-align: left;}
ul#contact-signature li 			{ font: 0.8em verdana, sans-serif; }
ul#contact-signature .copyright 	{color: #c0c0c0;}

ul#partners 							{ float: right; width: 150px; list-style: none; margin: 0; padding: 0; }
ul#partners li 							{ list-style: none; margin: 0 0 20px 0; padding: 0; text-align: center; font-size: 0.8em; text-transform: uppercase; }
ul#partners li a						{ text-decoration: none; color: #2965aa !important; }
ul#partners li a:hover					{ color: #c03 !important; }
ul#partners li img						{ display: block; margin: 5px auto;}



/*
---------------------------------------------------
--------------------------------------------------- MP3 PLAYER
---------------------------------------------------
*/
object#cossachoksplash { display: block; margin: 10% auto 0 auto; width: 550px; height: 250px;}
object#slideshow { display: block; width: 730px; height: 200px; }
object#slideshow-left { display: block; width: 320px; height: 253px; }
object#slideshow-right { display: block; width: 380px; float: right; margin: 0 0 10px 0; border: 5px solid black; border-left-width: 0px; border-right-width: 0px; }
object#mp3player { width: 150px; height: 66px; display: block;}
exhibition {

	margin: 20px 0;
	padding: 0;
	color: #00FF00;
	text-transform: lowercase;
	border-bottom: 2px solid #797068;
	font-family: arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}