/* 
Author:magic and sound estudio
Website: http://www.magicandsound.com
Created:
Last Amended:*/
/*global values + layout divs======================================*//* Remove padding and margin */
* {margin:0px;padding:0px;}

body { background:#000 url(../imgs/bg_back.gif) repeat-x; color:#666; text-align:center;font: normal 75% "Trebuchet MS", Tahoma, Arial;margin:0px;padding:0px;}
#outer{	width:85%; margin: 3px auto 0 auto; text-align:left;border-left:1px solid #171717;border-right:1px solid #171717;padding:0px;}
#container{	width:830px; margin: 0 auto; text-align:left;padding:0px;}
/* Remove border around linked images */
img {border: 0;}
/* Class for clearing floats*/
.clear {clear:both;}
/*link colours orange #F45912======================================*/
a, a:link {color: #999;text-decoration:none;font-weight: 700; }
a:visited {color: #999;}
a:hover {color:  #666;text-decoration:underline; }
a:visited:hover{color:  #666;}
#content li {font-size:130%; padding-left:5px; margin-left:15px;line-height:25px;}
/*main======================================*/

.lang {	float: right;background:url(../imgs/head.gif) no-repeat top right; text-align: right;width: 566px;margin:2px 5px 0px 0px;color:#F45912; line-height:13px;font-size:90%;height:90px;padding:0px 10px 0px 0px;font-weight:normal;}
.lang a, .h1area a:link {	color: #FFF; font-weight:bold; }
.lang a:visited {color: #FFF;}
.lang a:hover {color: #F45912;text-decoration:none;}
.lang a:visited:hover{color: #F45912;}
.langin {float:right; width: 200px; height:50px;margin:10px;}

.logo {margin:15px 0px 8px 20px;padding:0px;}
#content {margin:20px auto 0px auto; padding:5px 20px 0px 20px;background-color:#000;width:760px;border-left:1px solid #0F0F0F;border-right:1px solid #0F0F0F;}

#conten {background-color: #000;padding: 0px;margin-left: 310px;margin-right: 0px; }

div#conten { min-height:400px;height:400px; }
#footer {border-top:3px solid #171717;border-bottom:1px dotted #171717;width:100%;margin:0 auto;line-height:19px;height:30px;background-color:#0F0F0F; text-align: center; clear: both;font-size: 95%; font-weight: bold;color: #666;margin: 0px;padding:5px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase;}
#footer a, #footer a:link {color:#666;font-weight: bold;}
#footer a:visited {color:#666;}
#footer a:hover {color: #333;}
#footer a:visited:hover{color: #333;}
#foot {font-size: 100%; font-weight: 700;	color: #333; margin: 0px; padding:4px 0px 3px 0px; background-color:#171717; text-transform:uppercase;}
/*menu-nav======================================*/
ul#menu { float: right; padding: 72px 0 0; margin: 0 0 10px; }
ul#menu li { font-size: 1.2em; display: inline;text-transform:uppercase; }
ul#menu li a { padding: 10px 15px 0px 0; margin: 0 0 0 10px; color:#999; background:  url(../imgs/tab.gif) no-repeat right bottom; font-weight:bold;text-decoration:none; }
ul#menu li a:hover { background: url(../imgs/tabhover.gif) no-repeat right bottom; color: #F78A59; }

/*typography======================================*/

p {font-size: 120%;	font-weight:normal;	color: #666; margin: 0px; padding:5px 0px 5px 5px;line-height:21px;}
h1 {font-size: 130%; font-weight: bold; color: #666; margin: 0px; padding:10px 2px 4px 0px;text-transform:uppercase;}
h2 {font-size: 110%; font-weight: bold; color: #333; margin: 5px 0px 0 0; padding:0px 0px 2px 0px;text-transform:uppercase; border-top:1px dotted #171717;border-bottom:1px dotted #F45912; width:90%;}
h3 {Font-size: 120%; font-weight: bold; color: #333; margin: 5px 0px 0 0; padding:0px 0px 2px 0px;text-transform:uppercase; border-top:1px dotted #171717; width:100%;}
h4 {margin-top:10px; border-top:1px dotted #171717;font-size:120%;padding-top:2px;}
h5 {font-size: 100%; font-weight: 700;	color: #666; margin: 0px 2px; padding:2px 2px 3px 2px;text-align:center; background:url(../imgs/bg_date.gif) top left no-repeat; width:284px;}
h6 {}
.or {color:#FFF; font-weight:700;}
/*Padding cancelled in Global - Back on certain elements here */
pre, blockquote, fieldset, table, ul { margin: 0.8em 0;}

/*others======================================*/

.right {float:right; margin:0px 5px 5px 5px;}
.left {padding:4px 0px 0px 5px;}
.rightbottom {margin-left:220px;margin-top:-20px;}
.right_b {padding-right:4px;}
.left-n {float:left; margin:10px 10px 2px 0px;}
.rightcolor {float:right;margin-right:20px;margin-top:-20px; font-size:80%; color:#617c17;}




#content_pics {	float:left;	margin:20px 0 10px 0; width: 295px;  position: relative; z-index: 1;}
.gallerycontainer{position: relative; margin:5px 0 0 0;/*Add a height attribute and set to largest image's height to prevent overlaying*/}

.thumbnail img{margin: 0px 1px 0px 0;}
.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute; left: -1000px; visibility: hidden; text-decoration: none;}
/*CSS for enlarged image*/
.thumbnail span img{ border-width: 0;}
.thumbnail:hover span{visibility: visible; top: -268px; left: 0; /*position where enlarged image should offset horizontally */z-index: 50;}
#main_pic {	width: 295px; }

hr {border: none 0; border-top: 1px solid #404040; padding:0px; height: 1px; margin: 0px 0px 0px 0px; text-align: left;}


.repro {background-color:#000;margin-top:5px;height:300px;}


/*forms*/

.submit{height:22px;padding:0;width:70px;float:right;background:#000; margin:2px 20px;font-family:Arial, Helvetica, sans-serif;font-weight:700;color:#FFF;}
table{font-size:130%; margin-left:10px; color:#666666;font-family:Arial, Helvetica, sans-serif;font-weight:400;color:#333;}
ul table {list-style-type:square; list-style-position:outside;margin-left:10px;line-height:15px;}
input,textarea {background:#000; border:1px solid #171717; color:#666; font-size:12px; width:200px;
   padding:2px 0px;  margin:1px 0; font-family:Arial, Helvetica, sans-serif;} 

select{ font-family:Arial, Helvetica, sans-serif;  color:#000000;  font-size:10px;}
form {font-family:Arial, Helvetica, sans-serif;}