/*	CSS Design by Chris Duren	*/

html { 
	min-width: 835px;
	 }

body	{
	background: #000 url(img/bg.gif);
	font: 11px/1.4 geneva, arial, sans-serif, verdana;
	color: #222;
	margin: 0 0 15px 0;
	}
	
	/*	Typography	*/
	
p	{
	margin: 0;
	padding: 0 0 12px 0;
	}

em	{
	color: #930;
	}

hr	{
	height: 1px;
	margin: 15px 0;
	border: 0;
	color: #930;
	background-color: #930;
	}
	
strong	{
	color: #000;
	}	
	
h2	{
	font: 17px georgia, times, serif, geneva;
	color: #930;
	margin: 0 0 10px 0;
	font-weight: normal;
	}

h3	{
	background: #222;
	font-size: 14px;
	color: #fff;
	margin: 0 0 12px 0;
	padding: 6px 15px;
	width: 160px;
	text-align: center;
	}

form	{
	margin: 0;
	padding: 0;
	}
	
ul	{
	margin-bottom: 14px;
	margin-top: 0;
	}
	
	/*   Basic Layout Divisions	*/
	
#wrapper	{
	background: #fff url(img/shell.jpg) top left repeat-y;
	width: 835px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
	
#left	{
	width: 191px;
	float: left;
	padding: 0 26px;
	}
	
#left ul	{
	padding: 0 15px 10px 15px;
	margin: 0;
	list-style: none;
	}
	
#left li	{
	padding: 7px 0;
	border-bottom: 1px dotted #c96;
	}
	
#right 	{
	width: 591px;
	float: left;
	margin: 0;
	padding: 0;
	}

#content 	{
	width: 536px;
	float: left;
	margin: 0;
	padding: 20px 35px 0 20px;
	}

#content_bg 	{
	width: 536px;
	float: left;
	margin: 0;
	padding: 20px 35px 0 20px;
	background: transparent url(clients/img/clients.jpg) top left no-repeat;
	}

#footer	{
	clear: both;
	background: transparent url(img/footer.jpg) bottom left no-repeat;
	width: 735px;
	height: 25px;
	margin: 0;
	padding: 0 50px 26px 50px;
	color: #963;
	font: 10px georgia, times, geneva, arial;
	text-transform: uppercase;
	}

#keywords	{
	background: transparent url(img/keywords.jpg) top left no-repeat;
	width: 537px;
	height: 29px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 15px 40px 0 15px;
	}

	/*	Main Navigation	*/
	
#globalnav	{
	height: 200px;
	width: 190px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	}

#globalnav #menu	{
	height: 200px;
	width: 190px;
	background: transparent url(img/menu.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

#globalnav #menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	height: 37px;
	left: 0;
	border: 0;
	}
	
#menu li, #menu a {
	height: 37px;
	display: block;
	}
	
#globalnav #menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#services	{left: 0; width: 190px; top: 17px;}
#portfolio {left: 0; width: 190px; top: 54px;}
#contact {left: 0; width: 190px; top: 91px;}
#clients {left: 0; width: 190px; top: 128px;}

#services a:hover {background: transparent url(img/menu.jpg) 0 -217px no-repeat;}
#portfolio a:hover {background: transparent url(img/menu.jpg) 0 -254px no-repeat;}
#contact a:hover {background: transparent url(img/menu.jpg) 0 -291px no-repeat;}
#clients a:hover {background: transparent url(img/menu.jpg) 0 -328px no-repeat;}

	/*   Contact Page 	*/

#phone	{
	width: 125px;
	height: 75px;
	background: transparent url(img/phone.jpg) top left no-repeat;
	text-align: center;
	padding: 125px 20px 0 20px;
	margin: 0 0 20px 15px;
	float: left;
	}

#office	{
	width: 125px;
	height: 80px;
	background: transparent url(img/office.jpg) top left no-repeat;
	text-align: center;
	padding: 120px 20px 0 20px;
	margin: 0 0 20px 0;
	float: left;
	}

#mail	{
	width: 125px;
	height: 80px;
	background: transparent url(img/mail.jpg) top left no-repeat;
	text-align: center;
	padding: 120px 20px 0 20px;
	margin: 0 0 20px 0;
	float: left;
	}

#div	{
	width: 445px;
	background: transparent url(img/div.jpg) top left no-repeat;
	clear: both;
	padding: 20px 25px;
	margin: 0 0 0 15px;
	}

#div2	{
	width: 485px;
	background: transparent url(img/div2.jpg) top left no-repeat;
	clear: both;
	padding: 20px 25px;
	margin: 0;
	}

	/*	Client Access	*/

#login	{
	background: transparent url(clients/img/login.jpg) top left no-repeat;
	width: 435px;
	height: 52px;
	padding: 155px 30px 0 30px;
	margin: 0 0 20px 15px;
	}

#user	{
	background: transparent url(clients/img/bg-user.jpg) top left repeat-y;
	padding: 10px;
	text-align: center;
	color: #fff;
	}

#email	{
	width: 210px;
	height: 115px;
	background: transparent url(clients/img/email.jpg) top left no-repeat;
	text-align: center;
	padding: 75px 20px 0 20px;
	margin: 0 0 20px 15px;
	float: left;
	}

#domain	{
	width: 210px;
	height: 130px;
	background: transparent url(clients/img/domain.jpg) top left no-repeat;
	text-align: center;
	padding: 60px 20px 0 20px;
	margin: 0 0 20px 0;
	float: left;
	}

	/*   Classes 	*/

.hide	{
	display: none;
	visibility: hidden;
	}

.pad	{
	padding-left: 25px;
	padding-right: 25px;
	}

.header	{	
	color: #fff;
	background: #000;
	}	

.cell	{	
	background: #9cf;
	}	

.none	{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.nomargin	{
	margin: 0;
	padding: 0;
	}
	
	/*   Links 	*/

a:link	{
	color: #000;
	font-weight: bold;
	}
	
a:visited	{
	color: #222;
	font-weight: bold;
	}
	
a:hover	{
	color: #930;
	font-weight: bold;
	}