/* 
	Hello there, welcome to the stylesheet
	This is Samer Nakfour, the web designer
	Feel free to check this out, but do not
	copy it foolishly! contact me first :-)

 */


body {border-top:7px solid #CF23A1; margin:0 auto; text-align:center}

#container{text-align:left; margin:0 auto; width: 590px;}

#primaryContent{ font: 1em Georgia, serif; line-height:1.6em; color:#333333}

p#moreinfo{text-align:right; padding-top:0.5em; color:#000000; font-style:italic;}
p#moreinfo a {border:none}
 
#secondaryContent{margin-top:2.5em}

#minigallery {width: 530px;margin:0 auto;}

.imgbox { margin-right:1.5em; float:left; margin-top:1.5em}
.imgbox a {border:none}
.imgbox img:hover { border:1px solid #CF23A1 }
.imgbox img {border:1px solid #666666;}

#header{margin-top:4.5em; text-align:center;}
#header a{border:none;}
   
#footer{margin-top:3em; text-align:center; margin-bottom:1.5em; font-variant:small-caps; color:#666666}
#footer a:hover{background-color:#aaa}

#navigation{margin-bottom:3em; margin-top:0.5em; margin-right:0.5em; text-align:center}


/*navigation*/
#navul {
    width: 500px; height: 35px;
    background: url(../img/nav-4.gif);
    margin: 10px auto; padding: 0;
    position: relative;}
  #navul li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #navul li, #navul a {
    height: 35px; display: block; border:none}
	#navul li a:hover {background-color:transparent}
	
  #panel1 {left: 0; width: 120px;}
  #panel2 {left: 140px; width: 110px;}
  #panel3 {left: 275px; width: 185px;}
  
  #panel1 a:hover { background: transparent url(../img/nav-4.gif) 0 -35px no-repeat;}
  #panel2 a:hover { background: transparent url(../img/nav-4.gif) -140px -35px no-repeat;}
  #panel3 a:hover { background: transparent url(../img/nav-4.gif) -275px -35px no-repeat;}

/* ----- HEADINGS ----- */
h1{font-size:1.7em; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif; color:#A91C84}
h2{font-size:1.2em; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif; color:#A91C84}

/* ----- IMAGES ----- */
img, img a, img a:hover { border:none; text-decoration:none; background-color:transparent; }

/* ----- LINKS ----- */
a{color:#796C80; text-decoration:none; border-bottom:1px solid #CF23A1}
a:hover{color:#FFFFFF; background-color:#A91C84}

/* --- Gallery -- */
.galleryPic { margin-right:1.2em; float:left; margin-top:1.2em; height:150px; width:100px; background-color:#fff;  text-align:center; border:1px solid #666; }
.galleryPic a {border:none}
.galleryPic:hover { border:1px solid #CF23A1 }
#galleryBody {width:500px; margin:0 auto; margin-top:2em ; }