@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }

/* TYPOGRAPHY */
html { font-size:100%;}
body {
	background: #161917 url(../images/bk-tartanbig.jpg) repeat fixed 0px 0px; /* x-pos y-pos */
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	text-align: center; /* for IE */
	margin: 0; padding: 0;
	min-width: 800px;  /* for Mozilla - to prevent div disappearing when browser small */
}

h1,h2,h3,h4,h5,h6 {font-weight:400; }
h1 {font-size:2.5em; line-height:1; margin: 20px 0 18px 0; color:#333;}
.logo h1 {margin:0; padding:0;}
h2 {font-size:1.8em; margin: 15px 0 10px 0; color:#333;}
h2.slide {padding:0; margin:0;}
h3 {font-size:1.5em; line-height:1; margin: 15px 0 10px 0; color:#333;}
h4 {font-size:1.2em; line-height:1.25; margin: 15px 0 10px 0; color:#333;}
h5 {font-size:1em; font-weight:bold; margin: 15px 0 10px 0; }
h6 {font-size:1em; font-weight:bold; margin: 10px 0 8px 0; }

p {margin:0 0 1.4em; line-height:1.3em;}

/* *** link styles *** */

a:focus, a:hover  {color:#00f; text-decoration:underline;}
a  {color:#00f; text-decoration:none;}
a:focus {outline:none!important;}


a.designer:link, a.designer:visited{
	color: #3f3;	text-decoration: none;
}
a.designer:hover {
	color: #3f3;	text-decoration: underline;
}
a.copyright, a.copyright:link, a.copyright:visited{
	color: #39f;	text-decoration: none;
}
a.copyright:hover {
	color: #39f;	text-decoration: underline;
}

.tdclan a, .tdclanhighlight a:visited {
color: #00c;
text-decoration:none;
}
.tdclan a:hover {
color: #000;
text-decoration:underline;
}
.tdclanhighlight a:hover {
color: #000;
text-decoration:none;
}


/* *** text styles *** */


.bottomtext {
text-align: center;
color: #000;
background: #f1e8d3 url(../images/bk-parchmentmid.jpg) repeat fixed top left;
padding: 10px;
}


/* *** table *** */

.tableclan {
text-align: center;
margin: 0 auto; padding: 12px;
}
.tdclan {
text-align: center;
font-size: 12px;
padding: 5px 15px;
}
.tdclanhighlight {
text-align: center;
font-size: 12px;
padding: 5px 15px;
background: #f1e8d3 url(../images/bk-parchmentmid.jpg) repeat fixed top left;
color: #000;
}

/* *** Header *** */

#header {
	background-image:url(../images/banner-clansmen3.jpg); 
	color:#ffffff;
	margin: 0 auto;   /* align for good browsers */
	/* padding-top: 20px; */
	/* padding-bottom: 40px; */
	text-align: left; /* counter the body center */
	width:800px; height: 265px;
}


/* *** Menu *** */

#menu {
	display: block;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width:798px;
	clear: both;
}
#nav ul{
	display: block;
	margin: 0px; padding: 0px;
}
#nav ul li{
	float: left;
	list-style-type: none;
	text-align: center;
}
#nav ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #44536d;
	width: 133px;
	padding: 10px 0px;
}
#nav ul li a:hover{
	background: #f1e8d3 url(../images/bk-parchmentmid.jpg) repeat fixed top left;
	text-decoration: none;
	color: #000;
}
#nav li .hilite {	
	background: #f1e8d3 url(../images/bk-parchmentlight.jpg) repeat fixed top left;
	text-decoration: none;
	color: #000;
}
#nav li a:active {
	background: #f1e8d3 url(../images/bk-parchmentmid.jpg) repeat fixed top left;
	text-decoration: none;
	color: #000;
}

/* *** Middle *** */

#wrapper {
	color:#ffffff;
	margin: 0 auto;   /* align for good browsers */
	padding: 0px; 
	text-align: left; /* counter the body center */
	width:798px;
	clear: both;
}

#wrappermiddle {
	background: #f1e8d3 url(../images/bk-parchmentlight.jpg) repeat fixed top left;
	color:#333;
	/* filter: alpha(opacity=85);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	-moz-opacity: 0.85; opacity:0.85;*/
	margin: 0px;
	padding: 5px 20px 20px 20px;
}

#wrappervideo {
	background: #000;
	color:#333;
	/* filter: alpha(opacity=85);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	-moz-opacity: 0.85; opacity:0.85;*/
	margin: 0px;
	padding: 30px 20px 20px 20px;
}





/* *** Footer *** */

.bottompanel {
margin: 0 auto;   /* align for good browsers */
text-align: center; /* counter the body center */
background: #f1e8d3 url(../images/bk-parchmentmid.jpg) repeat fixed top left;
padding: 10px;
}
.bottomicons {
display: block;
margin: 0 auto;   /* align for good browsers */
text-align: center;
width: 750px;
height: 58px;
padding: 0;
}

.socialicon {
color: #ccc;
width: 150px;
margin: 20px 0px 0 30px;
padding:0;
float: left;
}


#footer {
	color:#fff;
	clear: both;
	font-size: 11px;
	margin: 0px auto 0px auto;
	width:800px; height: 43px;
}

/* left footer */
#footerleft{
	text-align: left;
	float: left;
	padding-top: 11px;
	padding-left: 17px;	
}
/* center footer */
#footercenter{
	text-align: center;
	float: left;
	padding-top: 11px;
	padding-left: 120px;
	padding-right: 17px;
}
/* right footer */
#footerright{
	text-align: right;
	float: right;
	padding-top: 11px;
	padding-right: 12px;
}



/* *** Image alignment *** */

.imageleft{
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 10px;
	color: #666;
	font-size: 11px;
}
.imageright{
	float: right;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	color: #666;
	font-size: 11px;
}
.boxleft{
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 10px;
	color: #666;
}
.boxright{
	float: right;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	color: #666;
}
.dvdboxright{
	float: right;
	margin: 10px 10px 10px 10px;
	text-align:center;
	font-size: 11px;
	line-height: 13px;
	color: #666;
}
.dvdboxleft{
	float: left;
	margin: 10px 10px 10px 10px;
	text-align:center;
	font-size: 11px;
	line-height: 13px;
	color: #666;
}
.paypalwrapper { 
	float: right;
	margin: 20px 10px 10px 10px; 
	padding: 0px; 
	width: 180px; 
	text-align: left; 
	font-size: 12px;
	line-height: 13px;
	color: #666;
}
.paypalwrapper h3 { 
	font-size: 15px;
	color: #333;
}

.paypaltable {  }

.imagecenter{
	margin: 15px auto 15px auto;
	padding: 0px;
	color: #666;
	font-size: 11px;
	text-align: center;
}
.flashright{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.newsdate{
	color: #666;
	font-size: 11px;
	margin-top: 20px;
	padding: 3px;
	display: block; background-color: #ececec;
}

/* *** Download icons *** */

.iconwrapper{
	width: 400px; height: 60px;
	font-size: 11px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 3px;
}
.iconimg{
	width: 50px;
	float: left;
}
.icontext{
	width: 290px;
	float: right;
}

/* *** Image Slideshow *** */

#slideshow {
    position:relative;
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 10px;
	width:300px; height:200px;
	float: right;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 200px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 200px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}  


/* *** jQuery Feedback Form *** */

#contact_form { width:600px; margin:0 auto; height:245px; padding:10px 0; background: transparent url(../images/form_bg.png) no-repeat; position:relative; }

form fieldset { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; margin:0px 0px 20px 0px; width:578px; position:relative; border:0;display:block; padding: 0px 10px 8px; }
form fieldset legend { border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px; margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }

label {
	font-size:12px;
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:.2em .2em 0 0;
	color:#ffd;
	padding:8px 0px;
}
label.error { font-weight:normal; color:red;text-align:left;width:140px; padding-left:25px;background: transparent url(../images/cancel.png) no-repeat scroll left; }

input.text-input { margin:4px;padding:2px 0;color:#333; }

label#name_label      { position:absolute; top:0; left:0; }
input#name            { position:absolute; top:0; left:110px; }
label#name_error      { position:absolute; top:22px; left:120px; }

label#email_label     { position:absolute; top:45px; left:0px; }
input#email           { position:absolute; top:45px; left:110px; }
label#email_error      { position:absolute; top:67px; left:120px; }

label#phone_label     { position:absolute; top:90px; left:0px; }
input#phone           { position:absolute; top:90px; left:110px; }
label#phone_error      { position:absolute; top:112px; left:120px; }

label#details_label     { position:absolute; top:135px; left:0px; }
textarea#details           { position:absolute; top:135px; left:110px; }
label#details_error      { position:absolute; top:157px; left:120px; }

input.button { position:absolute; top:175px; left:120px; padding:3px 6px; border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; font-family:Verdana, Arial, Helvetica, sans-serif;background:#CCC; -moz-border-radius:5px; width:135px; }												
input.button:hover { background:#85ad90 none repeat scroll 0% 0%; color:white; }

#message{ width:180px;margin:60px 0 0 100px; }
#message h2	{ font-size:150%;color:white; }
#message p	{ color:white;font-weight:bold;margin:6px 0px; }
#checkmark	{ position:relative;top:-46px;left:-60px; }


.icon { float: left; width: 82px; margin: 10px; padding: 0px; }
.paypal { float: left; margin: 0px; padding: 35px 10px 20px 20px; height: 31px }
.where { float: left; width: 230px; margin: 35px 5px 0px 20px; padding: 5px  }
.price { float: left; width: 170px; background: #f0f0f0; margin: 35px 5px 0px 20px; padding: 5px;  text-align: right }




/* *** New Releases panel *** */

.newspanel {
/* float:left; */
margin:0 15px 10px 0;
/* width:440px; */
}
.newspanel p {
font-size:1em;
line-height:1.5em;
margin:0 0 10px;
}
.newspanel h4 {
color:#444;
}
.newspanel h4 a {
color:#333;
text-decoration: none;
}
.newspanel h4 a:hover {
color:#333;
text-decoration: underline;
}