/* ----------------------------------------------------------------------------------------- Beonline-egypt.com ----------------------------------------------------------------------------------------- */ /* Resets browser style sheets to create a level playing field and ensure that the styles that we see are the styles that we write. Read more at: http://meyerweb.com/eric/tools/css/reset/ ----------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; } body { line-height : 1; } ol, ul { list-style : none; } li { margin-bottom:5px} blockquote, q { quotes : none; } blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; } :focus { outline : 0; } ins { text-decoration : none; } del { text-decoration : line-through; } table { border-collapse : collapse; border-spacing : 0; } /* =Google maps ----------------------------------------------------------------------------------------- */ .g-map { margin-bottom : .75em; padding : 10px; background-color : #fff; border : 1px solid #69c3ff; text-align : center; } .g-map p { margin-bottom : 0; text-align : left; } .readmore2 {overflow : hidden; font-size : 12px; color:#00497a ; FLOAT: right;; line-height :12px; padding:0px 5px 0 0 } .readmore2 a:hover {color: #FFF;} .white a:hover{color: #FFF;} HTML {FONT: 12px Arial,Helvetica,sans-serif; COLOR: #000; TEXT-ALIGN: left; font-weight:normal} body {background-image: url(images/mainbg.jpg);background-repeat: repeat-x;background-color:#436b23;margin: 0pt auto;text-align: left;} #container {width: 985px; text-align: left;background-image: url(images/container-Bg.png);background-repeat: repeat-y;height:auto; margin:0pt auto} a {font-family: Arial, Helvetica, sans-serif; color: #00497a; font-weight: bold; text-decoration: none} a:visited {color: #00497a;} a:hover {color: #69c3ff; text-decoration: underline} a:active {color: #69C3FF;} p{FONT: 12px Arial,Helvetica,sans-serif; COLOR: #000; TEXT-ALIGN: left; font-weight:normal;overflow : hidden; } h3{overflow : hidden; font: 18px Arial, Helvetica, sans-serif bold ; color:#00497a ; text-align:left; margin-bottom:5px} #clear{clear:both;} #header {POSITION: relative; HEIGHT: 413px;margin : 0 auto;} #logo {LEFT: 95px; WIDTH: 310px; POSITION: absolute; TOP: 26px; HEIGHT: 90px} #navigation {LEFT: -4px; WIDTH: 946px; POSITION: absolute; HEIGHT: 34px; TOP: -37px;} #navigation ul {BACKGROUND: url(images/mainNav.png) no-repeat;WIDTH: 944px; TEXT-INDENT: -9999px; POSITION: absolute; HEIGHT: 34px} #navigation li {LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0pt} #navigation li {DISPLAY: block; OVERFLOW: hidden; HEIGHT: 34px; TEXT-DECORATION: none} #navigation a {DISPLAY: block; OVERFLOW: hidden; HEIGHT: 34px; TEXT-DECORATION: none; } .m1 {LEFT: 0px; WIDTH: 93px} .m2 {LEFT: 95px; WIDTH: 86px} .m3 {LEFT: 183px; WIDTH: 114px} .m4 {LEFT: 299px; WIDTH: 152px} .m5 {LEFT: 453px; WIDTH: 86px} .m6 {LEFT: 541px; WIDTH: 121px} .m7 {LEFT: 664px; WIDTH: 71px} .m8 {LEFT: 737px; WIDTH: 85px} .m9 {LEFT: 824px; WIDTH: 121px} .m1 a:hover {BACKGROUND: url(images/mainNav.png) no-repeat 0px -35px} .m1 #HOME {BACKGROUND: url(images/mainNav.png) no-repeat 0px -35px} .m2 a:hover {BACKGROUND: url(images/mainNav.png) no-repeat -95px -35px} .m2 #Location {BACKGROUND: url(images/mainNav.png) no-repeat -95px -35px} .m3 a:hover {BACKGROUND: url(images/mainNav.png) no-repeat -183px -35px} .m3 #GuestRooms {BACKGROUND: url(images/mainNav.png) no-repeat -183px -35px} .m4 a:hover {BACKGROUND: url(images/mainNav.png) no-repeat -299px -35px} .m4 #Restaurant {BACKGROUND: url(images/mainNav.png) no-repeat -299px -35px} .m5 a:hover {BACKGROUND: url(images/mainNav.png) no-repeat -453px -35px} .m5 #Services {BACKGROUND: url(images/mainNav.png) no-repeat -453px -35px} .m6 a:hover {BACKGROUND: url(images/mainNav.png) no-repeat -541px -35px} .m6 #Travel-Agency {BACKGROUND: url(images/mainNav.png) no-repeat -541px -35px} .m7 a:hover {BACKGROUND: url(images/mainNav.png) no-repeat -664px -35px} .m7 #Gallery {BACKGROUND: url(images/mainNav.png) no-repeat -664px -35px} .m8 a:hover {BACKGROUND: url(images/mainNav.png) no-repeat -737px -35px} .m8 #Activities {BACKGROUND: url(images/mainNav.png) no-repeat -737px -35px} .m9 a:hover {BACKGROUND: url(images/mainNav.png) no-repeat -824px -35px} .m9 #Contact {BACKGROUND: url(images/mainNav.png) no-repeat -824px -35px} #main {POSITION: relative; margin:0pt auto; padding-bottom:10px ; height: auto; background-image: url(images/main-bg.jpg);background-repeat: repeat-x;background-color:#fff; width:935px; left:3px; border: #fff 3px solid;} #highlight{position:relative; width:920px; margin:0 auto;background-image: url(images/highlight-bg.png);background-repeat: no-repeat;height:204px; top:5px} #highlight-line{position:relative; width:920px; margin:0 auto; top:1px; height:10px; background-color:#69C3FF;} .hbox{width: 210px; height: 170px; padding:5px; float: left; color: #FFF; font-family:Arial, Helvetica, sans-serif; margin:5px;} .hbox h3{overflow : hidden; font-size : 20px; color:#000 ; text-align:center} .hbox h4{overflow : hidden; font-size : 18px; color:#fff ; text-align:center; } .htext {color: #FFF; font-weight: bold; font-size: 17px;} .hbox p{overflow : hidden; font-size : 12px; color:#fff ; text-align:left; margin:12px} .readmore{overflow : hidden; font-size : 12px; color:#00497a ; FLOAT: right;; line-height :12px; padding:0px 5px 0 0 } #content{position:relative; width:920px; margin:0 auto; top:5px; OVERFLOW: hidden;} #leftbox {width:335px; min-height:300px; margin:10px 0 10px 10px; border-right: #dcf3ff 2px solid; text-align:left; padding: 5px; float: left; overflow:visible } #leftbox h1 {overflow : hidden; font:28px Monotype Corsiva, Arial ,sans-serif bold; color:#00497a ; text-align:left } #leftbox h2 {overflow : hidden; font:20px Monotype Corsiva, Arial ,sans-serif bold; color:#0074c1 ; text-align:left } #leftbox p{margin-bottom:5px} #rightbox{width:530px; margin:10px 10px 10px 10px; text-align:left; padding: 5px; float: left; } #content-blue{position:relative; width:920px; margin:0 auto ; OVERFLOW: hidden; } .bluebox{float:left; width:294px; border-right:#fff 2px solid; overflow:hidden; text-align:left; padding:5px;background-color:#dcf3ff; margin-bottom:10px; height:210px} .bluebox h1{width: 275px; text-align:left; color: #00497a; border-bottom:#00497a 2px solid; font:20px Monotype Corsiva, Arial ,sans-serif bold ; line-height :25px; padding-left:10px} .bluebox h2{width: 275px; text-align:left; color: #000; font:18px Monotype Corsiva, Arial ,sans-serif bold ; line-height :25px; padding-left:10px} .bluebox p{text-align:left; font:12px Arial ,sans-serif ; padding:10px;} .bluebox span{text-align:left; font:12px Arial ,sans-serif ; padding:10px; } .bluebox img{padding:0 20px 0 20px; float:left;} #feedback{ text-align:left; overflow:hidden; padding:20px;} #feedback p{ margin-top:10px; margin-bottom:10px; font-weight:bold} #feedback h3{ margin-top:10px; margin-bottom:10px; font:12px Arial ,sans-serif; font-weight:bold} #Reservations{ text-align:left; overflow:hidden; padding:20px;} #Reservations p{ margin-top:10px; margin-bottom:10px; font-weight:bold} #Reservations h3{ margin-top:10px; margin-bottom:10px; font:12px Arial ,sans-serif; font-weight:bold} /* General form styles ----------------------------------------------------------------------------------------- */ form { overflow : hidden; margin-bottom : .5em; padding-top : .5em; border : 1px solid #00497a;} label { margin-bottom : .25em; } label, label span { display : block; } label span { font-weight : bold; } input[type="text"] { background-color : #fff; border : 1px solid #00497a; font : 13px/1.5 Arial, Helvetica, sans-serif; } select { width : 130px; font : 13px/1.5 Arial, Helvetica, sans-serif; } textarea { background-color : #fff; border : 1px solid #00497a; font : 13px/1.5 Arial, Helvetica, sans-serif; } #login{width : 400px; background-color : #fff; } #login table, tr, td {font : 12px Arial, Helvetica, sans-serif; padding:10px} .caption{font-family: Arial, Helvetica, sans-serif;font-weight:bold;margin:10px;font-size : 12px;color:#00497a;} #weather{float:left; width:250px; overflow:hidden; text-align:left; padding:5px; background-color:#fff; margin:12px; height:30px;font:12px Arial ,sans-serif bold} #footer{margin: 0pt auto; width: 980px; position:relative; COLOR: #fff; top:10px} #foo_nav {width:940px; margin:0 ; height:18px; left:3px; position: relative; float:left} #foo_nav ul{ height:18px; margin:0 auto; width:940px; margin-left:25px} #foo_nav li {DISPLAY: inline; OVERFLOW: hidden; HEIGHT: 18px; TEXT-DECORATION: none;LIST-STYLE-TYPE: none;BORDER-right: #c1c2c2 1px solid; padding-right:5px;padding-left:5px} #foo_nav a , #copyright a {DISPLAY: inline ; OVERFLOW: hidden; HEIGHT: 18px; TEXT-DECORATION: none} #footer ul li A:link , #footer ul li A:visited {COLOR: #fff; TEXT-DECORATION: none} #footer ul li A:hover , #footer ul li A:active {TEXT-DECORATION: underline;COLOR: #69c3ff;} #copyright {width:930px; margin:0 ; height:18px; top:5px ; left:30px ; position: relative; font:12px Arial, Helvetica, sans-serif; color:#fff } #copyright H4.left {FONT-WEIGHT: normal; FLOAT: left; MARGIN-RIGHT: 5px} #copyright H4.right {FONT-WEIGHT: normal; FLOAT: right} #copyright a:link , #copyright a:visited {FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: none} #copyright a:hover , #copyright a:active {FONT-WEIGHT: bold; COLOR: #69c3ff; TEXT-DECORATION: underline}