html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	outline:none;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	}
:focus {/* remember to define focus styles! */
	outline: 0;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
a img {
	border: 0;
	}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	}

/* Text elements */
p 	{
	margin-bottom: 1.625em;
	}
ul, ol {
	margin: 0 0 1.625em 0.5em;
	}
ul 	{
	list-style: square;
	}
ol 	{
	list-style-type: decimal;
	}
ol ol {
	list-style: upper-alpha;
	}
ol ol ol {
	list-style: lower-roman;
	}
ol ol ol ol {
	list-style: lower-alpha;
	}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	}

dl { margin: 3em 0; border-color:rgba(0,0,0,0.1); border-width:0 0 1px 0;}
dt { float: left; clear: left; width: 100%; font-weight: bold;} 
dd { margin: 0 0 0 30%; padding: 5px 0;}
dd, dt {  border-color:rgba(0,0,0,0.1); border-width:1px 0 0 0;}

strong {
	font-weight: bold;
	}
cite, em, i {
	font-style: italic;	
	}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
	}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
	}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	}
pre {
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 20px;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0 1.625em;
	border:1px solid #ddd
	}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	}
code {
    background: url("../images/code_bg.gif") repeat scroll left top #F3F3F3;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    color: #444444;
    display: block;
    font: 12px/20px Consolas,"Courier New",Courier,monospace;
	border: 1px solid #dddddd;
    overflow: auto;
	padding: 20px 10px;
	}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
	}
address {
	display: block;
	margin: 0 0 1.625em;
	}
ins {
	background: #fff9c0;
	text-decoration: none;
	}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	}
sup {
	bottom: 1ex;
	}
sub {
	top: .5ex;
	}
.clear	{ 
	clear: both;
	display: block;
	width: 0; 
	height: 0;
	visibility: hidden;
	}

/*clearfix*/
.clearfix:after {
	content: ".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	}

.clearfix { display:inline-block;} 
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* Responsive Image Width */
figure img { width:auto; max-width:100%; height:auto; }

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	GENERAL
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


			
			
body{
	position:relative;
	font: normal 13px Helvetica, Arial, Sans-serif; 
	line-height: 1.625;	
background: #051425; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #0867d1 0%, #03294f 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0867d1), color-stop(100%,#03294f)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #0867d1 0%,#03294f 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #0867d1 0%,#03294f 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #0867d1 0%,#03294f 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #0867d1 0%,#03294f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0867d1', endColorstr='#03294f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background:url(../images/bg.png) fixed;

}
	

	.body_overlay {
		background:url(../images/patterns/pattern5.png) 0 0 repeat scroll;
		position:fixed;
		top:0;
		z-index:0;
		width:100%;
		height:100%;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}
	
strong { font-weight:bold;}

mark {
	position:relative;
	font-size:10px;
	padding:1px 3px;
	border:rgba(0, 0, 0, .1) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
	}
	
	mark.info {
		position:absolute;
		top:-10px;
		padding:2px 6px;
		letter-spacing:0;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px; 	
		-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
		}
		
	.more-link { font-size:11px; text-transform:uppercase;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	Link Colors
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
	a 	{
		text-decoration:none;
		-webkit-transition:color 200ms ease-in;
		   -moz-transition:color 200ms ease-in;
		     -o-transition:color 200ms ease-in;
		        transition:color 200ms ease-in;
		}	
		
		

.preloader {
	display:block;
	background:url(ajax-loader.png) center center no-repeat transparent;
	}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Headings
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	}
	
h1	{ font-size: 24px; margin: 0 0 20px 0; }
h2	{ font-size: 20px; margin: 0 0 20px 0; }
h3	{ font-size: 18px; margin: 0 0 20px 0; }
h4	{ font-size: 16px; margin: 0 0 20px 0; }
h5	{ font-size: 14px; margin: 0 0 15px 0; }
h6	{ font-size: 12px; margin: 0 0 15px 0; }

h2.largeheading { font-size:30px; font-weight:bold; letter-spacing:-2px; line-height:normal}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Layout
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#stretched #wrapper {
	position:relative; 
	width: 100%; 
	margin:0 auto;
	}

#boxed #wrapper {
	position:relative;
	width: 1160px;
	margin:0 auto;
	padding:25px 0;
	background:url(../images/opacs/dark70.png);
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.3);
	}

.inner  {
	position:relative; 
	width:1100px; 
	margin:0 auto;  
	}

.one_half       { width:47.5%; }
.one_third      { width:30%; }
.two_third      { width:65%; }
.one_fourth     { width:21.2%; }
.one_fifth      { width:16%; }
.three_fourth   { width:73.8%;   }
.four_fifth     { width:79%;   }
.two_fifth      { width:37%; }
.three_fifth    { width:58%;   }
.one_sixth      { width:12.5%; }
.one_eighth      { width:10%; }

.one_half, .half_width, 
.one_third, .two_third,
.one_fourth, .one_fifth,
.four_fifth, .one_sixth,
.one_eighth,
.two_fifth, .three_fifth,
.three_fourth   {
	position:relative;
	display:inline;
	float:left;
	margin-right:5%;
	margin-bottom:20px;
	}



.last { margin-right: 0 !important; }

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
     * Header, Logo
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* http://sonspring.com/journal/clearing-floats */

/* blah */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.container_12 {

  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.container_12 .grid_3 {
  width: 240px;
}




.grid_3{
  text-align: center;
}

.about {
  margin-top: 60px;
}

.main h2 {
  border-bottom: 1px solid #d1d1d1;
  font-size: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  margin-bottom: 15px;
  line-height: 1em;
  color: #3c4142;
}


.main h3 {
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
  line-height: 1em;
  color: #3c4142;
}

.main p{
  font-size: 13px;
  line-height: 20px;
  color: #353535;
}


#about{
  background: url(../img/bg_about.png);
  background-repeat: repeat-x;
  background-color: #ebebeb;
}


.main blockquote p{
  padding-left: 30px;
}

.main blockquote p:before,
.main blockquote p:after{
  font-size: 40px;
  color: #bfbfbf;
  font-style: italic;
}

.main blockquote p:first-child:before {
  content: '“';
  font-size: 50px;
  position: absolute;
  top: 7px;
  left: 0;
}

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}






#header	{ 
	clear:both;
	position:relative; 
	margin:0 auto;
	background:url(../images/opacs/dark10.png);
	border-bottom:1px solid #0b72d1;
	
	}

	.topbar	{
		clear:both;
		position:relative;
		min-height:30px;
		height:100%;
		padding:0 30px;
		background:url(../images/opacs/white20.png)
		}
			
			/* Nav */
			.nav { 
				float:left;
				list-style:none; 
				margin:0; 
				padding:0; 
				}

				.nav li	{ 
					display:inline; 
					padding:0px 10px; 
					line-height:36px; 
					}

				.nav li a	{ font-size:11px; text-transform:uppercase; }
				.nav li:last-child { background:none;}
				.nav li:first-child { padding-left:0;}
		
				/* Sociables */
				.atpsocials	{ 
					list-style:none;
					margin:0; 
					padding:0; 
					}

				.atpsocials li	{ 
					display:inline; 
					float:left; 
					margin:0; 
					font-size:11px; 
					line-height:42px; 
					}
						
				.atpsocials li img	{
					position:relative; 
					left:0; 
					vertical-align:middle; 
					}

				.atpsocials li a	{ 
					padding:14px;  
					-webkit-transition: all 200ms ease-in;
					   -moz-transition: all 200ms ease-in;
						 -o-transition: all 200ms ease-in;
						-ms-transition: all 200ms ease-in;	
							transition: all 200ms ease-in;
					}

				.atpsocials li a:hover		{ 
					background-position: -12px center;
					-webkit-transition: all 200ms ease-in;
					   -moz-transition: all 200ms ease-in;
						 -o-transition: all 200ms ease-in;
						-ms-transition: all 200ms ease-in;	
							transition: all 200ms ease-in;
						}
					
				.atpsocials li a.facebook:hover{ background:#3b5998 }
				.atpsocials li a.twitter:hover{ background:#9AE4E8 }
				.atpsocials li a.youtube:hover{ background:#d62c2c }
				.atpsocials li a.google:hover{ background:#D6492C }
				.atpsocials li a.linkedin:hover{ background:#4875B4 }
				.atpsocials li a.dribbble:hover{ background:#ea4c89 }
				

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Logo & Primary Menu
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#head:after { 
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
	}

#head {
	position:relative; 
	padding:20px;
	margin:0 auto;
	width:1100px;
	}

	/* LOGO */
	.logo	{
		position:relative;
		display:inline;
		float:left;
		clear:both; 
		content:""; 
		display:block; 
		height:auto;
		}
			
	.logo h1	{
		font-size:28px;
		line-height:28px;
		margin-bottom:0;
		letter-spacing:-1px;
		font-weight:bold;
		}
		
	.logo a	{  }
	.logo a img	{ margin-top:0;  }
	.logo a:hover  { text-decoration:none; }

		/* Logo if selected as text*/
	h1#site-title       { width: 100%; margin-bottom:0px;}
	h1#site-title a     { font-size:42px; line-height:38px; font-weight:bold; color:#666; text-decoration:none; margin-bottom:0px; letter-spacing:-2px;}
	h2#site-description { font-size:11px; line-height:14px; color:#ccc; text-decoration:none; margin-bottom:0; text-transform:uppercase;}
	
	
	.topmenu	{	margin:0; position:relative; top:10px;}

	/*** Primary Menu ***/
	.sf-menu, .sf-menu *    { margin: 0; padding: 0; list-style: none; }
	.sf-menu                     	       { font-size:14px; padding-left:20px;  float: right;  margin:0 auto; line-height: 1.0; position:relative; z-index:99; }
	.sf-menu ul                         { position: absolute; top: -999em; width: 14em; /* left offset of submenus need to match (see below) */}
	.sf-menu ul li                      { width:100%; position: relative;z-index:101; text-transform: none; font-size:12px; font-weight:normal; }
	.sf-menu li:hover              { visibility: inherit; /* fixes IE7 'sticky bug' */}
	.sf-menu li                         { float: left; background:none; list-style-position:inside; position: relative; text-transform: uppercase; font-weight:bold;}
	.sf-menu a                         { display: block; position: relative; }
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul        { left: 0.77em; top:3.5em; /* match top ul list item height */ }
	.sf-menu li:hover li ul,
	.sf-menu li.sfHover li ul     { top:-999em; }
	.sf-menu li li:hover ul,
	.sf-menu li li.sfHover ul     { left: 14em; top:0; /* match ul width */ }
	.sf-menu li li:hover li ul,
	.sf-menu li li.sfHover li ul  { top:-999em; }
	.sf-menu li li li:hover ul,
	.sf-menu li li li.sfHover ul  { left: 14em; bottom: 10em; top: 0;/* match ul width */ }

	/* Menu Settings */

	.sf-menu a        		     { padding:0.5em 1.4em; text-decoration:none; }
	.sf-menu a, 
	.sf-menu a:visited	     { text-decoration:none;   }
	.sf-menu li ul     { 
		padding:10px 0; 
		background-color: #222222;
		border-top:5px solid #0b72d1;
		-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);
		   -moz-box-shadow:0 2px 10px rgba(0,0,0,.2);
			    box-shadow:0 2px 10px rgba(0,0,0,.2);
		}
		
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, 
	.sf-menu a:active   { 
		outline:0; 
		text-decoration:none; 
		}

	.sf-menu li li:hover, .sf-menu li li.sfHover,
	.sf-menu li li a:focus, .sf-menu li li a:hover, 
	.sf-menu li li a:active {
		text-decoration:none; 
		outline:0; 
		}

	/* Active Page Status CSS for all the browsers*/	
	.sf-menu li.current-cat a, 
	.sf-menu li.current_page_item a 	{ margin:0; }
		
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Frontpage Teaser
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.header_teaser {
	clear:both;
	position:relative;
	overflow:hidden; 
	margin:0;
	padding:0 30px;
	}
	
	.header_teaser .inner	{
		margin:0 auto;
		padding:30px 0;
		color:#fff;
		}

	.header_teaser h3 { 
		text-align:center;
		margin:0;
		font-size:17px;
		}
	.header_teaser h3 span {
		display:block;
		font-family:Arial, Helvetica, Sans-serif;
		font-weight:bold;
		font-size:45px;
		line-height:normal;
		letter-spacing:-2pt;
		}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Featured_Slider
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
	
	#featured_slider	{
		position:relative;
		margin:0 auto;
		padding:0;
		width:100%;
		}
		
		.slider_wrapper	{ position:relative; margin:0 auto;  }
			
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Subheader
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/			
#subheader	{
	width:100%;
	margin:0 auto;
	position:relative;
	padding:30px 0;
	background:url(../images/opacs/white20.png);
	}
	
	#subheader .inner	{
		width:1100px;
		margin:0 auto;
		overflow:hidden;
		position:relative;
		padding:0 30px;
		}
	
	
	#subheader h2 { 
		margin:0;
	}
	#subheader .subtitle h2{
		display:block;
		font-family:Arial, Helvetica, Sans-serif;
		font-weight:bold;
		font-size:45px;
		line-height:normal;
		letter-spacing:-2pt;
	}

/* Page middle content area */
.pagemid { 
	position:relative; 
	display:block;
	width:100%;
	z-index:1;	
	margin:0 auto;
	padding:0;
	}

	.pagemid .maincontent { 
		width:1100px;
		position:relative; 
		overflow:hidden; 
		margin:0 auto; 
		padding:30px 0;
		}
		
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Breadcrumb
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#breadcrumbs {
	position:relative;
	z-index:4;
	display: block;
    margin: 0;
	padding:0;	
	}

	#breadcrumbs .breadcrumbs {
		padding:10px 0;
		display:inline-block;
		font-size:11px;
		}

	#breadcrumbs span { padding: 0 4px 0 4px; }
	#breadcrumbs a { }
	#breadcrumbs a:hover { }
	
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Sidebars & Main Content
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#sidebar {
	position:relative; 
	padding:0 0 30px 0; 
	}
	
	#sidebar h3.widget-title { 
		padding:0;
		margin-bottom:0px;
		padding-bottom:10px;
		color:#fff;
		font-weight:bold;
		}
	
.fullwidth #main { padding:30px 0;}
.fullwidth #main:after { clear:both; content:""; display:block; height:0; visibility:hidden; }

/* Left Sidebar*/
.leftsidebar #main {
	float:right; 
	width:70%; 
	}

	.leftsidebar #main .entry-content { 
		overflow:hidden; 
		padding:30px 0 30px 30px; 
		}

.leftsidebar #sidebar { 
	float:left; 
	overflow:hidden; 
	width:30%;
	}

	.leftsidebar #sidebar .content{
		padding:30px 30px 0px 0; 
		} 

/* Right Sidebar*/
.rightsidebar #main { 
	float:left; 
	padding:30px 0;
	width:70%;
	}

	.rightsidebar #main .entry-content {
		padding-right:40px; 
		}

	.rightsidebar #sidebar {
		position:relative;
		float:left;
		width:30%;
		}

	.rightsidebar #sidebar .content{ 
		padding:30px 0 0 40px; 
		} 
	
/* services
------------------------------------------------------*/
ul.services { 
	clear:both; 
	position:relative;
	}
ul.services li {
	list-style:none;
	margin:0; 
	padding:0;
	width:50%;
	display:inline;
	float:left;
	}
ul.services li .icon	{ float:left; }
ul.services li .scontent { margin-left:100px; margin-right:20px; }

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Product
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
	.product {
		overflow:hidden; 
		position:relative; 
		margin:20px 0;
		}

	.product .productimg {
		position:relative;
		float:left; 
		display:inline-block;
		padding: 0;
		margin-bottom:15px;
		margin-right:20px;
		}
	
	.productimg img {
		display:block;
		border:1px solid #444;
		padding:10px;
		}

	.productimg .price { 
		position:absolute; 
		bottom:0px; 
		text-align:center;
		margin:0 auto; 
		background:#0b72d1; 
		padding:8px 20px;
		font-size:16px;
		font-weight:bold;
		border-radius:0;
		color:#fff;
		}
			
	.product .product_details	{
		min-width:200px; 
		
		overflow:hidden; 
		}
			
		.product-meta 	{ border:1px solid #333; border-width:1px 0 1px 0; font-size:11px; padding:3px 0; margin:0 0 20px 0; }
		.product-meta span	{ display:inline; }
		
		.product h2.entry-title { margin-bottom:0px; }
		.product h2.entry-title a { color:#0b72d1;}
		.product h2.entry-title a:hover { color:#fff;}
		
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Post Style 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
	.post {
		position:relative; 
		margin:30px 0;
		}

	.entry-content .post:first-child { margin-top:0;}
	.post .post-info	{
		margin:0 0 20px 0;
		border:1px solid #444;
		border-width:1px 0 1px 0;
		padding:5px;
		}	
	
	.post-meta 	{ border:1px solid #333; border-width:1px 0 1px 0; font-size:11px; padding:3px 0; margin:0 0 20px 0; }
	.post-meta span	{ display:inline; margin-right:20px; }

	.post h2.entry-title { margin-bottom:10px;}
	.post h2.entry-title a { color:#0b72d1}
	.post h2.entry-title a:hover { color:#fff;}
	
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Footersidebar
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#footersidebar	{ position:relative; background:url(../images/opacs/white10.png); }

	#footersidebar .inner  {
		width:1100px;
		margin:0 auto; 
		overflow:hidden;
		padding:30px 0;
		line-height:normal
		}
		
	#footersidebar h3.widget-title  { font-size:18px; font-weight:bold; color:#fff; }
	
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Copyright
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.copyright	{
	background:url(../images/opacs/white90.png);
	margin:0 auto;
	padding:0px;
	overflow:hidden;
	}

	.copyright .inner	{
		width:1100px;
		margin:0 auto;
		padding:10px 0;
		font-size:11px;
		text-align:center;
		}
		
	.copyright p { margin:0; }

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Widget Lists
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.syswidget { margin-bottom:40px; text-align:left;}

	.syswidget ul      { margin:0; padding:0; }
	.syswidget ul ul     { margin-bottom:0; }
	
	.syswidget ul li   {
		margin:0;
		padding:2px 0;
		list-style-type:none;
		background:none;
		position:relative;
		border-style:solid;
		border-bottom-color:#444;
		border-bottom-width:1px;
		}
	.syswidget ul li a {
		padding:1px 0px 1px 0px;
		text-decoration:none;
		zoom:1; 
		}

	.syswidget ul li a,
	.syswidget ul li a:visited { display:block; }
	.syswidget ul li ul        { margin-left:15px}	

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Button
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.button, 
.button span { display: inline-block; }
.button	{
	position:relative;
	zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
	overflow: visible; 
	line-height:1em;
	margin-bottom:10px;
	border: 1px solid #ddd;/* IE Hack*/
	border: rgba(0, 0, 0, .1) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
	border-bottom:rgba(0, 0, 0, .2) 3px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	outline: none;
	white-space: nowrap;
	cursor: pointer;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;

	/* FF3.5+ */
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);

	/* Safari 4+, Chrome */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	}

button::-moz-focus-inner { border: none; /* overrides extra padding on sides FF3.5 */ }

button.button  { margin:0; padding:0px; }
.button.full, 
.button.full span { display: block; }
.button:hover, 
button.button:hover, 
.button.hover {
	position:relative;
	top:1px;
	/* FF3.5 */
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);

	/* Safari4+, Chrome */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);
			
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
	}

button.button:active,
.button:active, 
.button.active  {
	top:1px;
	/* FF3.5 */
	background: -moz-linear-gradient(
		center top,
		rgba(0, 0, 0, .1) 0%,
		rgba(255, 255, 255, .1) 100%
	);
	/* Safari4+, Chrome */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(0, 0, 0, .1))
	);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
	}

.button span	{
	position: relative;
	padding:0.5em 1.3em;
	border-top:1px solid rgba(255, 255, 255, 0.1);
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	line-height:1em;
	text-align:center;
	text-decoration:none;
	white-space: nowrap;
	color:#fff;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari, Google Chrome margin fix */
	button.button span {
		margin-top: -1px;
		margin-left:-2px;
		margin-right:-2px;
	}
}
.button.small span 	{ font-size:10px; text-transform:uppercase; }
.button.medium span { font-size:14px; }
.button.large span 	{ font-size:18px; }

/* ---- Buttons Color Scheme ---- */
.button.gray        { background-color: #666666; } .button.gray:hover     { background-color: #666666; }
.button.brown       { background-color: #A52A2A; } .button.brown:hover    { background-color: #A52A2A; }
.button.cyan        { background-color: #00FFFF; } .button.cyan:hover     { background-color: #00FFFF; }
.button.orange      { background-color: #ff5c00; } .button.orange:hover   { background-color: #ff5c00; }
.button.red         { background-color: #861D23; } .button.red:hover      { background-color: #861D23; }
.button.magenta     { background-color: #A9014B; } .button.magenta:hover  { background-color: #A9014B; }
.button.yellow      { background-color: #ffb515; } .button.yellow:hover   { background-color: #ffb515; }
.button.blue        { background-color: #00ADEE; } .button.blue:hover     { background-color: #7b315f; }
.button.pink        { background-color: #a57091; } .button.pink:hover     { background-color: #7f3362; }
.button.green       { background-color: #91bd09; } .button.green:hover    { background-color: #91bd09; }
.button.black       { background-color: #333333; } .button.black:hover    { background-color: #333333; }
.button.white       { background-color: #FFFFFF; }
.button.white span  { color: #666666; }

a.button, 
a.button:hover,
button.button:hover { background-color:#EDEDED; }
	
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * List Styles
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.pricing li		{ 
	background:#ffffff; 
	border:1px solid #eeeeee; 
	border-style:solid;
	border-bottom-color:#ddd;
	border-bottom-width:1px;
	margin-bottom:1px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

ul.doubles {
	clear:both;  
	padding-left:25px;  
	margin-left:0px !important; 
	overflow:hidden;
	}

	.doubles li { float:left; width:42%; }

ul.sitemap { margin-left:0px !important; }

ul.list-disc li, 
ul.list-circle li,
ul.list-square li, 
ul.list-arrow1 li, 
ul.list-arrow2 li, 
ul.list-arrow3 li,
ul.list-arrow4 li, 
ul.list-arrow5 li,  
ul.list-bullet1 li,
ul.list-bullet2 li, 
ul.list-bullet3 li, 
ul.list-bullet4 li, 
ul.list-bullet5 li, 
ul.list-star1 li, 
ul.list-star2 li, 
ul.list-star3 li, 
ul.list-plus li, 
ul.list-minus li, 
ul.list-pointer li,
ul.list-style1 li,
ul.list-check li,
ul.sitemap li,
ul.list-tree li 	{ 
	background-image: url("../images/bullets/lists.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	padding-left:25px;
	list-style-type:none;
	line-height:22px;
	}

ul.list-disc li       { background-position: -480px 0px; }
ul.list-circle li     { background-position: -460px -17px; }
ul.list-square li     { background-position: -440px -37px; }
ul.list-arrow1 li     { background-position: -420px -57px; } 
ul.list-arrow2 li     { background-position: -400px -77px; } 
ul.list-arrow3 li     { background-position: -380px -97px; }
ul.list-arrow4 li     { background-position: -360px -117px; }
ul.list-arrow5 li     { background-position: -340px -137px; }
ul.sitemap li         { background-position: -340px -137px; }
ul.list-bullet1 li    { background-position: -320px -157px; }
ul.list-bullet2 li    { background-position: -300px -177px; }
ul.list-bullet3 li    { background-position: -280px -197px; }
ul.list-bullet4 li    { background-position: -260px -217px; }
ul.list-bullet5 li    { background-position: -240px -237px; }
ul.list-star1 li      { background-position: -220px -257px; }
ul.list-star2 li      { background-position: -200px -277px; }
ul.list-star3 li      { background-position: -180px -297px; }
ul.list-plus li       { background-position: -160px -317px; }
ul.list-minus li      { background-position: -140px -337px; }
ul.list-pointer li    { background-position: -120px -357px; }
ul.list-style1 li 	  { background-position: -100px -377px; }
ul.list-check li 	  { background-position: -80px  -397px; }

ul.red li            { background-image:url("../images/bullets/list_red.png"); }
ul.green li          { background-image:url("../images/bullets/list_green.png"); }
ul.blue li           { background-image:url("../images/bullets/list_blue.png"); }
ul.yellow li         { background-image:url("../images/bullets/list_yellow.png"); }
ul.magenta li        { background-image:url("../images/bullets/list_magenta.png"); }
ul.cyan li           { background-image:url("../images/bullets/list_cyan.png"); }
ul.orange li         { background-image:url("../images/bullets/list_orange.png"); }
ul.black li          { background-image:url("../images/bullets/list_black.png"); }
ul.pink li           { background-image:url("../images/bullets/list_pink.png"); }
ul.navy li           { background-image:url("../images/bullets/list_navy.png"); }
ul.gray li           { background-image:url("../images/bullets/list_gray.png"); }

ul.bullet-check li   { background: transparent url("images/bullets/check.gif") no-repeat 0 5px; list-style:none; padding-left:25px;  }
ul.bullet-check      { padding:0;}

ul.list-tree li      { background-position: -340px -137px; }
ul.list-tree ul      { border-left:1px solid #aaa; margin-left:20px; }

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	ALIGNMENT
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.left {float:left;}
.right {float:right;}
.center {float:none; text-align:center; margin:inherit auto;}

.alignleft, 
img.alignleft, 
a img.alignleft      { float:left; margin:3px 15px 20px 3px;}

.alignright, 
img.alignright, 
a img.alignright     { float:right; margin:3px 3px 20px 15px;	}

.aligncenter, 
img.aligncenter, 
a img.aligncenter    { clear:both; display:block; margin:10px auto 20px auto; padding:2px; text-align:center;	}

.wp-caption 			      { text-align: center; margin-bottom: 20px; padding: 2px; border:1px solid #ddd; background:#f1f2f3; }
.wp-caption img 		      { margin: 3px;}
.wp-smiley 			          { margin:0; }
.wp-caption p.wp-caption-text { margin: 0 0 4px; }


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 	C O M M E N T S 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#comments {
	padding:20px 0;
	}

#comments-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	}

.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
	}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
	}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
	}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
	}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
	}
.commentlist .children {
	list-style: none;
	margin: 0;
	}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
	}
.commentlist .children li.comment .fn {
	display: block;
	}
.comment-meta .fn {
	font-style: normal;
	}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
	}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
	}
.comment-meta a {
	font-weight: bold;
	}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
	}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
	width:50px;
	}
.commentlist > li:before {
	content: url(../images/comment-arrow.png);
	left: -21px;
	position: absolute;
	}
.commentlist > li.pingback:before {
	content: '';
	}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
	left: 1.5em;
	top: 1.5em;
	}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
	}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
	}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
	}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
	}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
	}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
	}
.commentlist > li.bypostauthor:before {
	content: url(../images/comment-arrow-bypostauthor.png);
	}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
	}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
	}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
	}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 0;
	padding:2%;
	position: relative;
	width: 94%;
	}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
	}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
	}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
	}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
	}
#respond textarea {
	resize: vertical;
	width: 95%;
	}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
	}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
	}
#respond p {
	margin: 10px 0;
	}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
	}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 0px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
	}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
	}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
	}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
	}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
	}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
	}
#respond label {
	line-height: 2.2em;
	}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
	}
#respond p {
	font-size: 12px;
	}
p.comment-form-comment {
	margin: 0;
	}
.form-allowed-tags {
	display: none;
	}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	F O R M   V A L I D A T I O N
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.input_small   { width:25% !important; }
.input_medium  { width:50% !important; }
.input_large   { width:90% !important; }

#validate_form label.error { border:none;   }  
#validate_form .error       { color: red; border: 1px solid red; }
    
div#note,
div#result {
	position:relative;
	}

.close_note {
	position: absolute; 
	top: 18px; 
	right: 10px; 
	font-size:9px; 
	}

div#note p,
div#result p {
	margin-bottom:0;
	}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 	C O N T A C T   F O R M 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.sysform input.txtfield, 
.sysform textarea { 
	padding: 5px;
	outline: 0;
	width: 96%;
	background:inherit;
	border:1px solid #444; 
	-webkit-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.05); 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	color:#fff;
	}

.sysform textarea { 
	width: 96%;
	height: 100%;
	line-height: 150%;
	}

.sysform p { display:block;
	margin-bottom:10px;
	}

.sysform input:hover, .sysform textarea:hover,
.sysform input:focus, .sysform textarea:focus { 
	border-color: #666;
	}

.sysform label { 
	margin-left: 10px; 
	width:20%
	}

.sysform .submit input {
	width: 100%;
	padding: 5px 15px;
	background: #0A89D9;
	border: 0;
	color: #FFFFFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}

.sysform p.subject { clear:both;}

.sysform p.name { width:46%; display:inline-block; float:left; margin-right:10px;}
.sysform p.email { width:46%; display:inline-block; float:left;}







/* main thumbnails wrapper */

#fs_wrapper {
z-index:5;
margin-left: auto;
margin-right: auto;
}


/* all posts */

.fspost {

float:left;
height: 250px;
width: 250px;
border: 1px solid #000;
margin: 10px;
position: relative;
overflow: visible;
opacity:0.5;


background-position: 0px 0px;
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30 ease-in-out;
}

.fspost:hover {
opacity: 1;
border: 1px solid #FFF;
background-position: 0px 250px;
box-shadow: 0 0 12px rgba(255,255,255, 0.55);
z-index:999;
}

.fspost a .link {
width: 250px;
height: 250px;
}


.permalink, .fullsize {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
}

/* post desc */

.fspost .desc {
	display: block;
	font-size: 7pt;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 250px;
	background: rgba(0,0,0,0.9);
	color: #FFF;
	visibility: hidden;
box-shadow: 0 0 10px rgba(0,0,0, 1);
	cursor: pointer;
	opacity: 0.0;
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
}

.fspost .new {
	display: block;
	font-size: 10pt;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 250px;
	height: 17px;
	background: rgba(0,0,0,0.9);
	color: #FFF;
	visibility: visible;
	cursor: pointer;
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
}

.fspost .soon {
	display: block;
	font-size: 10pt;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 250px;
	height: 17px;
	background: rgba(0,0,0,0.9);
	color: #FFF;
	visibility: visible;
	cursor: pointer;
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
}

.fspost .free {
	display: block;
	font-size: 6pt;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 250px;
	height: 18px;
	opacity: 0;
	background-image:url('../name.png');
	color: #000;
	visibility: hidden;
	cursor: pointer;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.fspost .poor {
	display: block;
	font-size: 6pt;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 250px;
	height: 18px;
	opacity: 0;
	background-image:url('../free.png');
	color: #000;
	visibility: hidden;
	cursor: pointer;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.fspost .loud {
	position: absolute;
	left: 0;
	top: 0;
	width: 236px;
	height: 159px;
	margin-left:-6px;
	margin-top:25px;
	color: #000;
	visibility: hidden;
	cursor: pointer;
	z-index:1000;
	overflow:visible;
-webkit-transform: scale(0.0);
-moz-transform: scale(0.0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.fspost:hover .loud {
	visibility: visible;
	opacity: 1;
	overflow:visible;
-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}



.fspost .fave {
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
	height: 250px;
	margin-left:68px;
	margin-top:169px;
	color: #000;
	visibility: hidden;
	opacity:0;
	cursor: pointer;
	z-index:1000;
	overflow:visible;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.fspost:hover .fave {
	visibility: visible;
	opacity: 1;
	overflow:visible;
}

.fspost:hover .poor {
	visibility: visible;
	opacity: 1;
}

.fspost:hover .free {
	visibility: visible;
	opacity: 1;
}

.fspost:hover .desc {
	visibility: visible;
	opacity: 1;

}

.fspost .desc:hover {
	opacity: 1;

}

.fspost .desc .in {
	display: block;
	padding: 3px 5px;
	position: relative;
}

.fspost .desc .title {
	font-size: 1.2em;
}

.fspost .in {
	text-align: left;
	padding: 0px;
}

/* photo posts */

.photo img {
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
}

.photo-hires {
	display: inline-block;
	padding: 2px 5px;
	background: #DDD;
	height: 18px;
	margin-bottom: 10px;
}