/* CSS Document */
body{
	font-family:"Times New Roman", Times, serif;
	font-size:100%;
	background: #383838 url(img/BGmarble.jpg) center repeat;
	background-position:top; 
	margin-left:0;	margin-top:0; margin-right:0; 	margin-bottom:0;
}

h1 {font-family:Imprint MT Shadow,  "Times New Roman", Times, serif; color:#333333; font-size:46px; text-align:center; font-weight:lighter;}

h2 {font-family:Imprint MT Shadow,  "Times New Roman", Times, serif; color:#333333; font-size:36px; text-align:center; font-weight:lighter;}

h3 {font-family:  "Times New Roman", Times, serif; color:#333333; font-size:22px; text-decoration:underlin;}
h4 {color:#6699CC; font:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; font-weight:200;}

p {font-size:1.2em; color:#000000;}

a {color:#016CAD; text-decoration:none;}
a:hover {color:#006277; text-decoration:none;}

.uline{text-decoration:underline;}

/*------------------------------------------------------------*/
/* MAIN ELEMENTS */
/*------------------------------------------------------------*/

.container {
	position:relative;
	width:720px;
	border:none;
	background-color:#8b8b8b;	
}
/*------------------------------------------------------------*/
/* INNER ELEMENTS */
/*------------------------------------------------------------*/
#TopSection {
	height:58px; width:698px;
	background:url(img/MWGtitleB.jpg);
	background-repeat:no-repeat;
}
#TopSection a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url(img/MWGtitleB.jpg) top left no-repeat;
	}
#TopSection span {
	display: none;
	margin:0; padding: 0;
}

/*------------------------------------------------------------*/
/* TITLE ELEMENTS */
/*------------------------------------------------------------*/
div.logo{
	background:url(img/logoTWIST.jpg) no-repeat top left;
	height: 156px ;
	width: 165px;
	display:block;
	float:left;
	margin-left:10px;
	margin-right:0px;
	}
	div.logo a {
		display: block;
		margin: 0; padding:0;
		width:100%; height:100%;
		overflow:hidden;
		background: url(img/logoTWIST.jpg) top left no-repeat;
		}
	div.logo span {
		display: none;
		margin:0; padding: 0;
		}
#titlecontainer{
	border:medium red;
	clear:both;
}
div.title{
	margin:10px 10px 0px 10px;
	height: 124px;
	Background: #4e4e4e url(img/title-fade.jpg) bottom left no-repeat; */
	display:block;
	padding:10px 10px 10px 10px;
}
div.titlev2{
	margin:10px 10px 13px 10px;
	height: 114px;
	Background: #4e4e4e; /* url(img/title-fade.jpg) bottom left repeat-x; */
	display:block;
	padding:10px 10px 10px 10px;
}

#titlelogo {
	height: 114px;
	width:119px;
	background: url(img/logo.jpg) top left no-repeat;
	float:left;
	display:block;
	}
	#titlelogo a {
		display: block;
		margin: 0; padding:0;
		width:100%; height:100%;
		overflow:hidden;
		background: url(img/logo.jpg) top left no-repeat;
		}
	#titlelogo span {
		display: none;
		margin:0; padding: 0;
		}
	
#titletext {
	height: 114px;
	width:500px;
	margin-left:10px;
	font-size:12px;
	text-align:left;
	background: url(img/atolltitle.png) top left no-repeat;
	float:left;
	display:block;
	}
	#titletext a {
		display: block;
		margin: 0; padding:0;
		width:100%; height:100%;
		overflow:hidden;
		background: url(img/atolltitle.png) top left no-repeat;
		}
	#titletext span {
		display: none;
		margin:0; padding: 0;
		}
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* MENU ELEMENTS */
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

#menu {
	margin:0px 10px 10px 10px;
	height: 780px;
	width:230px;
	Background: #4e4e4e url(img/menu-fade.jpg) bottom left no-repeat;
	display:block;
	padding:10px 10px 10px 10px;
	float:left;
	}


/*------------------------------------------------------------*/
ul.menulist
{
list-style-type:none;
padding:0px;
margin:0px;
}
li
{
background-image:url(img/circle.png);
background-repeat:no-repeat;
background-position:0px 20px;
padding-left:14px;
font-family:"Times New Roman", Times, serif;
font-size:1.1em;
font-weight:400;
color:#d0d0d0;
line-height:250%;
}
ul.menulist a {color:#cccccc;}
ul.menulist a:hover {color:#99CCCC;}
/*------------------------------------------------------------*/

div.menuintro {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:1.1em;
	font-weight:lighter;
	color:#d0d0d0;
	margin-top:20px;
	margin-bottom:60px;
	line-height:130%;
	}
	
div.menutitle {
	background-image:url(img/menutitle.png);
	width:200px;
	height:74px;
	display:block;
	margin-bottom:50px;
	margin-left:15px;
	
	}
	div.menutitle span {
	display: none;
	margin:0; padding: 0;
}

div.menu a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url(img/menu/menuBL.jpg) top left no-repeat;
	}
div.menu span {
	display: none;
	margin:0; padding: 0;
	}
div.menu a:hover {
	background-image: none;
	color: yellow;
	}
div.menu a:active {
	color: black;
	}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* TEXT AREA ELEMENTS */
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#hometext{
	float:left;
	width:438px;
	margin:0px 10px 10px 0px;
	text-align:left;
	background:#222222;
	}
	.home1{
	width:414px;
	height:536px;
	display:block;
	background:#222222;
	margin:12px 12px 12px 12px;

	}
	.home2{
	width:438px;
	height:10px;
	display:block;
	background:#222222 url(img/flash-fade.jpg) bottom no-repeat;
	}

#ATOLLtext{
	background:url(img/BGtextarea.jpg) bottom no-repeat;
	float:left;
	width:408px;
	padding:15px 15px 15px 15px;
	margin:0px 10px 10px 0px;
	text-align:center;
	}
	.ATOLLlefttext{
		text-align:left;
		padding-left:20px; padding-right:10px;
		font-size:1.08em;
		}
		.ATOLLlefttextV2{
			text-align:left;
			padding-left:20px; padding-right:10px;
			font-size:1.08em; font-weight:600;
			}
		.ATOLLlefttextV3{
			text-align:left;
			padding-left:20px; padding-right:10px;
			font-size:1.2em;
			}
	.ATOLLleftindent{
		text-align:left;
		padding-left:35px; padding-right:10px;
		font-size:1.08em;
		}
		.ATOLLleftindentV2{
		text-align:left;
		padding-left:35px; padding-right:10px;
		font-size:1.08em; font-weight:600;
		}
		.ATOLLleftindentV3{
		text-align:left;
		padding-left:35px; padding-right:10px;
		font-size:1.2em;
		}
	
	
#rangetext{
	background:#4e4e4e url(img/textarea-fade.jpg) bottom no-repeat;
	float:left;
	width:408px;
	padding:15px;
	margin:0px 10px 10px 0px;
	}
	.rangetitle{
		font-family:Imprint MT Shadow, Georgia, "Times New Roman", Times, serif; 
		color:#ffffff; 
		font-size:36px; 
		text-align:center; 
		font-weight:lighter;
		}
		.rangesubtitle{
		
		text-align:center;
		color:#dddddd; 
		font-size:0.8em; 
		}
		.rangetype{
		font-family:Trebuchet MS;
		text-align:center;
		color:#dddddd; 
		font-size:0.8em; 
		}
		.rangetable{
		text-align:center; 
		}
		

#bespoketext{
	background:url(img/BGtextarea.jpg) bottom no-repeat;
	float:left;
	width:408px;
	padding:15px;
	margin:0px 10px 10px 0px;
	text-align:center;
	}
	.bespokepic{
		background: url(img/bespoke.jpg) center top no-repeat;		
		height:285px;
		display:block;
		border:thin solid;
		}
	.bespokepic span {
		display: none;
		}
	.bespokesmalltype{
	padding-left:10px; padding-right:10px;
	color:#444444;
	text-align:left
		}
	
#ordertext{
	background:url(img/BGtextarea.jpg) bottom repeat;
	float:left;
	width:408px;
	padding:15px 15px 15px 15px;
	margin:0px 10px 10px 0px;
	text-align:left;
	}

#abouttext{
	background:url(img/BGtextarea.jpg) bottom no-repeat;
	float:left;
	width:408px;
	height:770px;
	padding:15px;
	margin:0px 10px 10px 0px;
	text-align:center;
	}

#contacttext{
	background:url(img/BGtextarea.jpg) bottom no-repeat;
	float:left;
	width:408px;
	height:770px;
	padding:15px;
	margin:0px 10px 10px 0px;
	text-align:left;
	}
	.contactSUBT{
		color:#336699;
		font-weight:600;
		}
	.contactEMAIL{
		width:200px;
		float:left;
		margin-top:30px;
		margin-left:10px;
		}
	.contactADR{
		width:150px;
		float:left;
		margin-top:30px;
		margin-bottom:60px;
		margin-left:30px;
		}
	.contactHRS{
		width:200px;
		float:left;
		margin-top:50px;
		padding-bottom:60px;
		margin-left:10px;
		}
	.contactMAP{
		width:150px;
		height:150px;
		display:block;
		float:left;
		margin-left:30px;
		margin-top:70px;
	
		text-align:center;
		font-size:14px;
		}
		.map{
			width:120px;
			height:103px;
			display:block;
			background:url(img/map/minimap.png) no-repeat;
			border:#000033 solid thin;
			margin-top:5px;
			}

#maptext{
	background:#4e4e4e url(img/textarea-fade.jpg) bottom no-repeat;
	float:left;
	width:408px;
	height:706px;
	padding:15px;
	margin:0px 10px 10px 0px;
	}

#testimonialstext{
	background:url(img/BGtextarea.jpg) bottom no-repeat;
	float:left;
	width:408px;
	height:770px;
	padding:15px;
	margin:0px 10px 10px 0px;
	text-align:center;
	}

.client{
	color:#666666;
	font-size:14px;
	font-weight:bold;
	}

/*------------------------------------------------------------*/

.copyright {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-align:center; color:#333333; 
			font-size:9px; font-weight:lighter; padding-bottom:10px;}
.copyright a{text-align:center; color:#bbeeee; font-size:9px; font-weight:lighter;}
.copyright a:hover{text-align:center; color:#ffffff; font-size:9px; font-weight:lighter;}

.lowerMenu {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#aaaaaa; font-size:10px; font-weight:lighter; 
			text-align:center; padding-bottom:10px; padding-top:20px;
			background:url(img/dots.png) bottom left repeat-x;}
.lowerMenu a {color:#cccccc; font-size:10px; font-weight:lighter; text-align:center; padding-bottom:5px;}
.lowerMenu a:hover{color:#99CCCC; font-size:10px; font-weight:lighter; text-align:center; padding-bottom:5px;}