/* 

STYLE SHEET FOR SHARYEM TOURS WEBSITE
Created by Amelia Vargo for josh.biz

Table Of Contents

	1.  defaults
	2.  body
	3.  main layout
	4.  lists
	5.  links
	6.  heading tags
	7.  paragraph tags
	8.  pictures
	9.  tables
	10. frames
	
/* - 1. defaults - */

html {
	font-size: 101%;
	}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* - 2. body - */
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #d7b776;
	vertical-align: baseline;
	line-height: 2.6em;
	}

/* - 3. main layout - */

#outer-wrapper {
	background-position: center;
	padding-bottom: 0px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	}
	
#wrapper {
	background-image: url(../images/bg/grad.jpg);
	background-repeat: repeat-x;
	background-color: #5f483f;
	width: 780px;
	}
	
#header {
	color: #929181;
	background-image: url(../images/header/header.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 156px;
	}
	
#navigation {
	color: #f5f5dd;
	height: 60px;
	}
	
#mainnav {
	color: #f5f5dd;
	font-size: 1.8em;
	font-style: normal;
	text-align: left;
	padding-left: 5px;
	display: inline;
	}

#contentcontainer {
	clear: left;
	margin-bottom: 15px;
	}
	
#contentleft {
	color: #f5f5dd;
	float: left;
	width: 440px;
	}
	
#contentright {
	color: #f5f5dd;
	float: right;
	width: 300px;
	margin-left: 10px;
	margin-right: 20px;
	}
	
#exampleTours {
	list-style-type: none;
	margin-right: 40px;
	margin-top: 40px;
	}
	
#bottom {
	clear: both;
	padding-right: 40px;
	padding-top: 15px;
	}
	
#bottomleft {
	clear: both;
	float: left;
	width: 280px;
	}
	
#bottomright {
	color: #f5f5dd;
	width: 500px;
	float: right;
	visibility: visible;
	padding-top: 19px;
	}

#footer {
	color: #f5f5dd;
	clear: both;
	padding-top: 20px;
	}
	
#amazon {
	margin-left: 40px;
	}


/* - 4. lists - */


#mainnav, #mainnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#mainnav ul {
	list-style-type: none;
	text-transform: capitalize;
	}
	
#mainnav ul li {
	display: inline;
	position: relative;
	}
	
#mainnav li {
	float: left;
	width: 10em;
	}	

#mainnav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	background-color: #020202;
	background-image: url(../images/bg/menu.jpg);
	background-repeat: repeat-x;
	}

#mainnav li:hover ul {
	left: auto;
	display: block;
	}
	

#mainnav li:hover ul, #mainnav li.sfhover ul {
	left: auto;
	}

#mainnav li li {
	font-size: 0.8em;
	display: block;
	padding: 0px;
	}
	
#contentleft ul {
	font-size: 1.4em;
	padding-left: 40px;
	list-style-type: none;
	}
	
#contentleft li {
	color: #f5f5dd;
	}
	
#contentleft li span{
	text-decoration: underline;
	}
	
#contentright ul {
	font-size: 1.6em;
	text-align: left;
	list-style-type: none;
	margin-left: 8px;
	padding-top: 0;
	margin-top: 0px;
	}

#contentright li {
	}
	
#contentright ul span {
	font-size: 0.95em;
	text-align: left;
	list-style-type: none;
	padding-bottom: 0;
	padding-top: 0;
	padding-right: 10px;
	}
	
#contentright li span {
	}
	
#exampleTours ul {
	color: #f9d8ce;
	font-size: 1.2em;
	}
	
#exampleTours li {
	margin-right: 6px;
	}

#bottom ol {
	list-style-type: decimal;
	padding-left: 40px;
	font-size: 1.4em;
	color: #fefee8;
	list-style-position: inside;
	line-height: 1.2em;
	}
	
#bottom ol li span {
	color: #dbbd89;
	font-size: 0.9em;
	text-transform: uppercase;
	}

#bottom ul, #bottomright ul {
	font-size: 1.4em;
	color: #f5f5dd;
	}
	
#bottom li, #bottomright li {
	padding-left: 8px;
	list-style-type: none;
	}

	

/* - 5. links - */

#mainnav ul li a {
	display: block;
	width: 10em;
	color: #f5f5dd;
	padding-left: 30px;
	}
	
#mainnav ul li a.top:link {
	text-decoration: underline;
	color: #f5f5dd;
	}
#mainnav ul li a:link {
	color: #d8bab0;
	text-decoration: none;
	}

#mainnav ul li a.top:visited {
	text-decoration: underline;
	color: #f5f5dd;
	background-image: url(../images/bg/foot.png);
	background-repeat: no-repeat;
	background-position: 10px;
	}
	
#mainnav ul li a:visited {
	text-decoration: none;
	color: #d8bab0;
	}
	
#mainnav ul li a.top:hover {
	text-decoration: underline;
	color: #f9d8ce;
	background-image: url(../images/bg/foot.png);
	background-repeat: no-repeat;
	background-position: 10px;
	}
	
#mainnav ul li a:hover {
	text-decoration: underline;
	color: #edcd97;
	}
	
#mainnav ul li a.top:active {
	text-decoration: underline;
	color: #fad838;
	background-image: url(../images/bg/foot.png);
	background-repeat: no-repeat;
	background-position: 10px;
	}
	
#mainnav ul li a:active {
	text-decoration: underline;
	color: #fad838;
	}
	
#mainnav ul li a#current {
	text-decoration: underline;
	color: #dbbd89;
	}

#contentleft a, #bottom a {
	padding-left: 0;
	}
	
#contentleft a:link, #bottom a:link {
	text-decoration: underline;
	color: #f5f5dd;
	}

#contentleft a:visited, #bottom a:visited {
	text-decoration: none;
	color: #aba56e;
	}
	

#contentleft a:hover, #bottom a:hover {
	text-decoration: underline;
	color: #f9d8ce;
	}

#contentleft a:active, #bottom a:active {
	text-decoration: underline;
	color: #fad838;
	}	
	
#contentright a {
	color: #f5f5dd;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
	}
	
#contentright a:link {
	text-decoration: underline;
	color: #f5f5dd;
	}
	
#contentright a:visited {
	text-decoration: underline;
	color: #f5f5dd;
	background-image: url(../images/bg/foot.png);
	background-repeat: no-repeat;
	background-position: 10px;
	}
	
#contentright a:hover {
	text-decoration: underline;
	color: #f9d8ce;
	background-image: url(../images/bg/foot.png);
	background-repeat: no-repeat;
	background-position: 10px;
	}

#contentright a:active {
	text-decoration: underline;
	color: #fad838;
	background-image: url(../images/bg/foot.png);
	background-repeat: no-repeat;
	background-position: 10px;
	}

#contentright a#current {
	text-decoration: underline;
	color: #dbbd89;
	}
	
	
/* - 6. heading tags - */

h1 {
	font-size: 3em;
	}
	
h1 span {
	display: none;
	}

h2 {
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	color: #f9d8ce;
	padding-right: 0;
	padding-left: 20px;
	text-transform: capitalize;
	}

h3 {
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	color: #f9d8ce;
	padding-left: 20px;
	padding-top: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-transform: capitalize;
	}
	
h3 span {
	color: #f9d8ce;
	padding: 0;
	margin: 0px;
	}
	
h4 {
	font-style: normal;
	font-weight: normal;
	font-size: 1.4em;
	margin-left: 40px;
	color: #dbbd89;
	}

#exampleTours h2 {
	margin-top: 20px;
	}
	
#exampleTours h3 {
	color: #f5f5dd;
	font-size: 1.6em;
	}

/* - 7. paragraph tags - */

#contentleft p {
	padding-left: 40px;
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	color: #fefee8;
	padding-top: 10px;
	}
	
#contentleft p.map, #footer p.map {
	font-size: 1.2em;
	padding-top: 5px;
	}
	
#contentleft p.map span, #footer p.map span {
	color: #dbbd89;
	text-transform: uppercase;
	}

#contentleft p.textWrap {
	}

#contentright p.picref {
	font-size: 1.2em;
	padding-left: 40px;
	}

#contentright p.flag span {
	color: #dbbd89;
	text-transform: uppercase;
	}
	
#contentright p {
	font-size: 1.4em;
	padding-left: 40px;
	padding-top: 10px;
	}

#bottom p, #bottomleft p {
	font-size: 1.4em;
	color: #fefee8;
	padding-left: 40px;
	padding-bottom: 15px;
	}
	
#bottom p.show {
	margin-top: 20px;
	}

#bottom p span {
	color: #dbbd89;
	text-transform: uppercase;
	}
	
#bottomleft p.picref {
	font-size: 1.2em;
	padding-left: 10px;
	padding-bottom: 20px;
	}
	
#bottomleft p.picref2 {
	font-size: 1.2em;
	padding-left: 10px;
	padding-bottom: 60px;
	}
	
#bottomright p {
	font-size: 1.4em;
	color: #fefee8;
	padding-right: 40px;
	padding-left: 8px;
	margin-top: 30px;
	}
	
#bottomright p.one {
	font-size: 1.4em;
	color: #fefee8;
	padding-right: 40px;
	padding-left: 8px;
	}
	
#bottomright p.two {
	font-size: 1.4em;
	color: #fefee8;
	padding-right: 40px;
	padding-left: 8px;
	padding-top: 32px;
	}
	
#bottomright p.three {
	font-size: 1.4em;
	color: #fefee8;
	padding-right: 40px;
	padding-left: 8px;
	padding-top: 125px;
	}

#bottomright p.new {
	font-size: 1.4em;
	color: #fefee8;
	padding-right: 40px;
	padding-left: 8px;
	padding-top: 40px;
	}
	
#bottomright p.next {
	font-size: 1.4em;
	color: #fefee8;
	padding-right: 40px;
	padding-left: 8px;
	padding-top: 50px;
	}

#footer p {
	padding-left: 40px;
	}


.crpic2 {
	margin-left: 6px;
	margin-top: 20px;
	}
.picref3 {
	margin-left: 6px;
	}

#bottom blockquote {
	margin-top: 2.4em;
	margin-right: 2em;
	margin-bottom: 2.4em;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D7B776;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7B776;
	}
	
#bottom blockquote p {
	color: #d7bf8d;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: none;
	font-style: italic;
	}

#bottom blockquote p span {
	color: #d7bf8d;
	font-size: 1em;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 35px;
	font-style: normal;
	text-transform: none;
	font-variant: normal;
	}
	
sup {
	font-size: 70%;
	}

/* - 8. pictures - */

.map {
	padding-left: 8px;
	padding-top: 3px;
	}
	
.clpic {
	padding-left: 40px;
	padding-top: 3px;
	}

.crpic {
	padding-left: 40px;
	padding-top: 20px;
	}
	
.blpic {
	padding-left: 8px;
	padding-top: 3px;
	}
	
.brpic {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
	}	

.brpicii {
	padding-left: 40px;
	}
	
.wrap {
	float: left;
	padding-left: 40px;
	padding-top: 3px;
	padding-right: 15px;
	}
	
.wrap2 {
	float: right;
	padding-left: 6px;
	}
	
.landscape {
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 40px;
	}

/* - 9. tables - */

#contentleft table {
	margin-left: 38px;
	font-size: 1.4em;
	color: #dbbd89;
	margin-bottom: 10px;
	}
	
#contentleft tr td{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #777a71;
	}

#contentleft tr td.two{
	margin-left: 38px;
	width: 250px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #777a71;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #777a71;
	padding-top: 15px;
	padding-bottom: 20px;
	}

/* - 10. frames - */

#bottom iframe {
	height: 400px;
	width: 450px;
	overflow: hidden;
	margin-left: 34px;
	margin-bottom: 10px;
	}

#outer-wrapper #wrapper #bottom .web_design {
	float: right;
	border: none;
	}