/**********************************************************************************************

	Title: Ellipse Design
	Author: Ellipse
	Web: ellipse.balmar.com
	Date: April 2010 

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Contact and Navigation Bar (Top Right)
	
	4. Body
		4.1 About
		
	5. Slideshow	
		5.1 Logos
		5.2 Brochures
		5.3 Exhibits
		5.4 Annual Reports
		5.5 Websites
		5.6 Packaging
				
***********************************************************************************************/



/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {
list-style: none;
}
	
table {	
border-collapse: separate; 
border-spacing: 0;
}


caption, th, td {
text-align: left; 
font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

/* 2. General Elements and Wrapper
-----------------------------------------------------------------------------------------------
===============================================================================================*/

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 95%;
line-height: 1.5;
text-align: center;
background:url(../images/e-bkg.png) no-repeat;
background-color:#000000;
}

hr { 
display: none;
}
		
strong {
font-weight: bold;
color:#5da041;
}
		
em {
font-style: italic;
}
	
a {	
text-decoration: none;
outline: none;
}

a img{
border:none;
}

a:hover {
color:#5da041;
}

a:visited {}

a:active {}


/* 3. Contact and Navigation Bar (Top Right)
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#infoRight{
width:220px;
position:fixed;
background-color:#262626;
border-left:4px #333333 solid;
top:0;
right:0px;
z-index:500;
}

	#infoRight #navbar {
	text-align:left;
	padding:50px 15px 10px 30px;
	height:360px;
	}
	
		#infoRight #navbar ul{
		float:left;
		margin-top:20px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:capitalize;
		letter-spacing:.25em;
		size:115%;
		color:#A6A8AB;
		}
		
		#infoRight #navbar li{
		margin-bottom:20px;
		}
		
		#infoRight #navbar a{
		color:#A6A8AB;
		cursor:pointer;
		}
		
		#infoRight #navbar a:hover{
		border-bottom:solid #5da041 4px;
		}
		
	#infoRight .contactInfo{
	padding:20px 15px 20px 25px;
	text-align:left;
	height:2000px;
	}
	
		#infoRight .contactInfo p{
		margin-top:10px;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:85%;
		line-height:1.5em;
		}
		
		#infoRight .contactInfo a{
		color:#FFFFFF;
		}
		
		#infoRight .contactInfo a:hover{
		text-decoration:underline;
		}
		
#balmar {
margin:30px 0px 0px 60px;
display: block;
width: 33px;
height: 36px;
background: url("../images/balmar.png") no-repeat 0 0;
}

#balmar:hover { 
background-position: 0 -36px;
}

#balmar span {
display: none;
}

		
/* 4. Body
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#wrapper {
width:auto;
padding:0px 20px 0px 0px;
margin:0px 300px 0px 50px;
z-index:0;
}

#wrapper img{
}

#wrapper h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:130%;
text-transform:capitalize;
letter-spacing:.55em;
color:#A6A8AB;
border-bottom:dotted 1px #5da041;
margin:20px 0px 15px 0px;
}

#wrapper h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:bold;
letter-spacing:.15em;
color:#5da041;
margin:20px 0px 0px 0px;
}

#wrapper h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
letter-spacing:.15em;
color:#5da041;
}

#wrapper p {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#CCCCCC;
margin:0px 0px 10px 0px;
line-height:1.55em;
letter-spacing:.05em;
}

#wrapper ul {
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#cccccc;
margin-bottom:20px;
}

#wrapper li {
list-style:disc outside;
margin-left:30px;
}

.about, .logos, .exhibits, .annualreports, .website, .collateral, .brochures, .packaging{
max-width:720px;
min-width:400px;
margin-bottom:500px;
text-align:left;
}




/* 5. Slideshow
-----------------------------------------------------------------------------------------------
===============================================================================================*/


.logoControl, .brochureControl, .exhibitsControl, .annualControl, .webControl, .collateralControl, .packagingControl  {
display:block;
width:40px;
height:550px;
text-indent:-10000px;
position:absolute;
cursor: pointer;
}

#logoLeftControl, #brochureLeftControl, #exhibitsLeftControl, #annualLeftControl, #webLeftControl, #collateralLeftControl, #packagingLeftControl {
top:0;
left:0;
background:transparent url(../images/previous.jpg) no-repeat 0 0;
}

#logoRightControl, #brochureRightControl, #exhibitsRightControl, #annualRightControl, #webRightControl, #collateralRightControl, #packagingRightControl {
top:0;
right:0;
background:transparent url(../images/next.jpg) no-repeat 0 0;
}

#logoSlideshow, #brochureSlideshow, #exhibitsSlideshow, #annualSlideshow, #webSlideshow, #collateralSlideshow, #packagingSlideshow {
margin:0;
width:720px;
height:550px;
position:relative;
}

#logoSlideshow #logoSlidesContainer, #brochureSlideshow #brochureSlidesContainer, #exhibitsSlideshow #exhibitsSlidesContainer, #annualSlideshow #annualSlidesContainer, #webSlideshow #webSlidesContainer, 
#collateralSlideshow #collateralSlidesContainer, #packagingSlideshow #packagingSlidesContainer {
border:8px #1A1A1A solid;
margin:0 auto;
width:620px;
height:550px;
overflow:auto;
position:relative;
}

#logoSlideshow #logoSlidesContainer .logoSlide, #brochureSlideshow #brochureSlidesContainer .brochureSlide, #exhibitsSlideshow #exhibitsSlidesContainer .exhibitsSlide, #annualSlideshow #annualSlidesContainer .annualSlide,
#webSlideshow #webSlidesContainer .webSlide, #collateralSlideshow #collateralSlidesContainer .collateralSlide, #packagingSlideshow #packagingSlidesContainer .packagingSlide {
margin:0;
height:550px;
}

#logoSlideshow #logoSlidesContainer .logoSlide .slidetext, #brochureSlideshow #brochureSlidesContainer .brochureSlide .slidetext, #exhibitsSlideshow #exhibitsSlidesContainer .exhibitsSlide .slidetext, 
#annualSlideshow #annualSlidesContainer .annualSlide .slidetext, #webSlideshow #webSlidesContainer .webSlide .slidetext, #collateralSlideshow #collateralSlidesContainer .collateralSlide .slidetext, 
#packagingSlideshow #packagingSlidesContainer .packagingSlide .slidetext {
width:720px;
height:150px;
padding:10px 0 0 10px;
background-color:#333333;
}

#logoSlideshow #logoSlidesContainer .logoSlide .slidetext p, #brochureSlideshow #brochureSlidesContainer .brochureSlide .slidetext p, #exhibitsSlideshow #exhibitsSlidesContainer .exhibitsSlide .slidetext p, 
#annualSlideshow #annualSlidesContainer .annualSlide .slidetext p, #webSlideshow #webSlidesContainer .webSlide .slidetext p, #collateralSlideshow #collateralSlidesContainer .collateralSlide .slidetext p, 
#packagingSlideshow #packagingSlidesContainer .packagingSlide .slidetext p {
font-family:Arial, Helvetica, sans-serif;
margin-right:160px;
font-size:82%;
line-height:1.25em;
}

.slidetext a{
color:#CCCCCC;
text-decoration:underline;
}

.slidetext a:hover {
color:#5da041;
text-decoration:underline;
}