/********************************************
AUTHOR:  		Erwin Aligam 
WEBSITE:   		http://www.styleshout.com/
TEMPLATE NAME: 	NewHorizon
TEMPLATE CODE: 	S-0018
VERSION:          1.0	
DATE:          	October-01-2007
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */

* { padding: 0; margin: 0; outline: 0; }

body { margin: 10px 0 0 0; padding: 0; font: normal 13px/1.6em  verdana, tahoma, sans-serif; text-align: center; background: #090807 url(images/bg.jpg) repeat-x; color: #ccc; letter-spacing: 1px; }

/* links */

a { color: #fff; background-color: inherit; text-decoration: none; } a:hover { color: #99CC33; background-color: inherit; }

/* headers */

h1, h2, h3, h4 { font: normal 1em 'Trebuchet MS', Tahoma, Arial, Sans-serif; color: #eee; }

h1 { font-size: 3em; color: #84A5DA; letter-spacing: -2px;	} 
h2 { font-size: 2.5em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.5em; }

p, h1, h2, h3, h4 { margin: 0; padding: 10px 15px; }

ul, ol { margin: 10px 30px; padding: 0 15px; }

/* images */

img { background: transparent; border: 0; }

img.float-right { margin: .5em 0 1em 1em; }

img.float-left { margin: .5em 1em 1em 0; }

.imgCenter { display: block; margin: 0 auto 0 auto; }

blockquote { margin: 10px 15px; padding: 10px 0 10px 30px; background: transparent; border: 1px solid #211E20; font: normal 1.6em/1.5em Georgia, "Times New Roman", Times, serif; }

/* form elements */

form { background: transparent; border: 1px solid #211E20; }

input { margin-top: 5px; padding: .3em; border: 1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; }

input.button { font: bold 1em Arial, Tahoma, Sans-serif; margin: 0; padding: .25em .3em; color: #fff; background: #000; border: 2px solid #211E20; }

/***********************
	  LAYOUT
************************/

#maincontainer{ width: 910px; margin: 0 auto; }

#contentwrapper{ float: left; width: 100%; }

#header, #menu, #content, #footer-wrap { width: 910px; }

#header { margin: 0; padding: 0; background: transparent url(images/header-image.jpg) no-repeat right top; height: 394px; text-align: left; }

/* Navigation */

div#menu { left: 0; margin: 0 auto; padding: 0; height: 56px; width: 910px; text-align: left; }

ul#navigation, ul#navigation ul { position: relative; z-index: 50; padding: 0; margin: 0; list-style: none; }

ul#navigation li { position: relative; float: left; }

ul#navigation>li li { float: none; }

#navigation a { display: block; margin: 0; padding: 0 20px; color: #a5a5a5; font: bold 16px/54px "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; }

ul#navigation a:hover { color: #fff; }

#navigation a#current  { color: #ff8b04; }

ul#navigation li ul { background-color: #fff; border-top: 2px solid #184586; border-right: 3px solid #184586; border-bottom: 3px solid #184586; border-left: 3px solid #184586; position: absolute; left: -999em; }

ul#navigation li ul a,ul#navigation li ul a:link,ul#navigation li ul a:active,ul#navigation li ul a:visited { width: 200px; line-height: 27px; color: #ff8b04; padding-left: 10px; }

ul#navigation li ul a:hover { color: #99cc33; }

#navigation li:hover ul ul, #navigation li.sfhover ul ul { left: -999em; }

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul { top: 0; left: 0; margin-left: 100%; }

#navigation li:active ul, #navigation li:hover ul, #navigation li.sfhover ul { top: 100%; margin-left: 0; }

/* content */

#contentcolumn{ text-align: left; padding: 0; margin: 0 auto; }

/* sidebar */

#sidebar { float: right; width: 24em; margin: 10px 0 10px -21em; padding: 0; }

#sidebar h3 { font: normal 1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif; padding: .3em 0 .5em 10px; color: #99CC33; text-transform: none; letter-spacing: -1px; }

#sidebar ul.sidemenu { margin: 0 0 0 10px; padding: .1em 0 1em 0; font-family: 'Trebuchet MS', Tahoma, Sans-serif; border-top: 1px solid #211E20; }

#sidebar ul.sidemenu li { padding: 0; background: url(images/bullet.jpg) no-repeat .5em .6em; border-bottom: 1px solid #211E20; list-style:none; }

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a { display: block; font-weight: bold; color: #d3d0cc; text-decoration: none; padding: .2em 0 .2em 30px; line-height: 1.5em; font-size: 1.25em; } #sidebar ul.sidemenu li a:hover { color: #FF8B04; } #sidebar ul.sidemenu ul { margin: 0 0 0 15px; } #sidebar ul.sidemenu ul li { border: none; }

/* main */

#main { margin: 10px 26em 10px 0; padding: 0; } #main h2 { font: normal 2.9em 'Trebuchet MS', Arial, Sans-serif; color: #84A5DA; letter-spacing: -2px; padding-bottom: 0px; margin-bottom: 5px; border-bottom: 1px solid #211E20; } #main h2 a { color: #84A5DA; text-decoration: none; }

#footer-wrap { clear: both; padding: 0;	margin: 0 auto; }

/* columns */#columns { clear: both; text-align: left; color: #5B9CFF; margin: 0 auto; padding: 1.6em 0 .5em 0; width: 95%; } #columns h3 { color: #99CC33; margin: 0; padding: 0 10px; font: normal 1.4em "Trebuchet MS", Arial, Tahoma, Sans-serif; text-transform: uppercase; }

#columns ul { list-style: none; margin: 10px 0 0 0; padding: 0; border-top: 1px solid #111; } #columns li { border-bottom: 1px solid #111; } #columns li a { display: block; padding: .5em 0 .5em 1em; color: #8F8F8E; } #columns li a:hover { color: #fff; }

#columns .col3, .col3-center { float: left; width: 31%; } #columns .col3-center { margin: 0 15px; }

/* footer */#footer-bottom { clear: both; margin: 0 auto; padding: 1em 0 1.5em 0; text-align: center; font-size: .85em }

/* alignment classes */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

img { border: 0; text-align: middle; }

/* additional classes */

.clear { clear: both; }.grey { color: #8F8F8E; }

.post-by { font-size: .9em; padding-top: 0; }

.post-footer { text-align: right; background: transparent; border: 1px solid #211E20; padding: 5px 10px; margin: 20px 15px 10px 15px; }.post-footer .date,.post-footer .comments,.post-footer .readmore { padding-left: 20px; margin: 0 3px 0 3px; }

#slideshow { position: relative; width: 200px; height: 170px; }    

#slideshow span { display: block; position: absolute; top: 0px; width: 427px; height: 378px; }

#slideshow .AnimationFrame0 { background: url(header/header1.jpg) no-repeat; }
#slideshow .AnimationFrame1 { background: url(header/header2.jpg) no-repeat; }
#slideshow .AnimationFrame2 { background: url(header/header3.jpg) no-repeat; }
#slideshow .AnimationFrame3 { background: url(header/header4.jpg) no-repeat; }
#slideshow .AnimationFrame4 { background: url(header/header5.jpg) no-repeat; }
#slideshow .AnimationFrame5 { background: url(header/header6.jpg) no-repeat; }
#slideshow .AnimationFrame6 { background: url(header/header7.jpg) no-repeat; }