/*   
Theme Name: Something Different
Theme URI: 
Description: 
Author: Cindy de Bruyn
Author URI: http://www.themetailor.com
Version: 1.0
Tags: Comma-separated tags that describe your theme.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
#imageLoaderSplashArea  {
margin:0 auto;
position:relative;
text-align:center;
top:180px;
width:400px;
}

.trigger,.trigger2 {
 z-index: 112;
 position: relative;
 bottom: 0px;
 width:650px;
 height: 130px;
margin-top: 2px;
background:#f1f1f1;
}

p.trig {
background: url(images/but.png) no-repeat;
padding-left: 35px;
}

.hiding,.hiding2 {
	position: relative;
	background: #F1f1f1;
	bottom: 130px;
	left: -3px;
	z-index: 5;
	float: left;
	width: 650px;
	height: 130px;
	font-size: 13px;
	filter:alpha(opacity=90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
}


.hiding ul {
 	margin:0; 
 	padding:0; 
 	list-style-type:none; 
	list-style-position:outside; 
 	position:relative; 
 	line-height:1.5em; 
}
 
.hiding ul#menu li {
 	padding:1px 0px;
 	line-height:1.2em;
 	text-transform: uppercase;
}

.hiding ul#menu_featured li {
 	padding:2px 0;
 	line-height:1.2em;
} 

.hiding ul#menu_featured{
} 

.hiding a {
 display:block; 
 text-decoration:none; 
 color: #E3E3E3;
}
 
.hiding a:hover {
 text-decoration:none; 
 color: #ffffff;
}

#loader {
 	width: 100%;
 	height: 100%;
	background: url(images/loader.gif) no-repeat;
 	position: absolute;
 	text-align: center;
}
body {
background:#F1F1F1 url(images/left.jpg) no-repeat scroll -12px 66px;
text-align:left;
color:#000000;
font-size:12px;
font-family:Verdana, Tahoma, sans-serif;
margin:0 auto;
padding:0 0 20px 60px;
}

#wrapper {
position: fixed;
width: 5px;
left: 0;
background: #FF0000;
height: 100%;
padding-right: 20px;
z-index: 800;
}
a {
color: #CCCCCC;
padding: 0;
text-decoration: none;
font-family: verdana, Tahoma, sans-serif;
font-size: 13px;
font-weight:bold;
}

a:visited {
color: #CCCCCC;
padding: 0;
text-decoration: none;
font-family: verdana, tahoma, sans-serif;
font-size: 13px;
}

a:hover {
color: #CCCCCC;
padding: 0;
text-decoration: none;
font-family: verdana, tahoma, sans-serif;
font-size: 13px;
}


h1 {
width: 600px;
border: none;
padding: 35px 0 0 0;
}

h2 {
font-size: 24px;
font-family: verdana, helvetica, arial, sans-serif;
color:#444444;
font-weight: 400;
padding: 0 0 10px;
}

h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

p {
color:#000000;
font-size: 12px;
line-height: 18px;
font-family: 'Trebuchet MS', verdana, helvetica, sans-serif;
padding: 5px;
margin: 5px 0;
}

img {
border:0;
margin:0 -3px -2px;
margin-top:0px;
}

#header {
width: 1020px;
float: left;
margin: 0;
position: relative;
padding: 0;
}

#menu {
background: #FFFFFF;
position: fixed;
top: 0px;
left: 0;
clear: both;
float: left;
font-family: verdana, sans-serif;
font-size: 11px;
margin: 0;
padding: 38px 20px 10px;
z-index: 500;
color: #000000;
width: 100%
}

#menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#menu ul li{
list-style-type: none;
color: #000000;
display: inline;
margin: 0;
padding: 0 10px 0 10px;
}

#menu ul li a{
text-decoration: none;
list-style-type: none;
color: #000000;
display: inline;
margin: 0;
padding: 0;
}

#menu ul li a:hover{
text-decoration: none;
list-style-type: none;
color: #CCCCCC;
display: inline;
margin: 0;
padding: 0;
}

#menu ul li a:active {
	text-decoration: underline;
	color: #ff0000;
}

#container {
position: absolute;
width: 17593px;
margin: 0;
padding: 0;
margin-top: 65px;
background: #F1f1f1 url(images/left.jpg) no-repeat left;
z-index: 1;
}

.box {
background: #FFFFFF;
float: left;
height: 468px;
position: relative;
}

#box1 {
	width: 1020px;
}

#box1a {
	width: 963px;
}

#box1b {
	width: 834px;
}

#box1c {
	width: 1072px;
}

#box1d {
	width: 794px;
}

#box1e {
	width: 984px;
}

#box1f {
	width: 706px;
}

#box2 {
	width: 980px;
}

#box3 {
	width: 800px;
}

#box3a {
	width: 756px;
}

#box4 {
	width: 840px;
}

#box5 {
	width: 945px;
}

#box6 {
	width: 940px;
}

#box6a	{
	width: 1032px;
}

#box7 {
	width: 1020px;
}

#box8 {
	width: 926px;
	background: url(images/44.jpg) no-repeat;
	margin-left: -3px;
	
}

#box9 {
background:#FFFFFF none repeat scroll 0 0;
height:450px;
margin-left:-3px;
margin-top:10px;
padding:10px;
width:930px;
}

.box8 {
	padding:100px 250px;
	width:300px;
}

.box8 p {
	color:#000000;
	font-family:Arial;
	font-size:16px;
	line-height:22px;
	font-weight:bold;
}

#box10 {
	width: 1020px;
	background: url(images/img45.jpg) no-repeat;
	margin-left: -3px;
	float: left;
	height: 468px;
}


#box10 ul {
	list-style: none;
}

#box10 ul li  {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}


#sidebar {
height:468px;
overflow:hidden;
position:relative;
}	

#menus {
width:100%;
list-style:none;
padding:0;
margin:0;
top:0;
position:relative;
height:100%;
width:300px;
float: right;
margin-right: 50px;
}

#menus li {
padding:5px 0;
text-align:right;
display:block;
cursor:hand;
cursor: default;
}

#menus li a {
color:#ddd;
font-size:9px;
font-weight:900;
display:inline;
padding:5px 8px 5px 5px;
text-decoration:none;
}

#menus li span {
font-size:9px;
color:#464646;
}