/* Custom stylesheet for Dawood & Tanner
 * @author name <dieter@dio5.com>
 * 
 * color codes:
 * purple: #92278f
 * orange: #f8981d
 * green: #6ebe44
 * blue: #3795d1
 * yellow: #ffcb34
 * pink: #F064D5
 * ------------------------------------------------- */


body{	
	font:14px Georgia, serif;
	color:#808080;
}

/* STRUCTURE
 * ------------------------------------------------- */

.container{
	position:relative;
	height:580px;
	padding:20px 0 0;
	margin:3% 0 0;
}

.level3 .container{
	padding-top:0;
}

.container .container{
	width:960px;
	height:480px;
	overflow:hidden;
	margin:0;
	padding:0;
}

.level3 .container .container{
	height:460px;
}

.TeamPage .container .container{
	width:auto;
}

#BreadCrumbs{
	margin:0 0 18px 380px;
	clear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.col{
	float:left;
	min-height:250px;
}

/* LOGO
 * ------------------------------------------------- */

#Logo{
	display:none;
}

/* NAV
 * ------------------------------------------------- */

#Main.nav{
	position:absolute;
	left:25px;
	bottom:100px;
	width:130px;
}

#Main.nav ul{
	position:relative;
}

#Main.js{
	height:460px;
	overflow:hidden;
}

#Main.nav a{
	display:block;
	margin:0 0 2px;
	color:#808080;
	line-height:1.2;
	outline:none;
}

#Main.nav ul li{
	position:relative;
}

#Main.nav ul ul{
	margin:16px 0 16px 15px;
}

#Main.nav ul ul ul{
	border-left:1px solid #333;
	padding:0 0 0 10px;
	position:relative;
	margin:18px 0;
}

#Main.nav ul ul a{
	margin:0 0 4px;
	font-size:12px;
}

#Main.nav li.current a,
#Main.nav li.section a
{
	font-weight:bold;
}

#Main.nav li.current li a,
#Main.nav li.section li.link a
{
	font-weight:normal; 
}

#Main.nav li.link ul{
	display:none;
}

/* CONTENT
 * ------------------------------------------------- */

#Content{
	width:400px;
	padding-right:5px;
	margin-left:380px;
}

.GalleryPage #Content,
.PressHolderPage #Content{
	width:520px;
}

.TeamPage #Content{
	width:auto;
}

.TeamPage #ScrollWrap
{
	position:relative;
	width:80%;
	overflow:hidden;
}

#TeamMembers{
	overflow:hidden;
	position:relative;
	margin:30px 0 0;
}

#TeamMembers li{
	float:left;
}

#Slider{
	width:80%;
	margin:20px 0 0;
	font-size:75%;
	position:relative;
}

#ToolTip{
	background:#fff;
	border:1px solid #666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:3px 5px;
	z-index:9999;
}

img.illu{
	margin:6px 0 16px;
}

/*  TEAM SLIDER (overrides jQuery UI Theme)
 *  ------------------------------------------------ */

div#Slider.ui-slider{
	height:1px;
	background:#878787;
	border:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;	
}

div#Slider a.ui-slider-handle{
	top:-4px;
	height:9px;
	width:62px;
	border:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	background-image:none;		
}

div#Slider a.ui-state-focus,
div#Slider a.ui-state-hover
{
	background-color:#67b021;
	background-image:none;
}

/* ITEMS (News, Articles, Press)
 * ------------------------------------------------- */

#Content ul.items{
	margin:36px 0 0;
}

#Content .items li{
	list-style:none;
	margin:0 0 36px;
	position:relative;
	min-height:80px;
}

.holder{
	margin-left:90px;	
}

.items img{
	position:absolute;
	left:0;
	top:2px;
}

.typography .items h2{
	margin:0;
	line-height:1.1;
	color:#333;
}

.items p.date{
	color:#333;
	margin:0 0 6px;
}

/*  PAGINATION
 *  --------------------------------------------------- */

#Content ul.pagination{
	position:relative;
	overflow:hidden;
	margin:0 0 12px;
}

.pagination li,
.typography .pagination li{
	float:left;
	list-style:none;
	margin:0;
	font-weight:bold;
	margin:0 0 0 6px;
	line-height:1.2;
}

.pagination li.noLink{
	padding:2px 6px;
}

.pagination li.prev{
	margin:0 16px 0 0;
}

.pagination li.next{
	margin:0 0 0 16px;
}

ul.pagination a{
	display:block;
	text-decoration:none;
	float:left;
	border:1px solid #d9d9d9;
	font-weight:bold;
	padding:2px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

ul.pagination a:hover,
ul.pagination a:focus{
	background:#d9d9d9;	
}


/* GALLERY
 * ------------------------------------------------- */

#Content ul.gallery{
	overflow:hidden;
	position:relative;
	margin:0;
}

#Content .gallery li{
	float:left;
	list-style:none;
	margin:0 12px 12px 0;
}

/* ASIDE
 * ------------------------------------------------- */

.aside{
	width:120px;
	margin:0 0 0 20px;
}

.aside ul,
.aside .img{
	margin:0 0 12px;
}

.NewsHolderPage .aside{
	padding-top:58px;
}

/* TAGCLOUD
 * -------------------------------------------------- */

#TagCloud li{
	display:inline;
}

#TagCloud .not-popular { font-size: 11px; }
#TagCloud .not-very-popular { font-size: 12px; }
#TagCloud .somewhat-popular { font-size: 14px; }
#TagCloud .popular { font-size: 16px; }
#TagCloud .very-popular { font-size: 18px; }
#TagCloud .ultra-popular { font-size: 22px; }

/* FLASH
 * ------------------------------------------------- */

#Flash{
	width:100%;
	position:absolute;
	left:0;
	top:17px;
	height:600px;
	overflow:hidden;
}

/* STACK LEVELS
 * ------------------------------------------------- */

#Flash{
	z-index:10;
}

.container .container{
	z-index:20;
}

#Main{
	z-index:30;
}

.next{
	z-index:40;
}

.prev{
	z-index:41;
}

/* GENERAL STYLES
 * --------------------------------------------------------------- */

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

em{
	font-style:italic;
}

strong{
	font-weight:bold;
}

/* FORMS 
 * --------------------------------------------------------------- */

.field{
	margin:0 0 12px;
}

label{
	margin:0 0 3px;
	display:block;
}

input.text,
textarea{
	width:220px;
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:2px;
}
textarea{
	width:340px;
}

input.text:focus,
textarea:focus{
	background:#ffffee;
}
.action{
	background:#959595;
	color:#fff;
	border:none;
	padding:2px;
	margin:0 0 8px;
}

.action:hover,
.action:focus{
	background:#666;
}
.required, .validation{
	color:#ff0000;
}

form ul.optionset{
	margin:0 0 18px;
}

.optionset label{
	margin:0 0 6px;
}

form ul.optionset label{
	display:inline;
	margin:0 4px;
	vertical-align:middle;
}

form ul.optionset li{
	list-style:none;
	margin:0;
}

.checkbox label{
	text-align:left;
	display:inline;
}

/* COLOR THEMES
 * --------------------------------------------------------------- */

.purple a,
.purple #Main.nav li.current a,
.purple #Main.nav li.section a,
#Main.nav li.purple a:hover,
.purple h1,
.purple h2{
 	color:#92278f;
}
.orange a, 
.orange #Main.nav li.current a,
.orange #Main.nav li.section a,
#Main.nav li.orange a:hover,
.orange h1,
.orange h2{
	color:#f8981d;
}
.green a, 
.green #Main.nav li.current a,
.green #Main.nav li.section a,
#Main.nav li.green a:hover,
.green h1,
.green h2{
	color:#6ebe44;
}
.blue a, 
.blue #Main.nav li.current a,
.blue #Main.nav li.section a,
#Main.nav li.blue a:hover,
.blue h1,
.blue h2{
	color:#3795d1;
}
.yellow a, 
.yellow #Main.nav li.current a,
.yellow #Main.nav li.section a, 
#Main.nav li.yellow a:hover,
.yellow h1,
.yellow h2{
	color:#ffcb34;
}

.pink a, 
.pink #Main.nav li.current a,
.pink #Main.nav li.section a, 
#Main.nav li.pink a:hover,
.pink h1,
.pink h2{
	color:#F064D5;
}

.purple #Main.nav ul .section ul ul{
	border-color:#92278f;;
}
.orange #Main.nav ul .section ul ul{
	border-color:#f8981d;
}
.green #Main.nav ul .section ul ul{
	border-color:#6ebe44;
}
.blue #Main.nav ul .section ul ul{
	border-color:#3795d1;
}
.yellow #Main.nav ul .section ul ul{
	border-color:#ffcb34;
}