/* START GLOBAL */
html,body,div,span,applet,object,iframe,input,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border: 0px;
}

body {
	font-family:sans-serif;
}
a {
	text-decoration:none;
}
#mainform {
	width:960px;
	margin:auto;
}
@media screen and (max-width:960px) {
	#mainform {
		width:100%;
	}
}

.headline {
	position:absolute;
	height:5px;
	width:100%;
	z-index:1;
	left:0;
}



.op-tabstyle-top {
	top:5px;
	position:relative;
	float:right;
	font-size:1em;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
	display:inline-block;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	cursor:pointer;
	margin-left:1em;
	
}
.op-tabstyle-top:hover {
	box-shadow:0px 0px 6px 3px #fff;
	-webkit-box-shadow:0px 0px 6px 3px #fff;
	-moz-box-shadow:0px 0px 6px 3px #fff;
	-o-box-shadow:0px 0px 6px 3px #fff;
	-ms-box-shadow:0px 0px 6px 3px #fff;
}

.op-blockholder {
	width:304px;
	margin:50px auto;
	position:relative;
}

.op-block1 {
	width:96px;
	height:200px;
	margin-bottom:8px;
	line-height:200px;
	text-align:center;
}

.op-block1 img, .op-block2 img {
	vertical-align: middle;
	margin:auto;
	padding:0px;
	position:relative;	
}

.op-block2 {
	width:200px;
	height:96px;
	margin-bottom:8px;
	line-height:96px;
	text-align:center;
}




/* NavBar */
.op-menus {
	margin-bottom:20px;
	padding:0;
	list-style:none;
	overflow:hidden;
	position:relative;
}
.op-menu {
	padding:0px;
	margin:0px;
	position:relative;
	z-index:9998;
	width:100%;
}
.op-menu a {
	padding:10px 20px;	
	display:block;
	position:relative;
	height:48px;
	
}
.op-icons {
	width:32px;
	height:32px;
	padding:8px;
	display:block;
	float:left;
}
.op-menu span {
	display:block;
	float:left;
	width:132px;
	margin-left:10px;
	margin-right:10px;
	font-size:14px;
	line-height:24px;
	font-family:'Dosis',sans-serif;
	color:#fff;
}
.op-menu:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";/* For IE 8*/
	background: rgba(0,0,0,0.2);/* Modern browser */
}


.op-menublock {
	width:240px;
	float:left;
}
/* End NavBar */


/* END GLOBAL */




/* OPENPANEL - REQUIRED */

.op-panel {
	overflow:hidden;
	position:fixed;
	z-index:9999;
	display:none;
}

.op-panelbt {
	cursor:pointer;
	display:inline-block;
	height:48px;
}
.op-bt-nav {
	float:left;
	margin:10px;
}
.op-bt-close {
	float:left;
	margin:10px;
}
.op-bt-closeall {
	float:left;
	margin:10px;
}


.op-panelctrl {
	width:960px;
	margin:auto;
	display:block;
}
.op-panelform {
	width:960px;
	margin:auto;
}

@media screen and (max-width:960px) {
	.op-panelctrl {
		width:100%;
	}
	.op-panelform {
		width:100%;
	}
}


/* END OPENPANEL */






/* START jScrollPane - REQUIED */
.jspContainer {
	overflow: hidden;
	position: relative;
	border:0;
}

.jspPane {
	position: absolute;
	width:100% !important;
}

.jspVerticalBar {
	position: absolute;
	z-index:9999;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 14px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	position: relative;
}

.jspDrag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	background:#000;  /*ScrollBar Color */
	opacity:0.2;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}
/* END jScrollPane */





/* BACKGROUND STYLE */

/* Solid Colors */
.solid-blue { background:#00BBE2; }
.solid-darkblue { background:#044E94; }
.solid-violetred { background:#781766; }
.solid-red { background:#E51400;}
.solid-purple { background:#D02090; }
.solid-orange { background:#FB8F02; }
.solid-orange-2 { background:#FF6600; }
.solid-coral { background:#CD5B45; }
.solid-green { background:#67B239; }
.solid-darkgreen { background:#016C38; }
.solid-olive { background:#999900}
.solid-grass { background:#CDCD00; }
.solid-darkred { background:#5F0000; }
.solid-gold { background:#FEE9AE; }
.solid-black { background:#000; }
.solid-smoke { background:#F5F5F5; }
/* End Solid Colors */

/* Transparent Colors */
.transparent-deepsea {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33003564, endColorstr=#33003564);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33003564, endColorstr=#33003564)";/* For IE 8*/
	background: rgba(0,53,100,0.2);/* Modern browser */
}
.transparent-smoke {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f5f5f5, endColorstr=#33f5f5f5);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f5f5f5, endColorstr=#33f5f5f5)";/* For IE 8*/
	background: rgba(245,245,245,0.2);/* Modern browser */
}
.transparent-grass {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CDCD00, endColorstr=#33CDCD00);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CDCD00, endColorstr=#33CDCD00)";/* For IE 8*/
	background: rgba(205,250,0,0.2);/* Modern browser */
}
.transparent-black {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";/* For IE 8*/
	background: rgba(0,0,0,0.2);/* Modern browser */
}
.transparent-red {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF0000, endColorstr=#33FF0000);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF0000, endColorstr=#33FF0000)";/* For IE 8*/
	background: rgba(255,0,0,0.2);/* Modern browser */
}
.transparent-violetred {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D02090, endColorstr=#33D02090);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D02090, endColorstr=#33D02090)";/* For IE 8*/
	background: rgba(208,32,144,0.2);/* Modern browser */
}
.transparent-green {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3367B239, endColorstr=#3367B239);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3367B239, endColorstr=#3367B239)";/* For IE 8*/
	background: rgba(103,178,57,0.2);/* Modern browser */
}
.transparent-yellow {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFF00, endColorstr=#33FFFF00);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFF00, endColorstr=#33FFFF00)";/* For IE 8*/
	background: rgba(255,255,0,0.2);/* Modern browser */
}
.transparent-orange { 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FB8F02, endColorstr=#33FB8F02);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FB8F02, endColorstr=#33FB8F02)";/* For IE 8*/
	background: rgba(251,143,2,0.2);/* Modern browser */
}
.transparent-coral {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CD5B45, endColorstr=#33CD5B45);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CD5B45, endColorstr=#33CD5B45)";/* For IE 8*/
	background: rgba(205,91,69,0.2);/* Modern browser */
}
.transparent-wheat {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33EED8AE, endColorstr=#33EED8AE);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33EED8AE, endColorstr=#33EED8AE)";/* For IE 8*/
	background: rgba(238,216,174,0.2);/* Modern browser */
}
.transparent-redwine {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#338B0000, endColorstr=#338B0000);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#338B0000, endColorstr=#338B0000)";/* For IE 8*/
	background: rgba(139,0,0,0.2);/* Modern browser */
}
/* End Transparent Colors */

/* Background Images */
.img-wood { background:#FB8F02 url(../images/bg/wood_pattern.jpg) repeat; }
.img-purtywood { background:#FB8F02 url(../images/bg/purty_wood.jpg) repeat; }
.img-woodtexture { background:#FB8F02 url(../images/bg/wood_texture.jpg) repeat; }
.img-darkwood { background:#000 url(../images/bg/dark_wood.jpg) repeat; }
.img-retinawood { background:#FB8F02 url(../images/bg/retina_wood.png) repeat; }
/* End Background Images */

/* END BACKGROUND STYLE */






/* MISC */
.clearspace { clear: both; }
.floatleft { float:left; }
.floatright { float:right; }
.vspace2 { width: 8px; height:200px; float:left; }
.light-text {
	color:#fff;
}
.dark-text {
	color:#1e1e1e;
}
.shadow-dark {
   -moz-box-shadow: 0 0 1em #999 inset;
   -webkit-box-shadow: 0 0 1em #999 inset;
   box-shadow: 0 0 1em #999 inset;
}
.shadow-light {
	-moz-box-shadow: 0 0 1em #f5f5f5 inset;
   -webkit-box-shadow: 0 0 1em #f5f5f5 inset;
   box-shadow: 0 0 1em #f5f5f5 inset;
}
.responsive-img {
	width:100%;
	margin:auto;
	display:block;
	position:relative;
}
.img-holder {
	width:590px;
	margin:auto;
}

@media screen and (min-width:591px) {
	.img-holder {
		width:590px;
	}
}

@media screen and (max-width:590px) {
	.img-holder {
		width:100%;
	}
}


.thumb-holder { margin-left:20px;}
.thumbnails { float:left; width:192px; height:144px; margin-bottom:10px; margin-right:10px; }
.thumbnails img { max-width:192px;} 
