/* Styling the page body **************************************/
html { background: #ffff00 url(images/tqborder.png) repeat-x; }


@media only screen and (min-width: 600px)
{
    body {
    	position: absolute;
    	min-width: 670px;
    	width: 85%;
    	margin: 0 auto;
    	padding: 0;
    	font: 85%/1.7 "Trebuchet MS", Helvetica, Arial, sans-serif;
    	background-color: ffff00;
    }
}

@media only screen and (max-width: 600px)
{
    body {
        	padding: 0;
        	font: 85%/1.7 "Trebuchet MS", Helvetica, Arial, sans-serif;
        	background-color: ffff00;
    }
}
/*body
{
	position: absolute;
	width: 80%;
	margin: 0 auto;
	padding: 0;
	font: 130%/1.7 "Impact", Helvetica, Arial, sans-serif;
	background-color: ffff00;
}*/

#body_mob h2,h3
{
	margin-top: 1em;
}

#stretch
{
	letter-spacing: 5px;
	font-size: 100%;
}

/* Styling links **********************************************/
.contact:link {font-style: italic; background-image: url('images/contact.png')}
.contact:visited { font-style: italic; background-image: url('images/contact.png')}
.contact:hover { font-style: normal; background-image: url('images/contacted.png')}
.contact:active { font-style: italic;  background-image: url('images/contact.png')}

.back:link {font-style: italic; background-image: url('images/back.gif')}
.back:visited { font-style: italic; background-image: url('images/back.gif')}
.back:hover { font-style: normal; background-image: url('images/back.gif')}
.back:active { font-style: italic;  background-image: url('images/back.gif')}

.booknow:link {font-style: italic; background-image: url('images/booknowitalic.png')}
.booknow:visited { font-style: italic; background-image: url('images/booknowitalic.png')}
.booknow:hover { font-style: normal; background-image: url('images/booknow.png')}
.booknow:active { font-style: italic;  background-image: url('images/booknowitalic.png')}

a:link {font-style: italic;}
a:visited { font-style: italic;}
a:hover { font-style: normal;}
a:active { font-style: italic;}

.contactoption:hover { color: #000; }

.contactoption
{ 
	font: normal 90% "Impact", Helvetica, Arial, sans-serif;	
	color: #00f;
}

.contactlistoptions { margin-top: 2em; }

/* Styling headings *******************************************/
h2
{
	font: normal 140% "Impact", Helvetica, Arial, sans-serif;
	font-weight: normal;
	float: center;
}

h3
{
	font: bold 100% "Impact", Helvetica, Arial, sans-serif;
	font-weight: normal;
	float: center;
}

.slogan
{
	margin-top: -0.2em;
}

.companytitle
{
	text-align: center;
}

.legalheading
{
	text-align: center;
	font: normal 110% "Arial Black", Helvetica, Arial, sans-serif;	
}

.legalcontent
{
	font: bold 80% "Arial", Helvetica, Arial, sans-serif;	
}

.minitext
{
	font: bold 60% "Impact", Helvetica, Arial, sans-serif;	
}

.minitext:hover { color: #00f; }

.minitext { color: #000; }

h5
{
	font: normal 100% "Impact", Helvetica, Arial, sans-serif;
	margin-top: 0;
	font-weight: normal;
	float: right;
	font-style: italic;
 }

h5 { font-size: 70%; }

h5 { margin-bottom: -0.2em; }

h6
{
	font: normal 80% "Impact", Helvetica, Arial, sans-serif;
	font-weight: normal;
	float: left;
	font-style: italic;
}

h4 { margin-bottom: -1em; }

/* Styling the masthead ***************************************/
#branding {
	position: relative;
	height: 110px;
	margin-bottom: 40px;
	/*background: #fff url(images/tqborder.png) repeat-x;*/
	}

#branding h1 
{
	float: left;
	margin: 0 40px;
	padding: 20px 0 0;
	color: #ffff00; 
}

#branding_mob h1 
{
	float: left;
	margin: 0 40px;
	padding: 20px 0 0;
	color: #ffff00; 
}

#branding a img { border: none; background: transparent; }
#branding h1 a { }
#branding h1 a:focus, #branding h1 a:active { background: transparent; }

/* Styling the address ****************************************/
#address {
	color: #eee;
  position: absolute;
  top: 15px;
  right: 10px;
  margin: 0;
  text-align: left;
  font-size: 90%;
  line-height: 1.3; }

/* Styling the tag line ***************************************/
#tagline {
  margin: 0;
  position: absolute;
  top: 120px;
  right: 0;
  width: 65%;
  font: italic 140% Georgia, "Times New Roman", Times, serif;
/*  color: #fffdd7;**/
  text-align: center; }

#tagline p { margin: 0 0 .2em; }

/* Styling the main content ************************************/
#main-content
{
	width: 90%; float: center; padding-bottom: 20px; margin-left: 20px;
}

#main-content ul
{ 
	list-style-image: url("images/bullet.png" ); 
	font-size: 70%;
	margin-left: 1em;
	margin-top: -1em;
}

#main-content p { font-size: 75%; }

#main-content p img {
	float: center;
	margin-left: 10px;
	position: relative;
	border: none;
	padding: 2px; }

textarea { background-color: ffff00; margin-top: 5px}

/* Styling the navigation menu **********************************/
#navigation {
	width: 20%;
	float: left;
	margin: 0;
	position: relative;
	padding: 0;
	list-style: none;
	border-top: 1px solid #9a7737; }

#navigation li {
	border-bottom: 1px solid #9a7737;
	font: "Arial", Helvetica, Arial, sans-serif;
	padding: 6px 0 6px 35px;
	/*background: transparent url(images/ornament.gif) 0 50% no-repeat;*/ }

a { 	text-decoration: none;
	outline: none;
	color: #000;
}

.contact
{
	font-size: 80%;
	float: right;
	background:transparent url('images/contact.png');
	width: 76px;
 	height:50px;
}

.back
{
	font-size: 80%;
	float: left;
	background:transparent url('images/back.gif');
	width: 150px;
 	height:65px;
}

.booknow
{
	font-size: 80%;
	float: right;
	background:transparent url('images/booknow.png');
	width: 111px;
 	height:22px;
}

#navigation li.current {
	font-style: italic;
	background-image: url(images/ornament-current.gif);
	color: #000000; }

/* Styling the footer ********************************************/
#copyright {
	clear: both;
	text-align: right;
	font-size: 80%;
	color: #888;
	padding-top: 15px;
	background: transparent url(images/footer.gif) 100% 0 repeat-x; }

/* Styling the contact form **************************************/
#contact {
	border: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px; }

#contact ol {
	list-style: none;
	margin: 0;
	padding: 0; }

#contact li
{
	float: left;
	width: 70%;
	margin-bottom: .5em;
}

#contact label
{
	float: left;
	text-align: left;
	font-family: inherit;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	margin-bottom: -0.3em;
	margin-left: 0.1em;
	display: block;
	width: 140%;
}

.funkybutton
{
	width: 300px;
	height: 32px;
	font: normal 70% "Impact", Helvetica, Arial, sans-serif;
	font-style: italic;
	text-align:center;
	margin-bottom: 1em;
}

#contact select
{
    background: #ffff00;
    font-weight: bold;
}

#contact input
{
    background: #ffff00;
    font-weight: bold;
}

#contact input#submit
{
	margin-left: 32%;
    font-weight: bold;
}

#contact input#advertsubmit
{
	font: 100% "Impact", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
    background: #000000;
    color: #ffff00;
}

#contact input, #contact select, #contact textarea {
	font-family: inherit;
	font-size: 100%; }

#contact legend {
	color: #ab0000;
	font: 135% Georgia, "Times New Roman", Times, serif;
	margin: auto 0;
	padding: 0; }

/* Styling the invoice form **************************************/
#invoice
{
	font: bold 70% 'trebuchet ms';
	border: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

#invoice #invoicebody
{
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	border-bottom: 2px solid #ddd;
}

#invoice #invoicehead
{
	font: bold 120% 'trebuchet ms';
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	border-bottom: 0px solid #000;
}


#invoice input
{
	margin-left: 32%;
	width: 10em;
	font: normal 70% "Impact", Helvetica, Arial, sans-serif;
	font-style: italic;
}

#invoiceexpsel
{
	font: bold 90% 'trebuchet ms';
}

#invoicepayment
{
	font: bold 80% 'trebuchet ms';
}

#invoicepayment #invoicehead
{
	font: bold 110% 'trebuchet ms';
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	border-bottom: 0px solid #000;
}

/* Styling invoice login **************************************/
#invoicelogin
{
	font: bold 90% 'trebuchet ms';
	border: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

/* Styling invoice view **************************************/
#viewinvoice
{
	font: bold 90% 'arial';
	border: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

#viewinvoice #invoicedate
{
	float: right;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

#viewinvoice #viewinvoiceexpire
{
	color: #fdd;
}

#viewinvoice #invoiceheader
{
	font: bold 200% 'arial';
}

#viewinvoice #invoicedate
{
	font: bold 130% 'arial';
}

#viewinvoice #paymentheader
{
	font: bold 150% 'arial';
}

#paymentcapture
{
	font: bold 80% 'arial';
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

/* Styling invoice view **************************************/

#viewinvoiceitems
{
	font: bold 70% 'arial';
	border: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

#viewinvoice #viewinvoiceitemhead
{
	font: bold 120% 'arial';
	background-color:#ccc;
}

/* Styling the menu page ******************************************/
.menu {
	width: 100%;
/*	margin-bottom: 3em;*/
	border-collapse: collapse;
	border: 1px solid #ddd;
	float: right; }

.menu th {
	color: #9a7737;
	text-align: left;
	border-bottom: 1px solid #ddd; }

.menu td { border-bottom: 1px solid #ddd; text-align: left; font-size: 50% }

.menu thead th { font-size: 55%; width: 10%;}
.menu tbody th { width: 10%; }

.menu tbody th
	{
	font-size: 55%;
	font-weight: bold;
	}

/*
.menu tbody td em
{
	text-align: left;
	margin-right: 4em;
	font-weight: bold;
}

*/
/* Styling the input form ****************************************/
#tablehead tr th { font-size: 70%; color: #555; font-weight: bold;}
#tablebody tr th { font-size: 70%; color: #555; font-weight: normal;}
#tablebody tr td { font-size: 70%; color: #555; }

#forumlisthead { font-size: 80%; color: #f00; }
#forumlistcontent { font-size: 80%; color: #1a5cb2;}

#selectstyle
{
	font-size: 80%;
	font-weight: normal;
	position: relative;
}


#passion option{ font-size: 80%; }


#error {
		font-size: 70%;
		color: #f00;
		font-style: italic;
	}

#success p
{
	font-size: 90%;
	color:#00f
}


/* Styling the availability key ******************************************/

.availkey { 	list-style: square; 
		font-weight: normal; 
		font-size: 70%;
		position: relative;
		float: left;
		margin-top: 0px;
		margin-bottom: 0px;
	}

.availkey #confirmed { 
			color: #d00; 
		     }

.availkey #pending {
			color: #1a5cb2;
		   }

/* Styling the menu page ******************************************/
#AngryRadio {
	color: red;
	font-size: 30%;
	margin-bottom: 3em;
	border-collapse: collapse; }

button.btn{
	color:#fff;
 font: bold 84% 'trebuchet ms',helvetica,sans-serif;
	background-color:#008000;
	border:1px solid;
 border-color: #f00 #f00 #f00 #f00;
	}

input.btn{
	color:#fff;
 font: bold 84% 'trebuchet ms',helvetica,sans-serif;
	background-color:#008000;
	border:1px solid;
 border-color: #f00 #f00 #f00 #f00;
	}

#advertcontacttable
{
	width: 350px;	
}

#advertcontacttable caption
{
	font: bold 85% 'times new roman',helvetica,sans-serif;
}

#advertcaptiontable
{
	width: 350px;	
}

#advertcaptiontable caption
{
	font: bold 95% 'trebuchet ms',helvetica,sans-serif;
	font-style: italic;
}