/* --------------------------------------------------------------
RGB Design Studio CSS Frame

Based on various bits of web frameworks. 960, Blue Print and Eric Meyers Reset.
http://www.rgbdesignstudio.com
Version: 1.0
Date: 09.03.08

Eric Meyer's Reset
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
-------------------------------------------------------------- */
html {height:100%;} /*not sure if this is needed, added by rgb*/
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
td {vertical-align:top;}


/* Site General Font Treatment
-------------------------------------------------------------- */
@font-face {
	font-family: 'FGmedCond';
	src: url('FranklinGothic-MedCd-webfont.eot');
	src: local('☺'), url('FranklinGothic-MedCd-webfont.woff') format('woff'), url('FranklinGothic-MedCd-webfont.ttf') format('truetype'), url('FranklinGothic-MedCd-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;}

@font-face {
	font-family: 'FGbook';
	src: url('FranklinGothic-Book-webfont.eot');
	src: local('☺'), url('FranklinGothic-Book-webfont.woff') format('woff'), url('FranklinGothic-Book-webfont.ttf') format('truetype'), url('FranklinGothic-Book-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;}

@font-face {
	font-family: 'FGdemiCond';
	src: url('FranklinGothic-DemiCd-webfont.eot');
	src: local('☺'), url('FranklinGothic-DemiCd-webfont.woff') format('woff'), url('FranklinGothic-DemiCd-webfont.ttf') format('truetype'), url('FranklinGothic-DemiCd-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;}

@font-face {
	font-family: 'FGmed';
	src: url('FranklinGothic-Med-webfont.eot');
	src: local('☺'), url('FranklinGothic-Med-webfont.woff') format('woff'), url('FranklinGothic-Med-webfont.ttf') format('truetype'), url('FranklinGothic-Med-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;}


body {
font-size: 15px;
line-height:1.5em;
color: #535353;
font-family:FGbook, Arial, sans-serif;
background:#444 url(../i/background.gif) repeat;}

input {	font: 11px/1.4  FGbook,Arial, sans-serif;}
em {color:#2d637c;}


/* Headings
-------------------------------------------------------------- */
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#535353;
	line-height:1em;
	margin:0;
	padding:0;}
h1 {font-size:1em;font-family:FGmedCond, Arial, sans-serif;}
h2 {font-size:1.7em;font-family:FGmedCond, Arial, sans-serif;}
h3 {font-size:1.1em;font-family:FGmedCond, Arial, sans-serif;}
h4 {font-size:1.1em;font-family:FGmedCond, Arial, sans-serif;}
h5 {font-size:1.7em;font-family:FGmedCond, Arial, sans-serif;}
h6 {font-size:1em;font-family:FGmedCond, Arial, sans-serif;}


/* Text elements
-------------------------------------------------------------- */
a:focus,
a:hover     {color: #000; }
blockquote  {
	margin: .5em 0;
	padding: .2em 2em;
	font-style: italic;
	color:#777;}
blockquote p {margin: .75em 0;}
strong,b      {font-weight: bold; }
em,dfn,i,address,cite {font-style: italic; }
dfn         {font-weight: bold; }
sup, sub    {line-height: 0; }
abbr,
acronym     {border-bottom: 1px dotted #666; cursor:help;}
del         {color:#666; text-decoration:line-through; }
pre,code    {white-space: pre; }
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
sub {font-size: .8em;vertical-align: sub;}
sup {font-size: .8em;vertical-align: super;}

/* Lists
-------------------------------------------------------------- */
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
li ul,
li ol       {margin:0 1.5em; }
ul, ol      {margin: 0 1.5em }

/* Tables
-------------------------------------------------------------- */
th          { font-weight: bold; text-align:left;}
th,td       { padding: 0; margin:0; }
tfoot       { font-style: italic;}

/* HR
-------------------------------------------------------------- */
hr {
	border-color: #eee;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;}

/* Bottom Margins (set in pixels instead of em so all headings have the same bottome margin)
-------------------------------------------------------------- */
p,dl,hr,ol,ul,pre,table,address,fieldset {margin-bottom: 1em;}
h1,h2,h3,h4,h5,h6 {margin-bottom: 2px;}

/* Margin and Style Overides
-------------------------------------------------------------- */

.top0 {margin-top: 0 !important;}
.top4 {margin-top: 4px !important;}
.top8 {margin-top: 8px !important;}
.top12 {margin-top: 12px !important;}
.top16 {margin-top: 16px !important;}
.top24 {margin-top: 24px !important;}
.top36 {margin-top: 36px !important;}
.top48 {margin-top: 48px !important;}

.bot0 {margin-bottom: 0 !important;}
.bot4 {margin-bottom: 4px !important;}
.bot6 {margin-bottom: 6px !important;}
.bot8 {margin-bottom: 8px !important;}
.bot12 {margin-bottom: 12px !important;}
.bot16 {margin-bottom: 16px !important;}
.bot24 {margin-bottom: 24px !important;}
.bot32 {margin-bottom: 32px !important;}
.bot48 {margin-bottom: 48px !important;}

.imgLeft{float:left; margin:8px 8px 8px 0;}
.imgRight{float:right; margin:8px 0 8px 8px;}
.cAlign {text-align:center;}
.lAlign {text-align:left;}
.rAlign {text-align:right;}
.clear {clear:both;}
.alignleft {float: left; margin:5px 15px 3px 0;}
.alignright {float: right; margin:5px 0 3px 15px;}
.bottomLine {border-bottom: 1px solid #eee;margin-bottom:.3em;}

strong {
	font-family: 'FGmed';
	font-weight: normal;
	font-style: normal;}

/* Blueprint overrides*/
p img {float:none;margin:1em;padding:0;}
p img.right {float:none;margin:1em;}


/* Site Structure
-------------------------------------------------------------- */
html {height:100%;}

#fullstage{
	position:relative;
	margin:25px auto;
	padding:0;
	width: 966px;
	text-align:left;
	background-color:#fff;}

#header{
	width: 930px;
	background: url(../i/RTHeader.png) no-repeat 0px 27px;
	margin:0 0 9px 18px;
	height:72px;}
#header h1{	text-indent:-999em;}

#mainMenu {
	position:relative;
	width:930px;
	height:30px;
	margin:0 0 0 18px;
	line-height:1em;
	background:#7a7a7a;}

#mainMenu img {
	position:absolute;
	right: 0;
	top:0;}

#mainMenu ul {
	margin:0;
	overflow: hidden;
	padding:0;
	width:910px;
	list-style-type: none;}

#mainMenu ul li {float: left;margin:0;padding:0;}

#mainMenu ul li a{
	padding: 8px 13px 6px 13px;
	height:16px;
	font-size: 13px;
	text-transform: uppercase;
	font-family:FGmedCond, Arial, sans-serif;
	display:block;
	border-right:1px solid #fff;}


#leftCol{
	width:721px;
	min-height:100%;
	display: inline;
	position: relative;
	float:left;
	padding:0;
	margin:12px 18px 18px 18px;}

#leftCol .post{width:721px;margin:0;padding:0 0 30px 0;}
#leftCol .pricelist {margin:-5px 0 10px 60px;padding:0;}
#leftCol .post p {margin:10px 0;padding: 0 20px;}
#leftCol .post p+p {margin-top:15px !important;}

#leftCol h2{
	font-size: 1.3em;
	margin:0 0;
	padding:6px 0 7px 8px;
	background: #f5f5f5;}

#homeSlides{
	width:721px;
	height:354px;
	margin:0 0 25px 0;
	z-index:2;}


#galleryCol{
	width:930px;
	float:left;
	background-color:#666;
	margin:18px;}
#galleryCol h5 {
	color:#fff;
	margin:25px 0 5px 0;
	padding:0 0 7px 0;
	font-size: 1.3em;
	text-transform: uppercase;
	border-bottom:1px solid #888;}
#galleryCol .post{width:900px;margin:0 0 0 15px;}



#rightCol{
	width: 191px;

	float:left;
	margin: 12px 0 0 0;}

#rightCol h3 {
	color:#777;
	font-size: 15px;
	margin:10px 0 0 0;
	padding:3px 3px 4px 4px;
	background-color:#f5f5f5;}

.ie #rightCol h3 {padding:5px 3px 4px 4px;}

#rightCol p {
	font-size:.75em;
	margin:5px 0 23px 0;
	line-height:1.5em;}


#footer{
	clear:both;
	width: 920px;
	min-height: 85px;
	margin:4px 0 0 18px;
	padding: 15px 0 13px 10px;
	color:#fff;
	background-color:#6b6b6b;}

#footer h4	{color:#fff;}


.footerImage{float:left;}

.footerItem {
	float:left;
	margin:0 115px 0 5px;
	width:167px;}
.footerItem p{
	font-size:11px;
	line-height:1.5em;}

/* Site Specific Styles */
/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 0 0 6px 0;
  border: none;}
.imgLeft{
	float:left;
	margin:6px 20px 6px 0;
	padding:1px;
	border:1px solid #999;}
.imgRight{
	float:right;
	margin:6px 0 6px 12px;
	padding:1px;
	border:1px solid #999;}
.smallText {font-size:.7em;line-height:1.5em;padding:12px 40px 10px 40px;}
.more-link{display:block;text-align:right;margin:8px 10px 0 0 !important;padding:0;font-size:.9em;}
.moretextSearch{
	text-align:right;
	margin:0 0 0 10px;
	padding:3px 6px;
	border:1px solid #999;
	background-color:#eee;
	font-size:.9em;}

.dynamicSidebarTitle {margin-bottom:5px;}
.dynamicSidebarWidget{margin:2px 0 6px 0;}
.sidebarSearchBox {
	background-color:#666;
	padding:7px;
	height:21px;
	margin:0 0 1px 0;}
.ie .sidebarSearchBox {height:20px;}
.textfield {
	color: #666;
	float: left;
	font: normal normal normal 11px/11px FGbook, arial, sans-serif;
	margin: 0px;
	padding: 2px;
	width: 139px;}
.search_button {margin:0 0 0 5px;}
.priceTable {margin:30px 0 0 0 ;border:1px solid #999;}
.priceTable th{background-color:#ddd;}
.priceTable .alt td {background: #eee;}
.newImageSidebar {width:154px;margin:5px 0 5px 20px;}


.searchPicture {
	border: 1px solid rgb(68, 68, 68);
	display: inline-block;
	padding: 3px;
	margin: 0 5px 0 0;
	text-align: center;}

.greyBackgroundText {color:#fff;}


/* Site Link Behavior
-------------------------------------------------------------- */
a:link {color: #714b32;  text-decoration:underline;}
a:visited {color: #714b32; text-decoration:underline;}
a:hover {color: #f18f05;  text-decoration:underline;}
a:active {color: #714b32;  text-decoration:underline;}

.greyBackgroundText a:link {color: #f18f05;  text-decoration:underline;}
.greyBackgroundText a:visited {color: #f18f05; text-decoration:underline;}
.greyBackgroundText a:hover {color: #eee;  text-decoration:underline;}
.greyBackgroundText a:active {color: #f18f05;  text-decoration:underline;}

#leftCol h2 a:link {color: #777;  text-decoration:none;}
#leftCol h2 a:visited {color: #777; text-decoration:none;}
#leftCol h2 a:hover {color: #f18f05;  text-decoration:none;}
#leftCol h2 a:active {color: #777;  text-decoration:none;}


#galleryCol h5 a:link {color: #fff;  text-decoration:none;}
#galleryCol h5 a:visited {color:#fff; text-decoration:none;}
#galleryCol h5 a:hover {color: #f18f05;  text-decoration:none;}
#galleryCol h5 a:active {color:#fff;  text-decoration:none;}


#mainMenu A:link {color: #fff; text-decoration:none;}
#mainMenu A:visited {color: #fff; text-decoration:none;}
#mainMenu A:hover {background-color: #f18f05; text-decoration:none;}
#mainMenu A:active {color: #fff; text-decoration:none;}
#mainMenu .current-cat {background-color:#f18f05;}

.footerItem A:link {color: #fff;}
.footerItem A:visited {color: #fff;}
.footerItem A:hover {color: #f18f05;}
.footerItem A:active {color: #fff;}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


.slideShowHolder {
	width: 500px;
	position: relative;
	height: auto;
	margin:0 auto;

}

.slides {
	width: 500px;
	position: relative;
	height: auto;
	height: 600px;
		border:1px solid #999;
	padding:1px;
}

.slide {
	max-width: 500px;
	position: relative;
	height: 600px;
	background-position:50% 50%;
	background-size:auto;
	-webkit-background-size:auto;
	-moz-background-size:auto;
	background-repeat: no-repeat !important;
}