/*   
Theme Name: Gentlemen Website
Theme URI: http://www.thegentlemen.com
Author: Joe Dunys
Author URI: http://www.mopheaddesign.com/
Version: 1.0
.
*/


/* General CSS */
*										{border: 0px; margin: 0px; outline: none; padding: 0px;}
body									{background: url(images/bg.jpg) top #777; color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
li                                      {list-style: none;}
a										{color: #fff; text-decoration: none;}
a:hover									{text-decoration: underline;}

/* Main Section */
div#header								{display: none;}
div#content								{background: url(images/content.jpg) no-repeat bottom left #777; height: 550px; margin: auto; padding-top: 50px; overflow: hidden; width: 1000px;}

/* Feature */
div#banner								{background: url(images/banner.jpg) no-repeat center top; height: 450px; padding: 2px 100px 8px 100px; width: 800px;}
div#feature								{height: 450px; margin: auto; overflow: hidden; padding: 0; position: relative; width: 800px; z-index: 1;}
div#feature div.feature					{background-repeat: no-repeat; display: none; height: 450px; left: 0; padding: 0px 0px; position: absolute; text-align: center; top: 0; width: 800px; z-index: 8;}
div#feature div.last-active				{display: block; z-index: 2;}
div#feature div.active					{display: block; z-index: 3;}
div#feature ul                          {bottom: 0; list-style: none; margin: 0px 340px 0px 350px ; position: absolute; right: 0; width: 110px; z-index: 4;}
div#feature ul li                       {float: left; height: 20px; margin-right: 5px; text-indent: -9999px; width: 12px;}
div#feature ul li a                     {background: url(images/buttons.png) no-repeat top; display: block; height: 20px; width: 12px;}
div#feature ul li.active a              {background-position: bottom;}
div#feature ul li a:hover               {background-position: bottom;}
div#feature ul li a:focus               {outline: none;}

/* Buttons */
div#buttons								{height: 80px; overflow: hidden; width: 1000px;}
div#buttons_width						{width: 1008px;}
div#buttons li a						{background-position: top; display: block; float: left; height: 80px; margin-right: 8px; text-indent: -9999px; width: 160px;}
div#buttons li.facebook a				{background-image: url(images/facebook.png);}
div#buttons li.youtube a				{background-image: url(images/youtube.png);}
div#buttons li.myspace a				{background-image: url(images/myspace.png);}
div#buttons li.issuu a					{background-image: url(images/issuu.png);}
div#buttons li.cartel a					{background-image: url(images/cartel.png);}
div#buttons li.twitter a				{background-image: url(images/twitter.png);}
div#buttons a:hover						{background-position: bottom; }

div#footer								{margin: auto; text-align: center; width: 1000px;}
div#footer p							{display: block; height: 25px; line-height: 25px;}