/*
	TobyBrancher.net 2007
*/

* {margin: 0px; padding: 0px; border: none 0px #fff;}

html, body {
	color:				#6c6c6c;
	background-color: 	#efefef;
	font: 				0.8em verdana;}
	
h1, h2, h5, h6 {
	width:				520px;
	height:				22px;
	margin:				0px 0px 16px 0px;
	padding:			7px 0px 0px 16px;
	background:			url(../img/site/nav_bg.gif) repeat-x;
	font-size:			1.1em;
	font-weight:		bold;
	letter-spacing:		-0.05em; /* temp */
	text-transform:		uppercase;}
	
h2 {
	width:				170px;
	padding:			7px 0px 0px 12px;}
h3 {
	font-size:			0.9em;
	height:				8px;}
h4 {
	font-size:			1em;
	height:				6px;
	color:				#0497cb;}
	
h5 {
	width:				284px;
	height:				26px;
	padding:			3px 0px 0px 10px;
	font-size:			1.8em;
	font-weight:		bold;
	color:				#0497cb;}	
	
h6 {
	width:				598px;
	
}	

p {margin: 0px 0px 0px 0px;}
a {text-decoration: none; color: #434343; font-weight: normal;}
.clear {float: none; clear: both;}
.left {float: left;}
.right {float: right; margin: 0px 10px 0px 0px;}
.seperator {margin: 10px 0px 10px 0px;}
.border {border: solid 1px #aaaaaa;}
.bold {font-weight: bold;}
.blue {color: #0497cb;}



/* Position & Page */

#position {
	text-align:			center;}

#page {
	width: 				770px;
	height:				100%;
	background:			url(../img/site/page_bg.gif) repeat-y;
	padding:			22px 0px 0px 22px;
	margin:				auto;
	text-align:			left;}


/* Options Bar */	

#options {
	width:				720px;
	height:				19px;
	background:			url(../img/site/options_bg.gif) repeat-x;
	padding:			6px 0px 0px 20px;}
#options #send_to_friend {
	float:				right;
	margin:				0px 20px 0px 0px;}
#options #send_to_friend img{
	margin:				0px 0px 0px 4px;}


/* Header */

#header {
	width:				740px;
	height:				141px;
	background:			url(../img/site/header_bg.gif) no-repeat;}	
#header #logo { /* FLASHOBJECT */
	width:				350px;
	height:				140px;
	float:				left;}	
#header #logo img{
	margin:				14px 0px 0px 10px;}
#header #login {
	float:				left;
	width:				200px;
	margin:				0px 0px 0px 0px;
	padding:			40px 0px 0px 184px;}
#header #login label {
	line-height:		20px;}	
#header #login form input.txt {
	width:				192px;
	height:				18px;
	margin:				0px 0px 4px 0px;
	padding:			6px 0px 0px 10px;
	background:			url(../img/site/form_bg.gif) no-repeat;
	font-size:			0.9em;
	color:				#c6c6c6;}	
		
#header #login form input#submit{
	float:				none;
	width:				70px;
	height:				18px;
	margin:				0px 2px 0px 0px;
	text-align:			left;
	font-size:			0.9em;
	color:				#727272;
	background:			url(../img/site/form_login_bg.gif) no-repeat;
	cursor:				pointer;}
#header #login form input#logout{
	float:				right;
	width:				70px;
	margin:				0px 2px 0px 0px;
	text-align:			left;
	font-size:			0.9em;
	color:				#727272;
	background:			url(../img/site/form_bg.gif) no-repeat;
	cursor:				pointer;}


/* Primary nav */

#primary_nav ul {
	width:				730px;
	height:				21px;
	margin:				0px 0px 0px 0px;
	padding:			7px 0px 0px 10px;
	background:			url(../img/site/nav_bg.gif) repeat-x;
	list-style: 		none;}
#primary_nav li {
	display:			inline;}
#primary_nav li a {
	display:			inline;
	margin:				0px 6px 0px 6px;
	font-size:			1.1em;
	font-weight:		bold;
	text-transform:		uppercase;
	letter-spacing:		-0.05em; /* temp */
	color:				#666666;}
#primary_nav li a:hover {
	color:				#0497cb;}
#primary_nav li a#selected {
	color:				#0497cb;}
	
/* flash elements (not logo) */

#product_highlight {
	margin:				0px 2px 0px 1px;
}

/* Content */

#content {}
#content #flash {
	margin:				10px 0px 0px 5px;}
#content #left {
	float:				left;
	width:				540px;
	margin:				0px 18px 0px 0px;}
#content #right {
	float:				left;
	width:				185px;}
#content #main {
	float:				left;
	width:				725px;
	margin:				0px 18px 0px 0px;}

#content #terms {
	width:				710px;
}
	
/* Portfolio */

.client {
	width:				700px;
	margin:				30px 0px 0px 50px;}
.client .images {
	width:				318px;
	margin:				0px 0px 0px 0px;}
.client .images img.large {
	margin:				0px 0px 1px 0px;}
.client .images p.click_thumbs{
	margin:				8px 0px 2px 0px;
	text-transform:		uppercase;}
.client .images p.click_thumbs img{
	margin:				0px 4px 0px 0px;}
.client .images a {
	margin:				0px 1px 0px 0px;
	cursor:				pointer;}
.client .info {
	width:				290px;
	margin:				0px 0px 0px 30px;}
.client .info p {
	margin:				0px 0px 20px 10px;}
.client .info .detail p {	
	margin:				10px 0px 20px 10px;
	_margin:			10px 5px 4px 5px;}
.client .info a{
	text-decoration:	underline;
	color: 				#0497cb;}
	
.client .project {
	width:				320px;
	margin:				0px 0px 0px 0px;}
	
.client .project p {
	margin:				0px 0px 20px 10px;}
.client .project .detail p {	
	margin:				10px 0px 20px 10px;
	_margin:			10px 5px 4px 5px;}
.client .project a{
	text-decoration:	underline;
	color: 				#0497cb;}
.client .task {
	width:				640px;
	margin:				0px 0px 0px 0px;}
.client .task p {
	margin:				0px 0px 20px 10px;}
.client .task .detail p {	
	margin:				10px 0px 20px 10px;
	_margin:			10px 5px 4px 5px;}
.client .task a{
	text-decoration:	underline;
	color: 				#0497cb;}
	
select {	
	width:				118px;
	margin:				0px 0px 0px 0px;
	padding:			2px 0px 0px 2px;
	background-color: 	#F3F3F3;
	/*background:			url(../img/site/form_bg.gif) no-repeat;*/
	font-size:			0.9em;
}

	
	
/* Breadcrumb */
.breadcrumb {
	width:				700px;
	margin:				10px 0px 0px 50px;}
	
.breadcrumb .project a{
text-decoration:	underline;
color: 				#0497cb;}

	

/* Services */

.service {
	float:				left;
	width:				165px;
	height:				250px;
	margin:				0px 0px 20px 20px;
	background:			#f8f8fa;}
#first {margin: 0px 0px 0px 1px;}
.service_copy {padding:	12px 8px 0px 8px;}
.service_copy p{margin: 2px 0px 10px 0px;}


/* News clips */

.news_clip {margin: 10px 0px 0px 13px;}
.news_clip p {margin: 1px 0px 0px 0px;}


/* Clients */

#right ul {
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	list-style: 		none;}
	
#right li {
	width:				180px;
	height:				23px;
	margin:				0px 0px 0px 0px;
	line-height:		20px;
	padding:			0px 0px 0px 20px;
	font-size:			0.9em;
	text-transform:		uppercase;
	letter-spacing:		-0.05em; /* temp */
	color:				#666666;	
	background:			url(../img/site/client_list_bg.gif) no-repeat;}
	
/* #right li a {
	line-height:		20px;
	padding:			0px 0px 0px 20px;
	font-size:			0.9em;
	text-transform:		uppercase;
	letter-spacing:		-0.05em; 
	color:				#666666;} */
		
#right li a:hover {
	color:				#0497cb;}
#right li a#selected {
	color:				#0497cb;}

/* Footer Seperator */

#footer {
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	}
	
#footer p {
	color: #CCCCCC;
}
	
#footer .seperator {margin: 20px 0px 10px 0px;}