﻿/***************************************************************/
/*********************** Layout *******************************/
/*************************************************************/

body 
{
	font-family:Verdana;
	font-size:0.8em;
   	color:#000000;
   	margin:0px;
   	padding:0px;
}

input, select, textarea
{
	font-family:Verdana;
}

h1, h2, h3, h4, h5
{
	color:#0276bd;
}

a 
{
	color:#f86e00;
	text-decoration:none;
}

a:hover
{
	color:#f86e00;
	text-decoration:underline;
}

div#body-wrapper 
{
	width:100%;
	height:100%;
	float:left;
	background-color: #ffffff;
}

div#top-message-wrapper
{
	width:100%;
	height:50px;
	float:left;
}

div#top-message-body
{
	width:800px;
	height:50px;
	margin:auto auto;
}

div#top-message-body div#twitter-message
{
	width:200px;
	height:50px;
	float:right;
	margin-top:5px;
}

div#mtaTwitter ul 
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#twitter-icon
{
	width:100%;
	height:100%;
	float:left;
}

div#page-wrapper
{
	width:800px;
	height:100%;
	margin:auto auto;
	margin-top:10px;
}

div#topmenu
{
	clear:both;
	float:left;
	width:100%;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.underlinemenu
{
	font-weight: bold;
	width: 100%;
}

.underlinemenu ul
{
	padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: right; /*set value to "left", "center", or "right"*/
}

.underlinemenu ul li
{
	display: inline;
}

.underlinemenu ul li a
{
	color: #000000;
	padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 20px; /*spacing between each menu link*/
	text-decoration: none;
	border-bottom: 3px solid #FFFFFF; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected
{
	border-bottom-color: #760F12;
}

div#section-break
{
	width:100%;
	height:10px;
	float:left;
}

div#main-contents
{
	width:795px;
	height:200px;
	float:left;
	/*background:url(../images/pinboard.gif);*/
}

div#contents
{
	width:735px;
	height:100%;
	float:left;
	margin-left:30px;
	margin-top:25px;
}

div#contents div#information
{
	width:735px;
	height:200px;
	float:left;
	margin-top:30px;
	border:1px solid #000;
}

div#twitter-feed
{
	width:200px;
	height:200px;
	float:right;
	border:1px solid #000;
	background-image:url("../images/twitter-sticky-note.png");
}

div#footer-wrapper
{
	width:100%;
	height:285px;
	float:left;
	background-color:#EFEEEB;
}

div#footer
{
	width:800px;
	height:100%;
	margin:auto auto;
}

div#footer-left-column
{
	width:140px;
	height:100%;
	float:left;
}

div#footer-right-column
{
	width:180px;
	height:100%;
	float:left;
}

div#logo
{
	width:140px;
	height:142px;
	float:left;
	margin-top:40px;
}

div#social-icons
{
	width:100%;
	height:100%;
	float:left;
	text-align:center;
	margin-top:10px;
}

div#social-icons a
{
	border:none;
}

div#bottom-info-wrapper
{
	width:100%;
	height:100%;
	float:left;
}

div#bottom-info-container
{
	width:800px;
	height:100%;
	margin:auto auto;
}

div#bottom-info-container div#bottom-infolinks
{
	width:800px;
	height:20px;
	float:left;
	text-align:center;
}

div#bottom-info-container div#copyright
{
	width:800px;
	height:20px;
	float:left;
	text-align:center;
}

/***************************************************************/
/*********************** Homepage *****************************/
/*************************************************************/

div#homepage-wrapper
{
	width:100%;
	height:100%;
	float:left;
}

div#package-previews
{
	width:100%;
	height:247px;
	float:left;
}

div.package-1
{
	width:183px;
	height:227px;
	float:left;
	margin-left:30px;
	margin-top:35px;
}

div.package-2
{
	width:183px;
	height:227px;
	float:left;
	margin-left:60px;
	margin-top:35px;
}

div.package-3
{
	width:183px;
	height:227px;
	float:left;
	margin-left:60px;
	margin-top:35px;
}

div.packages
{
	width:160px;
	height:100%;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

/***************************************************************/
/*********************** Contact Form *************************/
/*************************************************************/

div#contact-form-wrapper
{
	width:450px;
	height:100%;
	float:left;
	margin-left:15px;
	margin-top:8px;
}

div#contact-form
{
	width:450px;
	height:100%;
	float:left;
}

div.enquirylbContainer
{
	width:60px;
	height:16px;
	float:left;
	padding-bottom:5px;
}

div.enquirytbContainer
{
	width:210px;
	height:24px;
	float:left;
	margin-bottom:5px;
}

div#enquiryMessagecontainer
{
	width:100%;
	height:100%;
	display:block;
}

input.eftb
{
	width:150px;
	vertical-align:top 
}

/***************************************************************/
/*********************** Holdiing Page ************************/
/*************************************************************/

div#mtaTwitter
{
	width:100%;
	height:100%;
	float:left;
	margin-top:5px;
}

div#mtaTwitter ul 
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	padding-left:4px;
}

div#tempContents
{
	width:100%;
	height:100%;
	float:left;
	text-align:center;
}	