/* T Y P O M A N I A */

/* @group Standard */

html { overflow: scroll; overflow-x:auto; }

head {
	display: none
}

body {
	margin: 8px;
	font: .825em/1.5em Helvetica, Verdana, Arial, sans-serif;
	color: #434343;
}

html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre {
	display: block
}

img {
	border-width: 0;
}



/* @end */

/* @group Tables */

table {
	display: table
}

tr {
	display: table-row
}

thead {
	display: table-header-group
}

tbody {
	display: table-row-group
}

tfoot {
	display: table-footer-group
}

col {
	display: table-column
}

colgroup {
	display: table-column-group
}

td, th {
	display: table-cell
}

th {
	font-weight: bolder;
	text-align: center
}

table {
	border-spacing: 2px;
}

thead, tbody, tfoot {
	vertical-align: middle
}

td, th, tr {
	vertical-align: inherit
}

td.standard {
	padding: 3px 5px;
}



/* @end */

/* @group Headings */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-style: normal;
	font-family: "American Typewriter", Arial, Calibri, "Century Schoolbook", Candara;
}

h1 {
	font-size: 2em;
	margin: .67em 0;
	color: #000;
	line-height: 1.4em;
}

.h1 {
	font-size: 2em;
	margin: 3px;
	color: #000;
	line-height: 1.4em;
	font-family: "American Typewriter", "Century Schoolbook", Calibri, Candara;
}

h2 {
	font-size: 1.5em;
	margin: .75em 0;
	color: #000;
}

.h2 {
	font-size: 1.5em;
	margin: 3px;
	font-family: "American Typewriter", "Century Schoolbook", Calibri, Candara;
}

h3 {
	font-size: 1.17em;
	margin: .83em 0;
	color: #000;
}

.h3 {
	font-size: 1.17em;
	margin: 3px;
	font-family: "American Typewriter", "Century Schoolbook", Calibri, Candara;
}

h4 {
	font-size: 1em;
	margin: .83em 0;
	line-height: 1.3em;
}

.h4 {
	font-size: 1em;
	margin: 3px;
	line-height: 1.3em;
	font-family: "American Typewriter", "Century Schoolbook", Calibri, Candara;
}

h5 {
	font-size: .83em;
	margin: 1.5em 0
}

.h5 {
	font-size: .83em;
	margin: 3px;
	font-family: "American Typewriter", "Century Schoolbook", Calibri, Candara;
}

h6 {
	font-size: .75em;
	margin: 1.67em 0
}

.h6 {
	font-size: .75em;
	margin: 3px;
}



/* @end */

/* @group Lists */

ol, ul, dir, menu, dd {
	margin-left: 40px
}

ol {
	list-style-type: decimal
}

ol ul, ul ol, ul ul, ol ol {
	margin-top: 0;
	margin-bottom: 0
}

li {
	display: list-item
}

u, ins {
	text-decoration: underline
}

ul, ol, dl {
	page-break-before: avoid
}

ul.standard {
	margin-left: 40px;
}

/* @group Alphabetti */

ul.alphabetti {
	list-style-type: none;
	padding: 0 0 0 15px;
	display: block;
	height: 25px;
}

ul.alphabetti li {
	float: left;
	margin-right: 1px;
	position:relative;
	display:block;
	margin-top: 0;
	margin-bottom: 0;
}

ul.alphabetti li a {
	display:block;
	padding: 3px 7px;
	color: #515151;
	text-decoration:none;
	margin-top: 0;
	background-color: #d9d9d9;
	margin-bottom: 0;
}

ul.alphabetti li a:hover{
	color: #fefffe; /* It'll look nice semi-transparent */
	text-decoration: none;
	background-color: #e46e4c;
}

ul.alphabetti li.selected a, ul.alphabetti li.selected a:visited {
	color: #fefffe; /* It'll look nice semi-transparent */
	text-decoration: none;
	background-color: #8c9f56;
}



/* @end */

/* @group navigation */

.navigation {
	float: left;
	list-style:none;
	margin-bottom: 0;
	margin-top: 1px;
	padding: 0;
	font: .9em Arial, Helvetica, Geneva, sans-serif;
}

.navigation li {
	float:left;
	position:relative;
	display:block;
	margin: 0 1px 0 0;
}
.navigation li a {
	display:block;
	padding: 5px 15px;
	color: #515151;
	text-decoration:none;
	margin-top: 0;
	background-color: #d9d9d9;
	margin-bottom: 0;
}
.navigation li a:hover{
	color: #fefffe; /* It'll look nice semi-transparent */
	text-decoration: none;
	background-color: #e46e4c;
}

.navigation li.selected a, .navigation li.selected a:visited {
	color: #fefffe; /* It'll look nice semi-transparent */
	text-decoration: none;
	background-color: #8c9f56;
}

/*--- DROPDOWN ---*/

.navigation ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity;
	margin: 0;
	padding: 0;
	border: 1px solid #919191;
}
.navigation ul li{ /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.navigation li.selected ul a:visited{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0;
	border-color: #e0e0e0;
	color: #515151;
}
.navigation li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
.navigation ul li:hover a{ /* Set styles for top level when dropdown is hovered */

	background: #e46e4c; /* It'll look nice semi-transparent */
	text-decoration: none;
	color: #ffffff;
}
.navigation li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
.navigation li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background: #e46e4c; /* It'll look nice semi-transparent */
	text-decoration: none;
	color: #ffffff;
}



/* @end */

/* @group Sub-Navigation */

/* SUB-NAVIGATION */

ul.subnavigation {
	list-style-type: none;
	padding: 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

ul.subnavigation li a, ul.subnavigation li a:visited {
	text-decoration: none;
	display: block;
	background-color: #e9e9e9;
	padding: 5px 15px;
	margin-bottom: 2px;
}

ul.subnavigation li a:hover {
	text-decoration: none;
	display: block;
	background-color: #c4dd7a;
	padding: 5px 15px;
	margin-bottom: 2px;
	color: #3b2800;
}

ul.subnavigation li.selected a, ul.subnavigation li.selected a:visited {
	text-decoration: none;
	display: block;
	background-color: #8c9f56;
	padding: 5px 15px;
	margin-bottom: 2px;
	color: #fbf6e4;
	font-weight: bold;
}

ul.subnavigation ul {
	list-style-type: none;
	padding: 0;
}

ul.subnavigation li.selected ul li a, ul.subnavigation li.selected ul li a:visited {
	text-decoration: none;
	display: block;
	background-color: #d7e1d4;
	padding: 5px 15px 5px 30px;
	margin-bottom: 2px;
	color: #5d6a37;
}

ul.subnavigation li.notselected ul li a, ul.subnavigation li.notselected ul li a:visited {
	text-decoration: none;
	display: block;
	background-color: #e9e9e9;
	padding: 5px 15px 5px 30px;
	margin-bottom: 2px;
	color: #4c606c;
}

ul.subnavigation li.selected ul li a:hover {
	background-color: #c4dd7a;
	color: #3b2800;
}

ul.subnavigation li.notselected ul li a:hover {
	background-color: #c4dd7a;
	color: #3b2800;
}

ul.subnavigation ul li a, ul.subnavigation ul li a:visited {
	padding-left: 30px;
}

ul.subnavigation li.selected ul li.selected a, ul.subnavigation li.selected ul li.selected a:visited {
	text-decoration: none;
	display: block;
	background-color: #8c9f56;
	padding: 5px 15px 5px 30px;
	margin-bottom: 2px;
	color: #fbf6e4;
}



/* @end */

/* @group Sub-Navigation New */

/* SUB-NAVIGATION - NEW */

ul.subnavigationnew {
	list-style-type: none;
	padding: 0;
}

ul.subnavigationnew li {
	text-decoration: none;
	display: block;
	background-color: #e6e6e6;
	margin-bottom: 2px;
	padding-top: 0;
	padding-bottom: 5px;
	padding-right: 0;
}

ul.subnavigationnew li:hover {
	text-decoration: none;
	display: block;
	background-color: #c4dd7a;
	margin-bottom: 2px;
	color: #3b2800;
}

ul.subnavigationnew li.selected {
	background-color: #c4dd7a;
}

ul.subnavigationnew li a:hover.textlink, ul.subnavigationnew li a:hover.textlink:visited {
	color: #3b2800;
	text-decoration: underline;
}

ul.subnavigationnew li img {
	float: right;
	margin: 2px;
}

ul.subnavigationnew li a.textlink, ul.subnavigationnew li a.textlink:visited {
	display: inline-block;
	font-size: 1.1em;
	padding-top: 9px;
	padding-left: 15px;
}

ul.subnavigationnew .teaser {
	font-size: .9em;
	margin-left: 15px;
	margin-bottom: 0;
}

ul.subnavigationnew ul {
	list-style-type: none;
	padding: 0;
	clear: both;
}

ul.subnavigationnew ul li {
	text-decoration: none;
	display: block;
	margin-bottom: 2px;
	padding: 0 0 0 15px;
	background-color: transparent;
}



/* @end */

/* @group Paging */

ul.pages {
	list-style-type: none;
	padding: 0 0 0 15px;
	display: block;
	height: 25px;
}

ul.pages li {
	float: left;
	margin-right: 1px;
	position:relative;
	display:block;
	margin-top: 0;
	margin-bottom: 0;
}

ul.pages li a {
	display:block;
	padding: 5px 10px;
	color: #515151;
	text-decoration:none;
	margin-top: 0;
	background-color: #d9d9d9;
	margin-bottom: 0;
}

ul.pages li a:hover{
	color: #fefffe; /* It'll look nice semi-transparent */
	text-decoration: none;
	background-color: #e46e4c;
}

ul.pages li.selected a, ul.pages li.selected a:visited {
	color: #fefffe; /* It'll look nice semi-transparent */
	text-decoration: none;
	background-color: #8c9f56;
}



/* @end */



/* @end */

/* @group Other */

abbr[title], acronym[title], span[title], strong[title] {
	border-bottom: thin dotted;
	cursor: help;
}

acronym:hover, abbr:hover {
	cursor: help;
}

hr {
	border: 1px;
	color: #bcbcbc;
	background-color: #afafaf;
	height: 1px;
}

br:before {
	content: "\A";
	white-space: pre-line
}

h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu {
	margin: 1.12em 0
}

.options {
	-moz-opacity: .60;
	filter: alpha(opacity=60);
	opacity: .60;
	padding: 5px;
	background-color: #e7e7e7;
}

.options:hover {
}

.options a, .options a:visited {
	text-decoration: none;
	color: #e46e4c;
}

.options a:hover {
	color: #5ca027;
}

.pointer {
	cursor: pointer;
}

.crosshair {
	cursor: crosshair;
}

.dark {
	background-color: #f3e1b9;
}

.light {
	background-color: #f1eec9;
}

img.icon {
	margin: 5px;
}

.datepublished {
	color: #919191;
}



/* @end */

/* @group Font Styles */

pre, tt, code, kbd, samp {
	font-family: monospace
}

caption {
	display: table-caption;
	text-align: center
}

b, strong {
	font-weight: bolder
}

big {
	font-size: 1.17em
}

small, sub, sup {
	font-size: .83em
}

sub {
	vertical-align: sub
}

sup {
	vertical-align: super
}

s, strike, del {
	text-decoration: line-through
}

pre {
	white-space: pre
}

blockquote {
	margin-left: 40px;
	margin-right: 40px
}

center {
	text-align: center
}

i, cite, em, var, address {
	font-style: italic
}

.leader {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #515151;
}

.err {
	color: #ff5f1d;
}

.grey {
	color: #767676;
}

.green {
	color: #007b11;
}

.red {
	color: #7f1717;
}



/* @end */

/* @group Forms */

button, textarea, input, select {
	display: inline-block
}

label {
	float: left;
	width: 130px;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	clear: both;
}

input, select {
	margin-top: 5px;
	margin-bottom: 5px;
}

input.textfield, textarea.textfield {
	border-style: inset; 
	border-width: 2px; 
}

radio, .field {
	margin-top: 8px;
	margin-bottom: 5px;
}

.fauxinput {
	margin-top: 5px;
	display: inline-block;
	padding-left: 2px;
}

.radiobutton, .checkbox {
	margin-top: 9px;
	margin-bottom: 3px;
}

.fileupload {
	background-color: #e0e0e0;
	border: 1px solid #919191;
}

fieldset {
	background-color: #f8f1e0;
	border: 1px solid #919191;
	margin-bottom: 10px;
}

legend {
	background-color: #ffffff;
	border: 1px solid #919191;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 1em;
}

form {
	padding-bottom: 15px;
}

textarea {
	margin: 2px;
	font: 1em Helvetica, Verdana, Arial, sans-serif;
}

.noscroll {
	overflow: hidden;
}

.tab legend {
	margin-top: -15px;
	margin-bottom: 10px;
}



/* @end */

/* @group Links */

a, a:visited {
	color: #e46e4c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.nounderline {
	text-decoration: none;
}

a.nounderline:hover {
	text-decoration: underline;
}

a.inlineblock, a.inlineblock:visited {
	display: inline-block;
	background-color: #e0e0e0;
	padding-right: .5em;
	padding-left: .5em;
}

a.inlineblock:hover {
	text-decoration: none;
	background-color: #e46e4c;
	color: #fefffe;
}

a.inlineblock:active {
	text-decoration: none;
	background-color: #8c9f56;
	color: #fefffe;
}



/* @end */

/* @group Page Layout */

.nineseventy, .pagecolumn {
	width: 970px;
	margin: auto;
}

.minheight {
	height: 820px;
	float: right;
}

.smallminheight {
	height: 340px;
	float: right;
}

#homelink {
	float: right;
}

#toplevelnavigation {
	float: left;
}

.maincontentarea {
	width: 580px;
	float: left;
}

#subnavigation {
	width: 330px;
	float: right;
}

.navbar {
	background-color: #515151;
}

.subfooter {
	padding-top: 75px;
}

#toprightnavigation p.standard {
	background-color: #e9e9e9;
	margin: 1px 0 0;
	padding-top: 2px;
	padding-bottom: 3px;
}

#login_email, #login_password {
	margin: 2px;
	padding: 2px;
}

#toprightnavigation input.lesswhitespace {
	margin: 2px;
	padding: 2px;
}

/* @group Products */

.productlisting {
	border-color: #0b0427;
}

.productlistingtitle {
	width: 350px;
}

.productlistingprice {
	width: 220px;
}

.productlisting p {
	margin: 0;
	padding: 3px 15px 0;
}

.productlisting h3 {
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.productlisting form {
	margin: 0;
	padding: 0;
	border-color: #54308d;
}

.productlistingselected {
	background-color: #ff9468;
}

.productlistingselected, .productlistingselected h3 {
	font-weight: bold;
}

.domainname {
	
}

.domainname a, .domainname a:visited {
	color: #90864c;
	text-decoration: none;
}

.domainname a:hover {
	color: #454021;
}

.domainname p {
	margin: 0;
	padding: 3px 15px 0;
}



/* @end */



/* @end */

/* @group Padding */

.standard {
	padding-right: 15px;
	padding-left: 15px;
}

.doublestandard {
	padding-right: 15px;
	padding-left: 30px;
}

.padded {
	padding: 15px;
}

.datepublished {
	padding: 15px;
	margin: 0;
}

.almostnoverticalspace {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 2px;
	padding-bottom: 2px;
}

.noverticalspace {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.notopmargin {
	margin-top: 0;
}

.nobottommargin {
	margin-bottom: 0;
}



/* @end */

/* @group Advanced paragraph */

#advancedpara {
	display: none;
	position: absolute;
	top: 0;
	background-image: url(/images/advancedbg.png);
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 10;
	-moz-opacity: .0;
	filter: alpha(opacity=0);
	opacity: .0;
	visibility: hidden;
}

#updateadvancedpara {
	display: block;
	position: absolute;
	top: 0;
	background-image: url(/images/advancedbg.png);
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 20;
	visibility: visible;
}

#addadvancedpara {
	background-color: #ebebeb;
	padding-top: 25px;
	padding-bottom: 25px;
	border: 10px solid #919191;
	height: 80%;
	margin-top: 10%;
	
}

#editadvancedpara {
	background-color: #ebebeb;
	padding-top: 25px;
	padding-bottom: 25px;
	border: 10px solid #919191;
	height: 80%;
	margin-top: 10%;
	
}



/* @end */

/* @group Gallery */

div#thumbscontainer {
	padding: 0;
	margin-bottom: 15px;
	margin-top: 25px;
}

div#gallerythumbs {
	color: #fff;
	overflow: auto;
	height: 100px;
}

.gallerylinks {
	background-color: #e6eded;
	margin-top: 5px;
	margin-bottom: 5px;
}

.gallerylinks a, .gallerylinks a:visited {
	text-decoration: none;
}

.gallerymaincolumn {
	width: 780px;
}

.gallerythumnailscolumn {
	width: 170px;
	padding-top: 25px;
}

.gallerythumnailscolumn h2 {
	margin: 0;
	padding: 0 5px 5px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.gallerythumnailscolumn h3 {
	margin: 0;
	padding: 0 5px 5px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.gallerythumnailscolumn h4 {
	margin: 0;
	padding: 0 5px 5px;
	font: normal 1em/1.2em Arial, Helvetica, Geneva, sans-serif;
}

.gallerythumnailscolumn p {
	margin: 0;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0 5px 5px;
}

.gallerymainimage {
	width: 600px;
	background-color: #ffffff;
}

.galleryimageinfocolumn {
	width: 160px;
	margin-left: 10px;
}

#galleryimage {
	width: 600px;
	border-right: 13px dashed #cacaca;
}

.galleryimageminheight {
	width: 602px;
}

#gallery {
	position: relative; width: 560px; height: 160px; margin:0; padding:0;
	background-color: #e9e9e9;
}

#gallery div {
	display: block;
	position: absolute;
	top: 0;
	width: 600px;
	height: 600px;
	background-color: #ffffff;
}

#galleryimageinfo {

}

.galleryimage {
	display: block;
	position: absolute;
	width: 780px;
	background-color: #ffffff;
}

.galleryimageslice {
	height: 660px;
	width: 1px;
}

.galleryimagemainslice {
	height: 820px;
}

#tagshape {
	position: absolute;
	z-index: 150;
	border: 5px solid #ffeed5;
	width: 100px;
	height: 100px;
	background-color: transparent;
	cursor: crosshair;
	visibility: hidden;
}

#tagshape p {
	background-color: #ffeed5;
	margin-top: 0;
	margin-left: 0;
	padding: 0 5px;
	float: left;
}

#tagshape a, #tagshape a:visited {
	text-decoration: none;
}

.tagform p {
	margin: 0;
	padding-left: 15px;
}

.tagform {
	margin: 0;
	background-color: #d4d4d4;
	padding: 5px 0;
}



/* @end */

/* @group Ajax Menu */

#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
//	width:175px;	/* Width of box */
//	height:250px;	/* Height of box */
	overflow: auto;	/* Dark green border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
	border: 1px solid #bfbfbf;
}

#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding: 5px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color: #e46e4c;
	color: #FFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}

/* @end */

/* @group Images */

.imthumbnail {
	margin: 5px;
	border: 1px solid #919191;
	background-color: #e4e4e4;
}



/* @end */

/* @group Business */

.invoicelogo {
	height: 70px;
}

.servicesdescription {
	padding-bottom: 50px;
}

.invoiceclientdetails {
	width: 250px;
}



/* @end */

@media print {

	h1, h2, h3, h4, h5, h6 {
		color: #494949;
	}

	* {
		font-size: 1.1em;
		line-height: 1.2em;
	}

	.noprint {
		display: none;
	}

	.pagecolumn {
		padding: 50px;
	}

	.maincontentarea {
		width: 100%;
		float: left;
	}
}

/* @group Events */

.eventsday {
	width: 126px;
	margin-left: 10px;
}

.eventsday h3, .eventsday h4 {
	margin: 0;
	padding: 0;
}



/* @end */

/* @group Sub-Navigation */

.subnavlisting {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	background-color: #eaeaea;
	margin-bottom: 2px;
}

.subnavlisting h3 {
	margin: 0;
	padding: 7px 15px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.subnavthumbtext {
	width: 270px;
}

.subnavthumbtext p, .subnavtext p {
	padding: 0 15px 7px;
	margin: 0;
}

.subnavthumb {
	width: 50px;
}



/* @end */