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

body { background: #000000; padding: 0px; margin: 35px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#CCCCCC; }

a:link, a:visited, a:active { color: #FFFFFF; text-decoration: none; }
a:hover { color: #F15A29; text-decoration: none; }

p { line-height: 16px; padding: 0px; margin: 0px 0px 8px; }
ul { padding: 0px; margin: 0px; list-style: none; }
img { border: none; }

#clear { clear: both; }
.clear { clear: both; }

#container { width: 980px; padding: 0px; margin: 0px; }

#columnleft { width: 85px; padding: 0px 25px; margin: 0px; float: left; overflow: hidden; text-align: left; }
#contentarea { width: 750px; padding: 0px; margin: 0px; float: left;  overflow: hidden; }
#columnright { width: 70px; padding: 385px 0px 0px; margin: 0px; float: right; overflow: hidden; text-align: left;  }

#columnleft #logo { padding: 0px 0px 60px; margin: 0px; float: left; white-space: 85px; }

#columnleft #nav { padding: 0px; margin: 0px; list-style: none; }
#nav ul { padding: 0px; margin: 0px; list-style: none; }
#nav li { padding: 0px 0px 2px; margin: 0px 0px 2px; list-style: none; font-size: 14px; font-weight: bold; }
#nav li a {  display: block; padding: 0px; color: #CCC; }
#nav li a:hover { color: #F15A29; text-decoration: none; } 

#columnleft #navfooter { padding: 0px; margin: 0px; list-style: none; }
#navfooter ul { padding: 0px; margin: 0px; list-style: none; }
#navfooter li { padding: 0px 0px 2px; margin: 0px 0px 2px; list-style: none; font-size: 12px; font-weight: bold; }
#navfooter li a {  display: block; padding: 0px; color: #CCC; }
#navfooter li a:hover { color: #F15A29; text-decoration: none; } 

#columnright #nav { padding: 0px; margin: 0px; list-style: none; }
#columnright #nav ul { padding: 0px; margin: 0px; list-style: none; }
#columnright #nav li { padding: 0px 0px 5px; margin: 0px 0px 5px; list-style: none; display: block; font-size: 16px; font-weight: bold; color: #CCC; }
#columnright #nav li a {  padding: 2px 0px; margin: -5px 0px 0px; display: block; font-size: 14px; color: #CCC; }
#columnright #nav li a:hover { color: #F15A29; text-decoration: none; } 

/* CONTENT AREA */

/* SLIDE between gallery and image */

mySlides, mySlides2 { overflow: hidden; }
.jFlowSlideContainer { overflow: hidden; }

#myController span{ color:#FFF; background:#000; margin-right:10px; cursor:pointer; }
#jFlowSlide{ width: 750px; overflow: hidden; text-align: center; }
#myController span.jFlowSelected { background:#F15A29; color: #000000; }
.jFlowPrev, .jFlowNext{ cursor:pointer; }

#myController2 span{ color:#FFF; background:#000; cursor:pointer; }
#jFlowSlide2{ width: 729px; overflow: hidden; text-align: left; }
#myController2 span.jFlowSelected2 { background:#F15A29; color: #000000; }
.jFlowPrev2, .jFlowNext2{ cursor:pointer; }

#portfolio { width: 750px; height: 500px; padding: 0px; margin: 0px; display:none;}

#galleryview { width: 730px; padding: 10px; margin: 0px; float: left; text-align: left; overflow: hidden; }
#galleryview #title, #galleryview #menu { width: 730px; float: left; overflow: hidden; }

#galleryview #menu ul { padding: 6px 0px 15px; margin: 0px; list-style: none; float: left; }
#galleryview #menu li { padding: 3px 6px; margin: 0px 5px; font-size: 14px; font-weight: bold; list-style: none; float: left; display: block; }

#galleryview #thumbarea { width: 707px; overflow: hidden; padding: 0px 10px; }
#galleryview img { padding: 0px 10px 10px 0px; margin: 0px; float: left; display: block;  }

#content { width: 750px; float: left; padding: 50px 0px 20px; margin: 0px; overflow: hidden; text-align: left; }
#content h1 { padding: 5px 0px 10px; margin: 0px; font-size: 28px; line-height: 30px; border-top: 1px #666666 dotted; color:#666666; font-weight: normal; }
#content h2 { padding: 0px 0px 8px; margin: 0px; font-size: 14px; line-height: 20px; font-weight: normal; }
#content p { line-height: 18px; }

#contentfooter { width: 750px; float: left; text-align: left; }
#commentsarea { width: 460px; float: left; padding: 0px 40px 0px 0px; margin: 0px; }
#newsitems { width: 200px; float: left; padding: 0px 0px 0px 40px; margin: 0px; border-left: 1px #666666 dotted; }

#newsitems ul { padding: 0px; margin: 0px; list-style: none; }
#newsitems li { padding: 0px 0px 3px; margin: 0px 0px 5px; list-style: none; border-bottom: 1px dotted #666; }
#newsitems h2 { font-weight: bold; font-size: 14px; line-height: 18px; color: #CCC; padding: 0px; margin: 0px 0px 5px; }
#newsitems h3 { font-weight: bold; font-size: 18px; line-height: 18px; color: #666; padding: 0px; margin: 0px 0px 8px; }
#newsitems h4 { font-weight: bold; font-size: 14px; line-height: 18px; color: #666; padding: 0px; margin: 8px 0px; }
#newsitems p { margin: 0px 0px 5px; padding: 0px; }

/* COMMENTS */

#postbox #commentsarea { width: 450px; padding: 10px 0px; margin: 0px; float: left; list-style: none; }
#postbox #commentsarea ul { padding: 0px; margin: 0px; list-style: none; }
#postbox #commentsarea h4 { font-size: 14px; color: #999999; padding: 6px 0px; margin: 5px 0px; border-bottom: 1px #666666 solid; } 
#postbox #singlecomments ul { width: 450px; padding: 0px; margin: 0px; list-style: none; float: left; _overflow: hidden; }
#postbox #singlecomments li { padding: 5px 10px; margin: 8px 0px; list-style: none; float: none; background-color: #262320; }

.fn { font-size: 14px; color: #FFFFFF; }
.comment-meta { font-size: 10px; color: #999999; }
.comment-author { padding: 5px 0px; margin: 5px 0px; border-bottom: 1px #FFFFFF solid; }

#commentsarea .navigation { display: block; width: 450px; height: 30px; padding: 10px 5px; margin: 10px 0px; float: left; font-size: 12px; }
#commentsarea .alignleft { width: 200px; float: left; }
#commentsarea .alignright { width: 200px; float: right; text-align: right; }
#commentsarea #respond h3 { font-size: 14px; color: #999999; padding: 6px 0px; margin: 5px 0px; border-bottom: 1px #666666 solid; } 

.buttonstyle { font-size: 12px; font-weight: bold; padding: 3px 5px; display: block; border: 1px solid #CCC; background: #000; color: #FFF; }
.buttonstyle:hover { background: #F15A29; }

/* CATEGORY */

#categoryview { width: 730px; padding: 10px; margin: 0px; float: left; text-align: left; overflow: hidden; }
#categoryview #title, #galleryview #menu { width: 730px; float: left; overflow: hidden; }

#categoryview #menu ul { padding: 6px 0px 15px; margin: 0px 0px 0px -6px; list-style: none; float: left; }
#categoryview #menu li { padding: 3px 6px; margin: 0px 5px; font-size: 14px; font-weight: bold; list-style: none; float: left; display: block; }
#categoryview #menu li a { color: #FFF; }
#categoryview #menu li a:hover { color: #000; background: #F15A29; }

#categoryview #content { width: 750px; float: left; padding: 10px 0px 20px; margin: 0px; overflow: hidden; text-align: left; }
#categoryview #content h1 { padding: 5px 0px 10px; margin: 0px; font-size: 28px; line-height: 30px; color:#666666; font-weight: normal; border: none; }
#categoryview #content h2 { padding: 0px 0px 8px; margin: 0px; font-size: 14px; line-height: 20px; font-weight: normal; }
#categoryview # content p { line-height: 18px; }

.infofooter { width: 710px; float: left; padding: 6px 10px; background: #191919; border-top: #666 solid 1px; border-bottom: #666 solid 1px; margin: 5px 0px 30px; }

/* HOME */

#slider {
    width: 750px; /* important to be same as image width */
    height: 500px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 750px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	bottom: 0;
    left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}