body {font-family:arial; font-size:11px; background-color:#000000; margin:0px; padding:0px;}
.container {width:100%; padding:0px; margin:0px;}
.bodyBlock { background:url(/graphics/images/bodyBG.gif) repeat-y; width:1000px;}
.logo {background:url(/graphics/images/logoBG.gif) repeat-x; width:1000px; height:111px;}
.logo img {margin-top:4px;}
.header {height:63px; color:#FFFFFF; font-family:verdana; font-size:12px; padding:15px 112px 0px 0px; text-align:right;}
.header a {color:#FFFFFF; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; margin:0px 15px 0px 15px;}
.header a:hover {color:#FFFFFF; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:underline;}
.mainContent {width:1000px; padding:0px 110px 0px 110px; margin:0px;}
.mainContent:after {content: '[DO NOT LEAVE IT IS NOT REAL]';display: block;height: 0;clear: both;	visibility: hidden;}

h1 {font-size:14px; font-weight:bold; text-align:left;}

.leftNav {width:263px; float:left; padding:0px; margin:20px 0px 0px 0px;}
.leftNav ul {padding:0px; margin:0px 0px 0px 5px;}
.leftNav ul li {list-style:none; padding:0px; margin:10px 0px 10px 10px;}
.leftNav ul li p {list-style:none; padding:0px; margin:0px;}
.leftNav ul li p a {font-weight:bold; color:#FFFFFF; font-family:verdana; font-size:14px; text-decoration:none;}
.leftNav ul li p a:hover {font-weight:bold; color:#F0C819;}

.leftNav ul ul {padding:0px; margin:0px 0px 20px 5px;}
.leftNav ul ul li {list-style:none; padding:0px 0px 0px 13px; margin:5px 0px 5px 0px;}
.leftNav ul ul li p {list-style:none; padding:0px; margin:0px;}
.leftNav ul ul li p a {font-weight:normal; color:#FFFFFF; font-family:verdana; font-size:12px; text-decoration:none;}
.leftNav ul ul li p a:hover {font-weight:normal; color:#F0C819;}

.leftNav ul li.on {background:url(/graphics/images/arrow.gif) no-repeat 0px 2px;}
.leftNav ul li.on p a {font-weight:bold; color:#F0C819;}
.leftNav ul li.on p a:hover {font-weight:bold; color:#F0C819;}
.contentBlock {position:relative; top:-130px; width:500px; float:left;}
.frame {width:500px; background:url(/graphics/images/frameBG.gif) repeat-y; margin:0px; padding:0px;}
.frame:after {content: '[DO NOT LEAVE IT IS NOT REAL]';display: block;height: 0;clear: both;	visibility: hidden;}
.frameBlock {padding:10px 0px 5px 35px; margin:0px;}
.frame .frameContent {padding:20px 25px 40px 0px; margin:0px 0px 20px 0px; font-family:arial; font-size:12px;}

.frameBlock .title {margin:0px; padding:0px;}
.frameBlock .title p {margin:0px; padding:0px 0px 10px 0px; font-family:verdana; font-size:12px; font-weight:bold;}
.footer {clear:both; width:1000px; text-align:right; padding-right:15px; padding-top:1px; font-family:arial; font-size:11px; color:#4f4444;}

.pics {float:left; text-align:center; overflow:auto; width:100px; height:400px; }
.pics img {border:1px solid #000000; margin:0px 0px 5px 0px;}

.picsBlock .info {clear:both;}
.mainPic {width:320px; float:left; padding-left:10px; text-align:center;}
.mainPic img {border:1px solid #000000;}
.details {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center;}
.details p {font-family:verdana; font-size:11px; margin:0px 0px 2px 0px; padding:0px;}
.details p.name {font-size:12px; font-weight:bold; padding:5px 0px 0px 0px;}

.contactForm {border:0px; border-collapse:collapse; width:350px;}
.contactForm td {font-size:12px; padding:3px 0px 3px 0px; vertical-align:top;}
.contactForm .name {width:100px;}
.contactForm .value {width:250px; padding-bottom:20px;}
.contactForm input.text {border:1px solid #FFFFFF; width:270px; font-family:verdana, helvetical, arial; font-size:13px; font-weight:normal; color:#FFFFFF; background-color:#ffffcc; border:1px solid #57507B; color:#57507B;}
.contactForm textarea {border:1px solid #FFFFFF; width:270px; height:166px; font-family:verdana, helvetical, arial; font-size:13px; font-weight:normal; color:#FFFFFF; background-color:#ffffcc; border:1px solid #57507B; color:#57507B;}
.contactForm input.submit {width:60px !important;}
.showsTD {font-family:arial; font-size:12px !important;}

.pics a {display:block; background-color:#ffffFF; padding:6px;}
.pics img {}

.pics .on {}
.pics .on img {border:1px solid red}

.pics img {display:block;}
.mobileOnly {display:none !important;}


img.homeImages {border:1px solid #000000;}

.lowOpac {opacity: .4; filter: alpha(opacity=40); }
.regOpac {opacity: 1; filter: alpha(opacity=100); }

.wd {color:#4f4444; text-decoration:none;}

	.frameTop img {width:500px;}
	.frameBottom img {width:500px;}
	.mobileDD {display:none;}
	
@media (max-width: 768px) {
	.contentBlock {
	    position: relative;
	    top: 0px;
	    width: 100%;
	    float: none;
	}
	.bodyBlock {
		width:100%;
		background-image:none;
	}
	
	.phone { left: auto !important;
		right: 5px !important;
    top: 5px !important;
		font-size:13px;
	}	
	.header {padding-right:0px; padding-top:20px; height:53px;}
	
	.mainContent {
	    width: 100%;
	    padding: 0px;
	    margin: 0px;
	}
	.leftNav {
    display:none;
		width: 263px;
    float: none;
    padding: 0px;
    margin: 20px 0px 0px 0px;
	}
	.logo {
	  width: 100%;
    height: 111px;
	}
	.footer {
    width: 100%;
		padding-right:0px;
	}
	.frameTop img {width:100%;}
	.frameBottom img {width:100%;}
	.frame {width:100%; background-image:none; background-color:#FFF;}
	
	.mainPic {display:none;}
	.pics {width:90%;}
	.pics img {display:none;}
	.mobileOnly {display:block !important;}
	.info {display:none;}
	.mobileDD {display:block;}
	.title {display:none;}
	.pics {height:auto;}
	.lowOpac {opacity: 1; filter: alpha(opacity=100); }
	select {font-size:16px;}

	.details {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center;}
	.details p.name {font-size:12px; font-weight:bold; padding:5px 0px 0px 0px;}
	.details p.size {font-size:12px; font-weight:normal; padding:0px 0px 0px 0px;}
	.details p.type {font-size:12px; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 18px 0px;}

}