/*Main layout styling*/

/*Top banner styling*/
body {
	padding: 0;
	margin: 0 auto;
	background-image: url(../new_graphics/back_bg.gif);
	background-repeat: repeat-x;
	background-color: #c08083;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #515151;
}

#backWrapper {
	position: relative;
	top: 0px;
	margin: 0 auto;
	width:750px;
	margin-bottom:0px;
	background-color: #FFFFFF; !important
	border: 1px #666666 solid;
	z-index: 30;
}

#topWrapper {
	position:relative;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 75px;
	z-index: 30;
}
#logo {position:relative; left: 10px; top:10px;	z-index: 30;}

#topBar {
	position:absolute;
	top: 0px;
	left:240px;
	text-align: right;
	height:30px;
	z-index: 30;
}

#topBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#topBar li {
	display: block;
	float: left;
	margin-top: 0px;
	padding: 0px 6px 0 0;
	}
	
#topBar a {
	display: block;
	padding: 4px 6px 0 0;
	text-align: center;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333;
	
}

#topBar a:hover {color: #999999;}

#topBar .active a {display: block; 
				   background-color:#575757 ;
				   border-bottom: solid 4px #ccc;
				   border-top: solid 2px #575757;
				   padding: 2px 6px 3px 6px;
				   color:#FFFFFF;}
				   
#languages {
	position:absolute;
	top: 50px;
	left:620px;
	font-family: Arial, sans-serif;
	z-index: 30;
	}
	
#languages a {font-size: 11px; font-weight: normal; color: #ca2027;}
#languages a:hover {font-size: 11px; font-weight: normal; color: #333;}

#bannerWrapper {
	position:relative;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 188px;
	z-index: 30;
}

#gallery1 { position: relative; width:750px; height:188px; margin:0; padding:0;	z-index: 30; }
#gallery1 li { display: block; }

#tabHolder { position:absolute; top: 288px; left:0px; width: 750px;	z-index: 30;}

/*styling for content layouts*/

img.collection {margin: 7px; padding: 3px; border: 1px solid #CCCCCC;}

#content {width: 750px; background-color:#FFFFFF; position:relative; float: left; margin-left: 0px; padding: 0px;	z-index: 30;}

#content #side_menu {
	width: 152px;
	margin: 31px 0px 30px 20px;
	position:relative;
	float:left;
	top: 10px;
	left: 0px;
	background-color:#FFFFFF;S
}

#content #side_menu ul {margin-left: 0;
padding-left: 0;
list-style: none;}

#content #side_menu ul li {
	background-image: url(../new_graphics/bullet_01.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-top: 0px;
	font-family: Arial, sans-serif; 
				font-size: 12px;
				font-weight: normal;
				color: #333333;
				line-height: 140%;
}
#content #side_menu ul li a {
				font-family: Arial, sans-serif; 
				font-size: 12px;
				font-weight: normal;
				color: #333333;
				text-decoration:none;
				}
#content #side_menu ul li a:hover {color: #ca2027; text-decoration:underline;}

#content #side_menu ul li.drop {
	padding-top: 0px;
	background-image: url(../new_graphics/bullet_03.gif);
}

#content #side_menu ul li ul { margin-left: 10px; margin-bottom: 6px; padding-left: 0; list-style: none;}
#content #side_menu ul li ul li{
	padding-top: 0px;
	background-image: url(../new_graphics/bullet_02.gif);
	font-family: Arial, sans-serif; 
				font-size: 11px;
				font-weight: normal;
				color: #333333;
				line-height: 140%;
}

#content #side_menu ul li ul li a {
				font-family: Arial, sans-serif; 
				font-size: 11px;
				font-weight: normal;
				color: #333333;
				text-decoration:none;
				}
#content #side_menu ul li ul li a:hover {color: #ca2027; text-decoration:underline;}
#content #side_menu img.talk {border:none; text-decoration:none; margin-left: 0px;}
#content #side_menu p.talk { text-align:center;}
#content #side_menu p.talksmall { text-align:center; font-size:10px;}
#content img.border {padding: 3px;border: 1px #CCCCCC solid; margin: 10px 10px 10px 10px;}
#content h1 {font-size: 23px; color: #ca2027; padding-left: 10px; margin-bottom:5px;}
#content h1 span {font-size: 15px; color: #999999; font-style:italic;}
#content h1 span.price {font-size: 21px; color: #333;}
#content h2 {font-size: 15px; color: #333; padding-left: 10px; margin-bottom:5px; margin-top:3px;}
#content h2.red {font-size: 17px; color: #ca2027; margin-bottom:5px; margin-top:3px; padding-top: 4px;}
#content h2.redleft {font-size: 17px; color: #ca2027; margin-bottom:5px; margin-top:3px; padding-top: 4px; padding-left:0px;}
#content h3 {font-size: 12px; font-weight: bold; color: #333333; padding-left: 10px; margin-bottom:5px; margin-top:3px;}
#content h5 {font-size: 15px; color: #ca2027; padding-left: 10px; margin-bottom:2px; margin-top:3px;}
#content p { padding-left: 10px; padding-right:10px;}
#content p a {font-family: Trebuchet MS, Arial, sans-serif;
						font-size: 13px;
						font-weight: normal;
						color: #ca2027;
						padding: 0px;
						}
#content p.justified {padding-left: 10px; padding-right:10px; text-align:justify;}
#content p.justified a {font-family: Trebuchet MS, Arial, sans-serif;
						font-size: 13px;
						font-weight: normal;
						color: #ca2027;
						padding: 0px;
						}
#content p.justified a:hover{color:#666666;}

#content hr {margin-left:10px; border: none 0; border-top: 1px dashed #CCCCCC;/*the border*/width: 100%; height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 
#content p.small_justified {padding-left: 10px; padding-right: 10px; font-size:12px; text-align:justify;}
#content a {padding: 5px 0px 0px 10px; font-size:18px; color: #ca2027; margin-bottom: 0px;} 
#content ul {list-style-type: disc;}
#content li {margin: 5px 0px 5px 0px;}
#content ul li a {padding: 5px 0px 0px 10px; font-size:13px; color: #ca2027; margin-bottom: 0px; display:block;} 
#noblock ul li a {padding: 5px 0px 0px 10px; font-size:13px; color: #ca2027; margin-bottom: 0px;} 
#content ul li ul{list-style-type: circle; margin-left: 35px;}
#content ul li ul li a {padding: 5px 0px 0px 10px; font-size:13px; color: #ca2027; margin-bottom: 0px; display:block;} 

#content_right {width: 540px; margin-left:0px; position:relative; float: right; top: 10px; background-color:#FFFFFF;}

#content_right a {font-family: Trebuchet MS, Arial, sans-serif;
			font-size: 13px;
			font-weight: normal;
			color: #ca2027;
			margin-left:0px;
			}
#content_right a:hover{color:#666666;}
#content_wide {width: 745px; position:relative; top: 10px; left: 0px;}

#dashed_line {border-bottom: dashed 1px #ccc; height: 2px; margin: 3px 30px 5px 0px; padding-left:0px;}
#braid { width: 530px; margin-top: 5px; margin-bottom: 5px; background-image:url(../new_graphics/braid_01.gif); background-repeat:no-repeat;}

#photo {padding: 15px; background:#fff; width:470px; height:450px; text-align:left; position:relative; margin-top: 10px; margin-bottom: 20px; border: 1px #ccc solid; margin-left: 10px;}
img.default {position:absolute; left:95px; top:140px; z-index:0;}
#photo ul.topic {padding:0; margin:0; list-style:none; width:450px; height:auto; position:relative; z-index:10;}

#photo ul.topic li {display:inline; height:20px; float:left; margin-right: 9px;}
#photo ul.topic li a.set {display:block; font-size:11px; height:20px; margin-right: 7px; background:transparent; text-align:center; line-height:18px; color:#ca2027; text-decoration:none;}
#photo ul.topic li a ul, 
#photo ul.topic li ul 
{display:none;}

#photo ul.topic li a:hover,
#photo ul.topic li:hover a
{border:0; color:#999;}

#photo ul.topic li a:hover em, 
#photo ul.topic li:hover em
{display:block; position:absolute; left:-18px;top:-18px; width:470px; height:364px; z-index:-1;}

#photo ul.topic li a:hover ul, 
#photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:40px; list-style:none; padding:0; margin:0; width:470px; height:450px;}

#photo ul.topic li a:hover ul li, 
#photo ul.topic li:hover ul li 
{display:inline; width:30px; height:30px; float:left; margin:6px;}

#photo ul.topic li a:hover ul li a, 
#photo ul.topic li:hover ul li a 
{display:block; width:30px; height:30px; cursor:default; float:left; text-decoration:none;}

#photo ul.topic li a:hover ul li a img, 
#photo ul.topic li:hover ul li a img 
{display:block; width:28px; height:28px; border:1px solid #ccc; border-top-color:#ccc;}

#photo ul.topic li a:hover ul li a:hover, 
#photo ul.topic li:hover ul li a:hover 
{white-space:normal;position:relative;}

#photo ul.topic li a:hover ul li a.vert:hover img, 
#photo ul.topic li:hover ul li a.vert:hover img 
{position:absolute; left:-12px; top:-20px; width:51px; height:68px; border-color:#ccc;}

#photo ul.topic li a:hover ul li a.hor:hover img, 
#photo ul.topic li:hover ul li a.hor:hover img 
{position:absolute; left:-20px; top:-12px; width:68px; height:51px; border-color:#ccc;}

#photo ul.topic li:hover ul li a:focus, 
#photo ul.topic li:hover ul li a:active,
#photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

#photo ul.topic li:hover ul li a:focus.vert img, 
#photo ul.topic li:hover ul li a:active.vert img, 
#photo ul.topic li a:hover ul li a:active.vert img 
{position:absolute; left:80px; top:60px; width:225px; height:300px; padding:12px 44px; background:#ccc; border:0; z-index:10;}

#photo ul.topic li:hover ul li a:focus.hor img, 
#photo ul.topic li:hover ul li a:active.hor img,
#photo ul.topic li a:hover ul li a:active.hor img 
{position:absolute; left:45px; top:60px; width:300px; height:225px; padding:44px 40px; background:#ccc; border:0; z-index:10;}


#gallery2 {position:relative; width:470px; height:700px; float:left;}
#thumbs {width:180px; margin-left: 0px; float:left;}
#thumbs a {display:block; float:left; margin:5px 5px 5px 5px; width:40px; height:40px; border:1px solid #ccc; padding: 2px;}
#thumbs a img {width:38px; height:38px; border:0;}
#thumbs a:hover {border-color:#ddd;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; padding: 2px; border:1px solid #ccc; top: 25px; left: 195px; }


#content_base {width: 730px; position:relative; float: left; background-color:#FFFFFF;}

.packages_link {text-decoration:none;}
.packages_link img {border:none;}

.img_packages {margin: 0px 6px 5px 0px; }

/* CSS for handling AJAX article switching */

#fade {width: 1px; position:relative; float:left;}

#left_column { width: 342px;
			   vertical-align: top;
			   position:relative; 
			   float:left;
			   }

#right_column {width: 201px;
			   vertical-align: top; 
			   position:relative; 
			   float:left; 
			   }
#half_page {width: 267px;
			   vertical-align: top; 
			   position:relative;
			   float:left; 
			   margin-bottom:15px;
			   }
#half_page1 {width: 267px;
			   vertical-align: top; 
			   position:relative;
			   float:left; 
			   margin-bottom:15px;
			   margin-left:10px;
			   }			   
#half_page a { font-size:12px; color: #ca2027; text-decoration:underline; padding-left: 0px;}
#half_page a:hover {color:#666666;}
			   			   
#phone { width:40px; position:relative; float: left; vertical-align:top;}
#number {position:relative; float: left; vertical-align:top;}
form {margin-left:10px; font-size:11px;}
input.wide {width: 250px; border:#999999 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333}
input.wide b {font-weight:bold;}
input.submit {border: #ca2027 1px solid; color:#ca2027;}
textarea.wide {width: 250px; border:#999999 1px solid;}



#right_column_a {width: 201px; vertical-align: top; position:relative; float:left;}

#right_content {width: 578px; vertical-align: top; position:relative; float:left;}
#package_split {width: 260px; vertical-align: top; position:relative; float:left;}
#package_split img {margin-left: 10px;}

/*styling for footer*/
#bottomWrapper {width: 730px; height: 40px;
				position: relative;
				float: left;
				margin-left: 0px;
				background-color:#FFFFFF;
				font-family: Arial, sans-serif; 
				font-size: 11px;
				font-weight: normal;
				color: #999;
				text-align:center;
				line-height:140%;
				padding-bottom: 10px;
				}

#bottomWrapper a { color: #ca2027; font-size: 11px;}

/*styling for packages gallery*/