﻿/*  CSS2 IMPLEMENTATION (c) Ramesh Yadav 2009 */
/* ------------------------------------------------------------------------------------------ */

/*  UNIVERSAL */
/* ------------------------------------------------------------------------------------------ */
/* padding: top right bottom left */
* {margin: 0; padding : 0 }
html#photos { height: 100%; overflow: hidden; }
body.mainpg {
	margin: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top:0; text-align:center;
	font-family: Calibri, Tahoma, Verdana, Arial, Sans-Serif;
	font-size:medium;
	background:#ffffff;
}
body {
	margin: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top:0; text-align:center;
	font-family: Calibri, Tahoma, Verdana, Arial, Sans-Serif;
	font-size:medium;
	background:#ffffff url('../imgs/back1.jpg') no-repeat top;
}
body.mainpg {
	margin: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top:0; text-align:center;
	font-family: Calibri, Tahoma, Verdana, Arial, Sans-Serif;
	font-size:medium;
}

body.bdyPhotos {background:url(../imgs/webtreats-1.jpg);}
body.bdyGuest { background-color:White;}

#flashcontent {	height: 700px;	border-bottom: 10px solid black; font-size:x-large; color:White;}

/*  HORZ NAV LIST with UNDERLINE */
/* ------------------------------------------------------------------------------------------ */
/* padding: top right bottom left */
#navlist{margin: 0; padding: 6px 0 20px 0px; background: url("../imgs/title-bar.png") no-repeat 50%; }
#navlist ul, #navlist li { display : inline; list-style-type: none; text-align:center; }
#navlist a:link, #navlist a:visited { line-height: 14px; font-weight: bold; font-size: large; margin: 0 10px 4px 10px; text-decoration: none; color: white; }
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover { border-bottom: 4px solid #777; padding-bottom: 2px; color: white; }
#navlist a:hover { color: rgb(255,194,0);}

/*  MIRROR BOXES - 5 by 3 */
/* ------------------------------------------------------------------------------------------ */
#ul_mirror1 { margin:0; padding: 10px 0 0 0; }
#ul_mirror1 li {margin:0; padding: 0 0 0 20px;}
#ul_mirror1 ul, #ul_mirror1 li { display: inline; list-style-type: none; text-align:center; }
#ul_mirror2 { margin:0; padding: 0 0 0 0; }
#ul_mirror2 li { margin:0; padding: 0 0 0 20px; }
#ul_mirror2 ul, #ul_mirror2 li { display: inline; list-style-type: none; text-align:center; }
#ul_mirror3 { margin:0; padding: 0 0 0 0; }
#ul_mirror3 li { margin:0; padding: 0 0 0 40px; }
#ul_mirror3 ul, #ul_mirror3 li { display: inline; list-style-type: none; text-align:center; }
#ul_mirror4 { margin:0; padding: 0 0 0 0; }
#ul_mirror4 li { margin:0; padding: 0 0 0 20px; }
#ul_mirror4 ul, #ul_mirror4 li { display: inline; list-style-type: none; text-align:center; }

#ul_links ul, #ul_links li {display: inline; list-style-type: none; padding:5px;}
li#one, li#five {font-size:140pt; font-family:Times New Roman;}
li#two {padding-top:10px;}
#ul_links {position:relative;}

ul.stages, li.stages {list-style-type: disc;}
ul.padded li {padding-left:30px;}

li.li-lvl1 {margin-left:40px}
li.li-lvl2 {margin-left:40px}
li.li-lvl3 {margin-left:40px}
li.li-lvl4 {margin-left:40px}
li.li-a {}
li.lispacing {margin:.5em 10% .5em 0}

.toplist { display:inline; margin:0; padding:0;width: 12em;}
.toplist li { list-style: none; display: block; float:left; position:relative;}
.toplist li{ width:35%;}
.toplist li.first { width:5%;}


.table
{
background:#333;

}
.table ul
{
float:left;
margin:0;
padding:0;
border:1px solid #C9C9C9;
}
.table ul li
{
list-style:none;
padding:5px 10px;
}
.table ul li.title
{
font-weight:bold;
background:#333;
color:#fff;
}
.table ul li.even
{
background:#fff
}
.table ul li.odd
{
background:#FFFFE6
}

/*  CSS - REF By Classes */
div.divcenterbottompad { text-align:center; padding-bottom:80px;}
div.divcenter { text-align:center;}
div.silverDiv {width:100%; background-color: silver; border-bottom: 1px solid black; }
div.silverDivFixed {width:100%; background-color: silver; border-bottom: 1px solid black; position:fixed; top:37px; left:0; width:100%; z-index:100;}
div.notesTextTop { font-size:small; padding-top:15px; padding-bottom:20px;}
div.notesTextTopBtm { font-size:small; padding-top:15px; padding-bottom:20px; border-bottom: 3px solid #444}
div.bottomborder { border-bottom: 3px solid #444}
div.notesTextTopCenter { font-size:small; padding-top:20px; padding-top:100px; padding-bottom:20px; border-bottom: 3px solid #444; text-align:center;}
div.notesText { font-size:small; padding-top:20px; padding-bottom:20px; }
div.notesText2 { font-size:small; padding-top:20px; padding-bottom:80px; }
div.notesTextBottom { font-size:small; padding-top:20px; padding-bottom:80px; }
div.printstyle {font-size:small; font-style:italic; font-weight:bold; }
div.faqsubnotestyle {font-size:medium; font-style:italic; font-weight:bold; }
div.padleftli { padding-left:15px;}
div.padleftlidbl { padding-left:35px;}
div.CentreText920 {width:920px; text-align: center; margin:0 auto;}
div.NewsText {width:920px; text-align:left; margin:0 auto;}
div.titleNews {text-align: left;}
div.titleNewsTitle {text-align: left; float:left; vertical-align: bottom; height:15px; width:700px;}
div.titleNewsDate {text-align: left; float:left; vertical-align: bottom; height:15px; }
div.titleNewsInfo {text-align: left;}
div.whiteContainer { background-color:White; height:100%; width:900px; text-align:left;}
div.linkText { font-size:small; padding-top:5px; padding-bottom:5px; border-bottom: 1px solid #888}
div.fullwidthcentre {width:1000px; text-align: center; margin:0 auto;}
div.LeftTextOnly { width:350px; text-align:left; margin:0 auto; position:relative; float:left;}
div.RightTextOnly { width:300px; text-align:left; margin:0 auto; position:relative; float:right;}
div.outerwrap {float: left; width: 800px;}
div.wrapleft {width: 49%;  float:left; margin-left: auto; margin-right: auto; text-align:center;}
div.wrapright {width: 49%;  float:right; margin-left: auto; margin-right: auto; text-align:center;}
div.wrapspacer {width:800px; height:20px;}
.ttl {}
div.DVDWrap {width:100%; height:283px; background-image:url("../imgs/dvd.jpg")}

/*  CSS - REF By ID */
div#galleryPadding {padding-top:38px; background-color:#444;}
div#galleryPadding2 {padding-top:3px; background-color:#444;}
div#head1 {width:100%; background-color:#444; border-bottom: 3px solid #666; }
div#headNormal {width:100%; background-color:#444; border-bottom: 3px solid #666; }
div#headFixed {width:100%; background-color:#444; border-bottom: 3px solid #666; position:fixed; top:0; left:0; width:100%; z-index:100;}
div#headContainer { text-align:center; background-color:#333;}
div#linkContainer { text-align:center; padding-top:20px;}
div#mirrorContainer { background-image: url("../imgs/drop.png"); text-align:center;}
div#mainContainer { background: url("../imgs/logos/RAMYAD_LOGO.png") no-repeat 50%; height:160px}
div#outerDiv { width:100%; background: url("../imgs/drop.png") repeat-x; text-align:center;}
div#footContainer { background-color:Black; color:White; padding:5px; position:fixed; bottom:0; left:0; width:100%; z-index:100;}
div#bottomText1 { padding:30px; }
div#bottomText1Small { padding:30px; font-size:x-small; }
div#bottomText1SmallWhite { padding:10px; font-size:x-small; color:White;}
div#bottomText2 { color:silver; padding:30px;  font-size:xx-small;}
div#mainTextContainer {width:100%; text-align:center;}
div#mainText {width:800px; text-align:left; margin:0 auto;}
div#mainTextShadow {width:862px; text-align:left; margin:0 auto; background-image:url(../imgs/shadow3.png);}
div#mainTextShadowBtm {width:862px; text-align:left; margin:0 auto; background-image:url(../imgs/shadow3.png); border-bottom: 5px solid black;}
div#mainTextShadow100 {width:862px; text-align:left; margin:0 auto; background-image:url(../imgs/shadow3.png);}
div#mainTextAuto {width:700px; text-align:left; margin:0 auto;}
div#pboxIcon { text-align:center;}
div#photoPadding {padding-top:40px; background-color:Silver;}
div#photoTop { background: url("../Photos/imgs/parismainsplash2.jpg") no-repeat 50%; width:100%; height:320px; background-color:Silver;}
div#photoBottom { background: url("../imgs/logos/ramyad_plain.png") no-repeat 50%; width:100%; height:150px; padding-top:10px;}
div#pricesheading1 {padding-top:15px; text-align:center; font-size:26pt; font-weight:bold; }

span.spanTitle { font-style:italic; font-weight:bold; font-size:x-large;}

/*  CSS TABLES */
tr.rowFour { padding-top:10px;}
td { text-align:center;}
td.mainNotes {vertical-align:top; font-size:x-small;}
td.filler {width:10px}
td.icons { padding-top:10px;}
table#photoTab { position:relative; margin: 0 auto;}
table#innerTable { position:relative; margin: 0 auto; width: 800px;}

table.contact {width:800; border:0;}
table.contact td.l {text-align:left;}
table.contact td.r {text-align:right;}

/*  CSS ANCHORS */
a {text-decoration:underline; color:Blue;}
a:link {text-decoration:underline; color:Blue;}
a:hover {text-decoration:underline; color:Blue;}
a:active {text-decoration:underline; color:Blue;}
a:visited {text-decoration:underline; color:Blue;}

a.blacklink { text-decoration:underline; color:Black;}
a.blacklink:link { text-decoration:underline; color:Black;}
a.blacklink:hover { text-decoration:underline; color:gray;}
a.blacklink:active { text-decoration:underline; color:Black;}

a.mainlink { text-decoration:none; color:Black;}
a.mainlink:link { text-decoration:none; color:Black;}
a.mainlink:hover { text-decoration:none; color:gray;}
a.mainlink:active { text-decoration:none; color:Black;}

a.finda { text-decoration:none; color:Silver;}

a.mainwhitelink:link {text-decoration: none; font-weight:bold; color: White; }
a.mainwhitelink:active { text-decoration:	none; font-weight:bold;	color: White;	}
a.mainwhitelink:hover	{ text-decoration:	none; font-weight:bold; color: gray;	}	
a.mainwhitelink:visited	{ text-decoration:	none; font-weight:bold;	color: White;	}	

a.whitelink {float:left; padding:8px 0 0 15px; }
a.whitelink:link {text-decoration: none; font-weight:bold; color: White; }
a.whitelink:active { text-decoration:	none; font-weight:bold;	color: White;	}
a.whitelink:hover	{ text-decoration:	none; font-weight:bold; color: gray;	}	
a.whitelink:visited	{ text-decoration:	none; font-weight:bold;	color: White;	}	

a.priceslink {font-weight:bold; font-size:medium; text-decoration:underline; color:Black;}
a.priceslink:link {font-weight:bold; font-size:medium; text-decoration:underline; color:Black;}
a.priceslink:hover {font-weight:bold; font-size:medium; text-decoration:underline; color:gray;}
a.priceslink:active {font-weight:bold; font-size:medium; text-decoration:underline; color:Black;}

img { border:0;}
img.imgba { border: solid 15px black;}

/*  CSS HEADINGS - REF By CLASSES */
.ttlsubmain {
	 background-color:Black;
	 border-bottom: 1px solid #888;
	 color:White;	
}
.ttlsub 
{
    border: solid 2px #888;
	 border-top: 2px solid #888;
	 border-bottom: 2px solid #888;
	 color:black;
	 background:silver;	
}

h1.ttlhome {
	font-size:large;
}
.maintitle {
	color:White;
	padding-top:268px;
}
h2.priceheading {font-size:26pt; font-weight:bold;}
h3.newspost { display:inline; width:100px;}
h3.ftr { font-size:small;}
