html, body {margin: 0px; padding: 0px; background-color: #363636; background-image: url(/images/gradient-bg.jpg); background-repeat: repeat-x;}

#container {width: 960px; margin: 10px auto 0px auto; padding: 0px; border: 3px solid #806651; background-color: #fff;}

#header {height: 51px; padding: 17px 0px 0px 0px;}
#header h1 {margin: 0px 35px 0px auto; padding: 35px 0px 0px 0px; overflow: hidden; width: 556px; height: 0px; background-image: url(/images/lexi-logo.jpg);}

#menu {padding: 0px 60px 0px 0px; margin: 0px; height: 20px; background-image: url(/images/shadow3.jpg); background-repeat: repeat-x; border-top: 1px solid #ddd; border-bottom: 1px solid #999;}
#menu ul {list-style-type: none; margin: 0px 0px 0px auto; padding: 0px; width: 450px;}
#menu li {float: left; list-style-type: none; margin: 2px 0px 0px 14px; padding: 0px 0px 0px 20px; background-image: url(/images/bullet.png); background-repeat: no-repeat; background-position: 0px 1px; font-size: 13px; height: 13px;}
#menu li a:link, li a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; height: 13px; color: #806651; text-decoration: none;}
#menu li a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; height: 13px; color: #514133; text-decoration: none;}
#menu li.twitter a:link, li.twitter a:visited {height: 0px; width: 51px; background: url(/images/twitter.png) no-repeat; padding-top: 13px; overflow: hidden; display: block; margin-top: 2px;}
#menu li.twitter a:hover {height: 0px; width: 51px; background: url(/images/twitter.png) no-repeat; padding-top: 13px; overflow: hidden; display: block; margin-top: 2px;}

#content {padding: 0px; margin: 0px; background-image: url(/images/shadow.jpg); background-repeat: repeat-x;}

#home {padding: 0px; margin: 0px; height: 598px; background-image: url(/images/background1.jpg); background-repeat: no-repeat; background-position: bottom left;}
#home-content {width: 610px; height: 550px; overflow: auto; padding: 30px 34px 0px 0px; margin: 0px 0px 0px auto;}

#content h2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #514133; font-size: 16px; margin: 0px 0px 20px 0px; padding: 0px; font-weight: bold; font-style: italic; text-align: right;}
#content p {font-family: Verdana, Arial, Helvetica, sans-serif; color: #806651; font-size: 14px; margin: 0px 0px 20px 0px; padding: 0px; text-align: right;}
#content h2.welcome {margin: 0px 0px 18px auto; padding: 25px 0px 0px 0px; overflow: hidden; width: 280px; height: 0px; background-image: url(/images/h2-welcome.png);}
#content h2.about {margin: 0px 0px 18px auto; padding: 19px 0px 0px 0px; overflow: hidden; width: 99px; height: 0px; background-image: url(/images/h2-about.png);}
#content h2.portfolio {margin: 0px 0px 18px auto; padding: 25px 0px 0px 0px; overflow: hidden; width: 84px; height: 0px; background-image: url(/images/h2-portfolio.png);}
#content h2.contact {margin: 0px 0px 18px auto; padding: 18px 0px 0px 0px; overflow: hidden; width: 113px; height: 0px; background-image: url(/images/h2-contact.png);}
#content h2.thankyou {margin: 0px 0px 18px auto; padding: 19px 0px 0px 0px; overflow: hidden; width: 105px; height: 0px; background-image: url(/images/h2-thankyou.png);}
#content h2.info {margin: 20px 0px 0px 0px; padding: 0px;}
#content p.info {margin: 0px 0px 10px 0px; padding: 0px;}
#content ul.info {font-family: Verdana, Arial, Helvetica, sans-serif; color: #806651; font-size: 14px; margin: 0px; padding: 0px; text-align: right; direction: rtl; list-style: none;}
#content a:link {color: #514133; text-decoration: none;}
#content a:visited {color: #514133; text-decoration: none;}
#content a:hover {color: #ffcc00; text-decoration: none;}

#content p.images {text-align: right;}
#content p.images img {border: 1px solid #ffcc00; margin: 0px 0px 0px 8px;}

#content .row {height: 110px; border-bottom: 1px solid #ccc; margin: 8px 0px 0px 0px;}
#content .row p {text-align: left;}
#content .row img {margin: 0px 10px 0px 0px; padding: 0px; border: 1px solid #ffcc00;}

#contactform {padding: 0px; margin: 40px 34px 50px 0px; text-align: right;}
#contactform input, textarea {border: 1px solid #ffcc00; margin: 0px 0px 2px 0px; padding: 1px;}
#contactform .submit {padding: 2px;}
#contactform textarea {margin-top: 2px;}
#contactform p {margin: 0px 0px 2px 0px; padding: 0px;}

#footer {width: 960px; height: 16px; margin: 4px auto; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #806651;}
#footer p.left {width: 480px; margin: 0px; padding: 0px 0px 4px 0px; font-size: 11px; float: left; text-align: left; color: #806651;}
#footer p.right {width: 480px; margin: 0px; padding: 0px 0px 4px 0px; font-size: 11px; float: right; text-align: right; color: #806651;}
#footer a {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #806651; text-decoration: none;}

#twitter {margin: 0px 0px 0px auto; padding: 0px; width: 580px;}


/* LIGHTBOX */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}