/*	CSS Design by Nyna Lyle	*/

html { 
	min-width: 835px;
	 }

body	{
	background: #000 url(bg.jpeg);
	font: 11px/1.4 geneva, arial, sans-serif, verdana;
	color: #222;
	margin: 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(shell.jpg) top left repeat-y;
	width: 835px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
	
	
	
	#header	{
	background: #fff url(header.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.jpg) top left no-repeat;
	}

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

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

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

#globalnav #menu	{
	height: 240px;
	width: 190px;
	background: transparent url(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: 11px;}
#portfolio {left: 0; width: 190px; top: 48px;}
#philosophy {left: 0; width: 190px; top: 84px;}
#contact {left: 0; width: 190px; top: 122px;}
#clients	{left: 0; width: 190px; top: 158px;}

#services a:hover {background: transparent url(menu.jpg) 0 -251px no-repeat;}
#portfolio a:hover {background: transparent url(menu.jpg) 0 -288px no-repeat;}
#philosophy a:hover {background: transparent url(menu.jpg) 0 -324px no-repeat;}
#contact a:hover {background: transparent url(menu.jpg) 0 -362px no-repeat;}
#clients a:hover {background: transparent url(menu.jpg) 0 -398px no-repeat;}

	/*   Contact Page 	*/

#phone	{
	width: 125px;
	height: 75px;
	background: transparent url(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(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(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(div.jpg) top left no-repeat;
	clear: both;
	padding: 20px 25px;
	margin: 0 0 0 15px;
	}

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

	/*	Client Access	*/

#login	{
	background: transparent url(clients/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/bg-user.jpg) top left repeat-y;
	padding: 10px;
	text-align: center;
	color: #fff;
	}

#email	{
	width: 210px;
	height: 115px;
	background: transparent url(clients/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/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: #ccc;
	font-weight: bold;
	}
	
a:visited	{
	color: #222;
	font-weight: bold;
	}
	
a:hover	{
	color: #930;
	font-weight: bold;
	}