/* CSS Document */

/********** General styles and resets **********/
html, body {
	margin: 0;
	background: #000000;
	font-family: Lucida Sans Unicode, Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 92%;
	color: #000000;
}

div {
	margin: 0;
	padding: 0;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #f12302;
	text-decoration: none;
}

h1 {
	margin: 20px 0 0 0;
	font-size: 1.8em;
	font-weight: bold;
	color: #f78700;
	line-height: 1.4em;
}

h2 {
	margin: 1em 0 0 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #f78700;
	line-height: 1.4em;
}

h3, h4, h5, h6 {
	margin: 1em 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #f78700;
	line-height: 1.4em;
}

p {
	margin: 1em 0 0 0;
	line-height: 1.4em;
}

img {
	border: none;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.4em;
}

hr {
	width: 100%;
	height: 6px;
	margin: 1em 0 0 0;
	padding: 0;
	border: none;
	background: #f78700 url('/templates/default/images/elements/hr.gif') repeat top left;
	color: #f78700;
}

/********** Forms **********/

form {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	margin: 0;
	padding: 3px;
	font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
	font-size: 1em;
}

.button {
	width: auto;
	padding: 3px 20px;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}

.button:hover {
	color: #ff0000;
}

/********** IE6 warning box **********/

#ie6-warning {
	display: none;
	background: #cc0000;
	color: #ffffff;
	overflow: hidden;
}
* html #ie6-warning {
	display: block;
}

#ie6-warning p {
	margin: 0;
	padding: 10px;
}

#ie6-warning a {
	color: #ffffff;
	text-decoration: underline;
}

#ie6-warning a:hover {
	text-decoration: none;
}

/********** Document container **********/

.content-container {
	clear: both;
	width: 100%;
	min-height: 600px;
	overflow: hidden;
	background: #000000 url('/templates/default/images/backgrounds/html-bg.jpg') repeat-x top left;
	font-size: 1em;
}

/********** Header **********/

.header {
	clear: both;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	background: #000000;
}

.header .logo {
	float: left;
	width: 322px;
	height: 62px;
	margin: 30px 30px 20px 30px;
	background: transparent url('/templates/default/images/header/logo.gif') no-repeat top left;
	text-indent: -9000px;
}

.header .logo a {
	display: block;
	height: 62px;
}

.header ul.top-menu {
	float: right;
	width: 578px;
	margin: 10px 20px 0 0;
	text-align: right;
}

.header ul.top-menu li {
	display: inline;
	margin: 0 0 0 1em;
}

.header ul.top-menu li a {
	color: #ffffff;
	text-decoration: none;
}

.header ul.top-menu li a:hover {
	color: #f12302;
}

.header .telephone {
	float: right;
	width: 221px;
	height: 20px;
	margin: 40px 20px 20px 0;
	background: transparent url('/templates/default/images/header/telephone.gif') no-repeat top left;
	text-indent: -9000px;
}

/********** Main menu **********/

.main-menu {
	clear: both;
	width: 980px;
	margin: 0 auto;
}

.main-menu ul {
	float: left;
	width: 900px;
	padding: 20px 40px;
}

.main-menu ul li {
	float: left;
	position: relative;
	z-index: 12;
	width: 170px;
	padding: 0 10px 2px 10px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 0 2px;
	color: #ffffff;
}

.main-menu ul li:hover {
	background: #000000;
}

.main-menu ul li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}
.main-menu ul li a:hover {
	color: #f78700;
	background: #000000;
}

.main-menu ul li ul {
	display: none;
	position: absolute;
	z-index: 12;
	top: 100%;
	left: 0;
	width: 190px;
	padding: 5px 0;
	background: #000000;
}

.main-menu ul li:hover ul {
	display: block;
}


.main-menu ul li ul li {
	padding: 5px 10px 5px 10px;
	border: none;
}

/********** Main content container **********/

.main-content-container {
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding: 20px;
	overflow: hidden;
	background: #000000 url('/templates/default/images/backgrounds/main-content-bg.jpg') no-repeat top left;
	border-color: #f78700;
	border-style: solid;
	border-width: 6px 0 0 0;
}

.main-content-container .content {
	clear: both;
	width: 900px;
	padding: 0px 20px 20px 20px;
	background: #ffffff;
	overflow: hidden;
}

.content ul,
.content ol {
	margin: 1em 0 0 0;
}

.content ul li,
.content ol li {
	margin: 0 0 0 1.5em;
	padding: 0 0 0 1em;
	list-style: square;
}

.content ol li {
	list-style: decimal;
}

/*********** Full width content **********/

.layout1 .col1 {
	float: left;
	width: 900px;
}

/********** 2 columns wide/narrow **********/

.layout2 .col1 {
	float: left;
	width: 600px;
	margin: 0 20px 0 0;
}

.layout2 .col2 {
	float: left;
	width: 280px;
} 

/********** 2 columns narrow/wide **********/

.layout3 .col1 {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
}

.layout3 .col2 {
	float: left;
	width: 600px;
}

/********** 2 equal columns **********/

.layout4 .col1 {
	float: left;
	width: 440px;
	margin: 0 20px 0 0;
}

.layout4 .col2 {
	float: left;
	width: 440px;
}

/********** 3 equal columns **********/

.layout5 .col1 {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
}

.layout5 .col2 {
	float: left;
	width: 290px;
	margin: 0 20px 0 0;
}

.layout5 .col3 {
	float: left;
	width: 290px;
}

/********** 3 columns narrow - wide - narrow **********/

.layout6 .col1 {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}

.layout6 .col2 {
	float: left;
	width: 460px;
	margin: 0 20px 0 0;
}

.layout6 .col3 {
	float: left;
	width: 200px;
}

/********** header block + 3 equal columns **********/

.layout7 .row1 {
	float: left;
	width: 900px;
}

.layout7 .col1 {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
}

.layout7 .col2 {
	float: left;
	width: 290px;
	margin: 0 20px 0 0;
}

.layout7 .col3 {
	float: left;
	width: 290px;
}

/********** 3 equal columns with left aligned header block **********/

.layout8 .col1 {
	float: left;
	width: 600px;
	margin: 0 20px 0 0;
}

.layout8 .col2 {
	float: left;
	width: 290px;
}

.layout8 .row1 {
	float: left;
	width: 600px;
}

.layout8 .col3 {
	float: left;
	width: 290px;
	margin: 0 20px 0 0;
}

.layout8 .col4 {
	float: left;
	width: 280px;
}

/********** 3 equal columns with right aligned header block **********/

.layout9 .col1 {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
}

.layout9 .col2 {
	float: left;
	width: 600px;
}

.layout9 .row1 {
	float: left;
	width: 600px;
}

.layout9 .col3 {
	float: left;
	width: 290px;
	margin: 0 20px 0 0;
}

.layout9 .col4 {
	float: left;
	width: 290px;
}

/********** 2 equal columns with header block **********/

.layout10 .row1 {
	float: left;
	width: 900px;
}

.layout10 .col1 {
	float: left;
	width: 440px;
	margin: 0 20px 0 0;
}

.layout10 .col2 {
	float: left;
	width: 440px;
}

/********** 2 equal columns with header block **********/

.layout11 .row1 {
	float: left;
	width: 900px;
}

.layout11 .col1 {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
}

.layout11 .col2 {
	float: left;
	width: 600px;
}

/********** 2 equal columns with header block **********/

.layout12 .row1 {
	float: left;
	width: 900px;
}

.layout12 .col1 {
	float: left;
	width: 600px;
	margin: 0 20px 0 0;
}

.layout12 .col2 {
	float: left;
	width: 280px;
}

/********** Footer **********/

.footer {
	clear: both;
	width: 920px;
	margin: 6px 0 0 0;
	padding: 10px 20px 30px 0;
	overflow: hidden;
	background: #2c2c2c url('/templates/default/images/footer/footer-bg.jpg') no-repeat top left;
	border-color: #f12302;
	border-style: solid;
	border-width: 6px 0 0 0;
	color: #ffffff;
}

.footer a {
	color: #ffffff;
}

.footer p.copyright {
	float: left;
	width: 440px;
	margin: 1em 10px 0 20px;
	font-size: 0.7em;
	line-height: 1.7em;
}

.footer ul.logos {
	float: left;
	width: 450px;
	margin: 1em 0 0 0;
}

.footer ul.logos li {
	float: left;
	margin: 0 0 0 20px;
}

.footer ul {
	float: left;
	width: 160px;
	margin: 1em 40px 0 20px;
}

.footer ul.main {
	clear: both;
}

.footer p.definition {
	float: right;
	width: 480px;
	margin: 1em 0 0 0;
}

/********** Custom styles selectable in CMS **********/

.link-button {
	clear: both;
	min-height: 25px;
	margin: 10px 0 0 0 ;
	padding: 5px 10px 0 0;
	background: transparent url('/templates/default/images/content-box/link-tab.png') no-repeat top right;
	text-align: right;
}

.link-button a {
	color: #ffffff;
	text-decoration: none;
}

.link-button a:hover {
	text-decoration: underline;
}

.image-left {
	margin: 0 10px 10px 0;
}

.image-right {
	margin: 0 0 10px 10px;
}

/********** Other custom styles **********/

.webstore-block {
	background: #f78700;
	margin: 1em 0 0 0;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	color: #000000;
}

.webstore-block h1,
.webstore-block h2,
.webstore-block h3,
.webstore-block h4,
.webstore-block h5,
.webstore-block h6 {
	margin: 0;
	font-size: 1.5em;
	color: #ffffff;
}

/********** Blog content **********/

.blog-post-container {
	margin: 1em 0 0 0;
	background: #dcdcdc url('/templates/default/images/content-box/box-bg.gif') no-repeat top left;
	overflow: hidden;
}

.blog-post-container h2 {
	margin: 10px 0 0 10px;
}

.blog-post-container ul {
	margin: 0 10px 10px 10px;
	overflow: hidden;
}

.blog-post-container ul li {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

.blog-post-container ul li h3 .date-modified {
	font-size: 0.8em;
}

.blog-post-container ul li .blog-post-link {
	min-height: 25px;
	margin: 10px 0 0 0 ;
	padding: 5px 10px 0 0;
	background: transparent url('/templates/default/images/content-box/link-tab.png') no-repeat top right;
	text-align: right;
}

.blog-post-container ul li .blog-post-link a {
	color: #ffffff;
	text-decoration: none;
}

.blog-post-container ul li .blog-post-link a:hover {
	text-decoration: underline;
}

/********** Flash content **********/

.flash-content {
	margin: 1em 0 0 0;
}

/********** Form content **********/

.email-form {
}

.email-form p.required {
	display: none;
}

.email-form p.form-message-success {
	padding: 20px;
	background: #00cc66;
	color: #ffffff;
}

.email-form p.form-message-error {
	padding: 20px;
	background: #cc0000;
	color: #ffffff;
}

.email-form .form-row {
	clear: both;
	margin: 1em 0 0 0;
	overflow: hidden;
}

.email-form .form-row label {
	display: block;
}

.email-form .form-row input,
.email-form .form-row textarea,
.email-form .form-row select {
	clear: both;
	width: 240px;
}

.email-form .form-row .options input,
.email-form .form-row .options textarea,
.email-form .form-row .options select {
	float: left;
	width: auto;
	margin: 0.25em 1em 0 0;
}

.email-form .form-row .options label {
	float: left;
	display: inline;
	margin: 0.25em 0 0 0;
}

.email-form .form-row .button {
	width: auto;
}

/********** Menus **********/

ul.page-menu {
	margin: 1em 0 0 0;
	padding: 0 10px 10px 10px;
	background: #dcdcdc url('/templates/default/images/content-box/box-bg.gif') no-repeat top left;
	overflow: hidden;
	list-style: none;
}

ul.page-menu li {
	margin: 0.5em 0 0 0;
	padding: 0;
	list-style: none;
}

ul.page-menu li.title {
	margin: 10px 0 0 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #f78700;
}

ul.page-menu li.heading {
	margin: 1em 0 0 0;
	font-weight: bold;
}

/********** RedMail form **********/

.newsletter-subscribe {
	margin: 1em 0 0 0;
	padding: 0 10px 10px 10px;
	background: #dcdcdc url('/templates/default/images/content-box/box-bg.gif') no-repeat top left;
	overflow: hidden;
}

.newsletter-subscribe h2 {
	margin: 10px 0 0 0;
}

.newsletter-subscribe p.error {
	padding: 20px;
	background: #333333;
	color: #ffffff;
	font-weight: bold;
}

.newsletter-subscribe .form-row {
	clear: both;
	margin: 1em 0 0 0;
	overflow: hidden;
}

.newsletter-subscribe .form-row label {
	float: left;
	width: 80px;
	margin: 0 20px 0 0;
}

.newsletter-subscribe .form-row input {
	float: left;
	width: 150px;
}

/********** JQuery slideshow **********/

.slideshow {
	width: 100%;
	height: 300px;
	position: relative;
	margin: 1em 0 0 0;
	overflow: hidden;
}

.slideshow .wrapper { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.slideshow .wrapper ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 99999px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #efefef;
}

.slideshow ul li {
	position: relative;
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
}

.slideshow ul li .image {
	width: 100%;
	height: 100%;
}

.slideshow ul li .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: transparent url('/cms/plugins/slideshow-content/assets/images/caption-bg.png') repeat top left;
	color: #ffffff;
	font-size: 1.8em;
}

.slideshow ul li .caption a {
	display: block;
	height: 100%;
	padding: 10px 20px 20px 20px;
	color: #ffffff;
	text-decoration: none;
}

.slideshow .arrow  { 
	display: block;
	position: absolute;
	top: 50%;
	height: 60px;
	width: 60px;
	margin: -30px 0 0 0;
	background: transparent url('/cms/plugins/slideshow-content/assets/images/arrows.png') no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}

.slideshow .forward {
	background-position: 0 0; 
	right: 20px;
}

.slideshow .back { 
	background-position: -60px 0; 
	left: 20px;
}

.slideshow .forward:hover {
	background-position: 0 -60px;
}

.slideshow .back:hover { 
	background-position: -60px -60px;
}

#thumbNav {
	position: relative;
	top: 0;
	left: 50px;
}

#thumbNav a {
	float: left;
	display: block;
	width: 15px;
	height: 20px;
	padding: 0 5px 5px 5px;
	margin: 0 5px 0 0;
	background: #ffffff;
	text-align: center;
}

#thumbNav a:hover { 
	background: #cccccc;
}

#thumbNav a.cur { 
	color: #ffffff;
	background: #666666;
}

#start-stop { 
	position: absolute;
	left: 20px;
	top: 0;
	width: 15px;
	height: 15px;
	background: #ffffff url('/cms/plugins/slideshow-content/assets/images/play-button.gif') no-repeat top left;
	color: #ffffff;
	padding: 5px;
	text-indent: -9000px;
}

#start-stop.playing { 
	background: #ffffff url('/cms/plugins/slideshow-content/assets/images/pause-button.gif') no-repeat top left;
}

#start-stop:hover { 
	
}

.slideshow .wrapper ul ul { 
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
}

.slideshow .wrapper ul ul li { 
	float: none;
	height: auto;
	width: auto;
	background: none;
}

/********** Twitter feeds **********/

.latest-tweets {
	margin: 20px 0 0 0;
	padding: 0 20px 20px 20px;
	background: #efefef;
	overflow: hidden;
}

/********** Media player **********/

.media-player-container {
	margin: 1em 0 0 0;
	background: #a5a5a5; /* url('/templates/default/images/media/player-bg.gif') no-repeat bottom right;*/
	overflow: hidden;
}

.media-player-container .media-player {
	float: left;
	padding: 10px;
}

.media-player-container .media-link {
	float: right;
	width: 130px;
	padding: 0 10px 10px 10px;
	text-align: center;
	font-size: 1.3em;
}

.media-player-container .media-link a {
	color: #ffffff;
	text-decoration: none;
}

.media-player-container .media-link a:hover {
	text-decoration: underline;
}

.media-player-main {
	width: 600px;
	height: 400px;
	margin: 1em 0 0 0;
	background: #000000;
}

.media-group-selection {
}

.media-thumb {
	float: left;
	width: 120px;
	margin: 20px 20px 0 0;
	background: #dcdcdc;
}

.media-thumb .thumb {
	float: left;
	width: 120px;
}

.media-thumb p {
	float: left;
	width: 100px;
	padding: 0 10px 10px 10px;
}

/********** Google Map **********/

.google-map {
	width: 600px;
	height: 400px;
	margin: 1em 0 0 0;
}