/** jila - hafez site css **/

/* by boris grudinin */
/* http://www.fianium.com/temp/boris/ *** www.bgtmedia.com */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

* { margin: 0; padding: 0; font-family: "Lucida Sans Unicode", Helvetica, sans-serif; }
body { background: url(../img/bg-main.jpg) left top repeat-x #2d1a3b; }

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

/* ---------------------------- */
/*** setting up the page ***/

#main { width: 850px; margin: 0 auto; padding-top: 20px; }
#top { position: relative; background: url(../img/bg-top.gif) left bottom repeat-x; height: 60px; }
#content { position: relative; margin-top: 20px; overflow: hidden; padding-bottom: 30px; background: url(../img/bg-content.gif) left top no-repeat; }
#footer { width: 850px; clear: both; position: relative; padding: 10px 0px 25px; overflow: hidden; border-top: 1px solid #5f5d60; }

#content div.col-left { float: left; width: 196px; }
#content div.col-right { float: right; width: 614px; }

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

#top a.left { display: block; margin-top: -19px; }
#top a.left img { border: none; }
#top a.left:hover { border-bottom: 1px solid #fb9edb; }

#top a.right { display: block; margin-top: -19px; }
#top a.right img { border: none; }
#top a.right:hover { border-bottom: 1px solid #fb9edb; }

#top ul { list-style: none; overflow: hidden; padding-top: 33px;  }
#top ul li { float: left; margin-left: 16px; }
#top ul li a { display: block; color: #f2f2f2; text-decoration: none; padding-bottom: 10px; font-size: 85%; }
#top ul li a:hover, #top ul li a.active { padding-bottom: 9px; border-bottom: 1px solid #fb9edb; }

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

div.col-right object { width: 614px; height: 467px; }
div.home { padding: 0px 22px 0px 35px; }

/* headers */

#content h1 { font-size: 160%; font-weight: normal; letter-spacing: -2px; color: #fb9edb; margin-bottom: 14px; }
#content h2 { font-size: 130%; font-weight: normal; letter-spacing: -2px; color: #fb9edb; margin-bottom: 10px; }

/* paragraph */

#content p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 85%; line-height: 170%; color: #ffffff; margin-bottom: 14px; }
#content p a { font-family: Georgia, "Times New Roman", Times, serif; }
#content p a:hover { text-decoration: none; }
#content p span { color: #fb9edb; font-family: Georgia, "Times New Roman", Times, serif !important; }

/* lists */

#content ul.nav { list-style: none; overflow: hidden; padding: 8px 8px 0px; background: #2d1a3b; margin: 25px 0px 20px; }
#content ul.nav li { width: 180px; }
#content ul.nav li a { display: block; color: #f2f2f2; text-decoration: none; padding-bottom: 7px; font-size: 85%; border-bottom: 1px solid #818082; margin-bottom: 5px; width: 180px; }
#content ul.nav li a:hover, #content ul.nav li a.active { font-weight: bold; padding-bottom: 7px; margin-bottom: 5px; border-bottom: 1px solid #fb9edb; letter-spacing: -1px; }
#content ul.nav li a span { font-weight: bold; display: none; }
#content ul.nav li a:hover span, #content ul.nav li a.active span { display: inline; }
#content ul.nav li a strong { font-weight: normal; color: #8ac5ff; letter-spacing: -1px; }

#content ul.text { color: #fb9edb; font-size: 80%; margin: 0px 0px 25px 10px; line-height: 150%; }
#content ul.text li { margin-bottom: 4px; }
#content ul.text li span { color: #ffffff; }
#content ul.text li strong { padding-right: 5px; }

#content ul.links { background: #453552; list-style: none; color: #ffffff; margin: 8px 8px 20px; padding: 8px; letter-spacing: -1px; line-height: 140%; }
#content ul.links li { margin-bottom: 4px; }
#content ul.links li.header { font-size: 120%; }
#content ul.links li a:hover { text-decoration: none; }
#content ul.links li.blue { font-weight: bold; color: #8ac5ff; }

#content ul.gallery { list-style: none; overflow: hidden; }
#content ul.gallery li { float: left; margin: 0px 10px 10px 0px; }
	#content ul.gallery li.last { margin: 0px 0px 10px 0px; }
#content ul.gallery li a { display: block; }
#content ul.gallery li a img { border: 1px solid #cccccc; }
#content ul.gallery li a:hover img { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }


/* links */

#content a { color: #fb9edb; }
#contnet a:hover { text-decoration: none; }

/* images */

#content div.col-left img { margin: 0px 0px 15px 8px; border-bottom: 3px solid #fb9edb; }
#content div.col-left img.home { border-bottom: 0px; margin-top: -5px; }
#content div.col-left a img { border: none; border-bottom: 3px solid #fb9edb; }
#content div.col-left a:hover img { border: none; border-bottom: 3px solid #cccccc; }

/* ---------------------------- */
/*** footer ***/

#footer p { color: #5f5d60; font-size: 70%; }
#footer p a { color: #7d7a7f; }
#footer p a:hover { text-decoration: none; }