/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	AUTHOR:			Jo Lis
	VERSION:		02.11.2009 

-----------------------------------------------------------------
-------------------------------------------------------------- */

html { padding:0px; margin:0px; overflow-y: scroll; }
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:white; padding:0px; margin:0px; background: #230808 url(../images/framework_background.png) no-repeat; }
a { color:#fff; }

#toporangestrip { background-color:#f63700; height:7px; }
#toporangestrip a { position:absolute; right:0px; top:0px; font-size:11px; background-color:#f63700; display:block; padding:0px 12px; height:25px; text-align:center; line-height:25px; text-transform:uppercase; }
#toporangestrip a:hover { background-color:#1e655a; color:#d5fc1e; }

#logo { background-image:url(../images/framework_logo.png); background-repeat:no-repeat; width:730px; height:400px; position:absolute; z-index:10; left:50%; margin-left:-794px; }
#wrapper { margin: 0px auto; padding:0px; position:absolute; z-index:100; left:50%; margin-left:-271px; }
#content { float:right; width:754px; min-height:500px; margin-top:80px; z-index:9999; position:relative; }

.floatleft { float:left; }
.floatright { float:right; }

#nav { width:100%; border-bottom:3px solid #f63700; height:29px; margin-bottom:54px; }
#nav ul { text-transform:uppercase; font-size:14px; padding:0px; }
#nav ul li { display: inline; list-style-type: none; }
#nav ul li a { color:orange; display: block; padding-bottom:15px; }
#nav ul li a.current { color:white; }
#nav ul li a:hover { color:white; text-decoration:none; }
#nav ul li.nav1 { width:106px; text-align:left; float:left; }
#nav ul li.nav2 { width:173px; text-align:center; float:left; }
#nav ul li.nav3 { width:181px; text-align:center; float:left; }
#nav ul li.nav4 { width:167px; text-align:center; float:left; }
#nav ul li.nav4 a:hover { text-decoration:line-through; }
#nav ul li.nav5 { width:127px; text-align:right; float:left; }

#footer { font-size:10px; margin-top:30px; color:#592623; margin-bottom:100px; }
#footer validation.a:hover { text-decoration:underline; }

#validation { float:left; margin-right:30px; }
#copyright { float:left; }

.column1 { width:280px; max-width:282px; float:left; }
.column2 { width:280px; max-width:282px; float:left; }
.column3 { width:190px; max-width:190px; float:right; }

.clear { clear:both; }
br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0; }

#floatwrapper { position:absolute; float:left; z-index:3000; left:50%; top:284px; margin-left:-500px; width:190px; max-width:190px; }
#floatwrapper h1 { text-transform:uppercase; font-size:14px; color:#a04336; margin-bottom:18px; }
#floatwrapper .coreservices {  margin-bottom:10px; }
#floatwrapper .coreservices ul { padding:0px; }
#floatwrapper .coreservices ul li { font-size:12px; color:#d2cebd; list-style:none; padding-bottom:20px; line-height:12px; }
#floatwrapper .coreservices ul li img.floatleft { float:left; padding-right:10px; }
#floatwrapper .socialnetworks { margin-right:20px;/*to wrap icons evenly*/ margin-bottom:30px; }
#floatwrapper .socialnetworks .socialicon { padding:0 8px 8px 0; float:left; }


#play_flash { float:right; z-index:867; position:absolute; top:476px; right:10px; }
#flash_game { display:none; background-color:white; border:10px solid #f63700; min-height:500px; min-width:500px; background:url('../images/flash_alert.png') no-repeat 50% 50%; }
#flash_warning { text-align:center; width:300px; position:absolute; left:50%; margin-left:-150px; top:50px; }
#flash_warning p { margin-top:15px; }
.lightbox_close { position:absolute; top:-20px; right:-20px; }


#facebooklikebutton { position:absolute; right:0px; margin-top:25px; }