@import url("reset.css");

/* -------- Logica  ---------- **/
/* ----------------- by Salah Elsadek ---------------- */
 
* { font-family: Verdana, Helvetica, sans-serif; font-size:100%; color:#040404; }
html, body { background: #efefef; }

#container { background-color:#fff; }
#main { position: relative; width: 890px; overflow: hidden; height:1%; margin-left: auto; margin-right: auto; }

.left { float:left !important; }
.right { float:right !important; }

/* ----------------- top ---------------- */

#top { background: url(../img/topheader.gif) left top no-repeat; height:63px;  margin-top:15px; margin-bottom:25px; }

/* ----------------- Header & Top Navigation---------------- */

#topnav { font-weight:normal !important; font-size:13px !important; }
#topnav ul { list-style:none; height:40px; text-decoration:none; overflow: hidden; color:#323232; border-bottom:10px solid #ffcb01; padding-bottom:35px; font-weight:normal !important; font-size:13px !important; }
#topnav ul li { float:left; overflow: hidden; text-align:center; font-size:13px !important; font-weight:normal !important; margin-right:1px; }
#topnav ul li.active a { background-color:#efefef; }
#topnav ul li a { color:#323232;  text-decoration: none; display: block; padding:15px 15px 15px 15px; float:left; font-weight:normal !important; font-size:13px !important; }
#topnav ul li:hover { background-color:#efefef; font-weight:normal !important; }
#topnav ul li a:hover { background-color:#efefef; font-weight:normal !important; }
#topnav ul li.n7 { margin-right: 0px; }
#topnav ul li.n7 a { padding-right: 10px; }
#topnav .eventregistration { display:inherit;}
#topnav .registerinterest { display:none; }

/* ----------------- content---------------- */

#content { min-height:500px; background-position:right top; background-repeat:no-repeat; }
#content.home { background: url(../img/homephoto.jpg ) 0px 50px no-repeat #fff; float:left; min-height:440px; position:relative;  } 
div.home p { width:207px !important; margin-left:280px; float:left; text-align:left !important; margin-right:30px; } 
div.home h1 { margin-left:280px ; margin-top:30px !important; margin-bottom:0px !important; width:545px !important; background: url(../img/h1home.gif ) left top no-repeat !important ; padding-left:50px !important;}
#content h1 { padding:15px 30px 15px 30px; font-size:120%; line-height:25px; font-weight:normal; width:310px; background: url(../img/h1quotation.gif ) left top no-repeat ; margin-top:40px; margin-bottom:20px; min-height:84px; }
#content h3 { font-size:110%; margin-bottom:10px; line-height:35px; font-weight:normal; width:540px; }
#content p { width:500px; margin-bottom:30px; line-height:20px; text-align:left; font-size:80%; }
#content p label.info { width:400px; float:left; padding-bottom:15px; font-weight:bold; }
#content p.subheading { font-size:120%; }
#content p strong.large { font-size:16px;}
table.venue td { font-size:80%; padding-right:30px; padding-bottom:15px; }
p.quotation span { float:left; width:300px;  }
p.quotation img { float:left; margin-right:20px ;}
p.quotation2 img { float:right; margin-right:20px ;}
hr { width:500px; float:left; color:#FFCB01; border:2px solid #FFCB01; display:block; }
#content ul { font-size:80%; list-style-type:circle; padding-left:20px; }
#content ul li { margin-bottom:10px;}
#content div.top_line { background: url(../img/curved_line.png ) 0px 0px no-repeat; width:507px; height:30px; margin-bottom:15px;  }
#content div.bottom_line { background: url(../img/curved_line.png ) 0px -35px no-repeat; width:507px; height:30px; margin-bottom:40px; }
#content div.top_line2 { background: url(../img/curved_line.png) 0px -70px no-repeat; width:507px; height:30px; }
#content div.bottom_line2 { background: url(../img/curved_line.png ) 0px -104px no-repeat; width:507px; height:30px; margin-bottom:30px;  }
/* ----------------- footer---------------- */

#footer { position:relative;  clear: both;  font-size: 90%;  background-color:#efefef; width:auto; color:#323232;  height:1%; }
#footer p { text-indent:190px; margin-top:40px; padding-bottom:40px;  }
#footer p a { text-decoration:none;  color:#323232; }
#footer p a:hover { text-decoration:underline; }
#footer ul { margin:0; padding:0; list-style:none; float:left; margin-top:40px; margin-left:80px; padding-bottom:20px; } 
#footer ul li { float:left; margin-left:2px; padding-bottom:5px; } 
#footer ul li a { width:30px !important; height:36px !important;  float:left; margin-left:5px; text-indent: -1999px   }
#footer ul li a.facebook { background: url(../img/facebook_twitter_youtube.gif ) -40px 0px no-repeat;   }
#footer ul li a.twitter {  background: url(../img/facebook_twitter_youtube.gif ) -160px 0px no-repeat ; }
#footer ul li a.youtube {  background: url(../img/facebook_twitter_youtube.gif ) -80px 0px no-repeat ; }