/*
DUSZA Ecommerce Master Stylesheet - Richard Geddes - DUSZA - February 2009

/*-------------------------------------------------------------------------------------------------------FOUNDATIONS
*/
* {
	margin: 			0;
	padding: 			0;
	border: 			0;
	outline: 			0;
}
body {
	background: 		#F7F7F7 url('../images/background.jpg') repeat-x;
	text-align:			center;
	font:				67.5% Arial, sans-serif;
}
body#submit-a-brief {
	background:			#000;
	text-align:			left;
	overflow:			hidden;
}
div#container {
	width:				980px;
	margin:				0 auto;
	text-align:			left;
	overflow:			hidden; /* FIX IE */
}
div#access {
	visibility:			hidden;
	height:				30px;
	margin-bottom:		-30px;
}

/*-------------------------------------------------------------------------------------------------------HEADER
*/
div#header {
	height:				112px;
	background:			url('../images/header_bg.jpg') right top no-repeat;
	overflow:			hidden;
}
div#header h1 a {
	float:				left;
	width:				321px;
	height:				112px;
	background:			url('../images/logo.jpg');
	text-indent:		-9999px;
}
div#header p {
	float:				right;
	color:				#FFF;
	font-size:			1.4em;
	margin:				20px 20px 0 0;
}
div#header p span {
	font-size:			2.6em;
	display:			block;
	text-align:			right;
}

/*-------------------------------------------------------------------------------------------------------FORMS
*/
form, label, input, select, textarea, button {
	color:				#565555;
	font:				1em Arial, sans-serif;
}
form {
	float:				left !important;
	float:				none; /* FIX IE */
	width:				485px;
	margin:				0 0 25px;
	font-size:			1.1em;
	background:			#565555;
	padding:			0 0 30px;
}
body#submit-a-brief form {
	background:			#000;
}
legend {
	text-indent:		-9999px;
}
div#content form p, body#submit-a-brief form p {
	float:				none;
	color:				#FFF;
	margin:				10px 0 5px 50px !important;
	width:				370px;
}
div#content form p.error, body#submit-a-brief form p.error {
	color:				#FFF !important;
	background:			#CB0000;
	font-weight:		bold;
	padding:			3px 5px;
}
div#content form p.success, body#submit-a-brief form p.success {
	color:				#FFF !important;
	background:			#009900;
	font-weight:		bold;
	padding:			3px 5px;
}
form ol li {
	list-style-type:	none;
}
label, input, select, textarea, button, span.warning {
	float:				left;
	width:				370px;
	padding:			5px;
	margin:				2px 50px;
}
select {
	width:				380px;
}
label {
	background:			transparent;
	margin:				2px 45px 0;
	color:				#FFF;
}
label em {
	font-size:			0.8em;
}
em.warning {
	color:				#CB0000;
}
input, select, textarea, button {
	background:			#F7F7F7 !important;
}
input:focus, select:focus, textarea:focus {
	background:			#FFF;
}
textarea {
	overflow:			auto;
}
span.warning {
	margin:				3px 0 5px 50px !important;
	padding:			2px 5px;
	color:				#FFF;
	background:			#CB0000;
}
label span.warning {
	margin:				3px 0 0 !important;
}
button {
	font-weight:		bold;
	font-size:			0.9em;
	width:				auto;
	margin:				10px 15px 0 50px !important;
	text-transform:		uppercase;
	background:			#333 !important;
	border:				1px solid #666;
	color:				#29AB33;
	cursor:				pointer;
	padding:			5px;
}
button:hover {
	border:				1px solid #999;
}

/*-------------------------------------------------------------------------------------------------------NAVIGATION
*/
ul#nav {
	position:			relative;
	z-index:			999;
	float:				left;
	width:				805px;
	margin:				6px 0 0 175px !important;
	margin:				6px 0 0 85px; /* FIX IE */
}
ul#nav li {
	float:				left;
	list-style-type:	none;
}
ul#nav li a {
	float:				left;
	font-size:			1.5em;
	color:				#565555;
	text-decoration:	none;
	padding: 			10px 15px 11px;
	text-align: 		center;
}
ul#nav li a:hover {
	color:				#2591DE;
}
body#home ul#nav li a.nav_home,
body#portfolio ul#nav li a.nav_portfolio,
body#services ul#nav li a.nav_services,
body#articles ul#nav li a.nav_articles,
body#contact ul#nav li a.nav_contact {
	color:				#29AB33;
}
ul#nav li.subnav a:hover, 
ul#nav li.subnav.active, 
ul#nav li.subnav.active a {
	color:				#2591DE !important;
	background:			#F7F7F7 !important;
}
ul#nav li.subnav ul {
	display:			none;
}
ul#nav li.subnav:hover ul, 
ul#nav li.subnav.active ul {
	display:			block;
}
ul#nav li.subnav ul {
	position:			absolute;
	top:				33px;
	float:				left;
	clear:				left;
	margin:				2px 0 0;
	background:			#F7F7F7;
	width:				242px;
	z-index:			9999;
}
ul#nav li.subnav ul li {
	position:			relative;
	float:				left;
	clear:				left;
}
ul#nav li.subnav ul li a, 
ul#nav li.subnav.active ul li a {
	padding:			10px 20px;
	width:				202px;
	text-align:			left;
	background:			transparent !important;
	border-right:		0;
}
ul#nav li.subnav ul li a:hover {
	color:				#565555 !important;
}
ul#nav li.subnav ul li.subsubnav ul {
	display:			none;
}
ul#nav li.subnav ul li.subsubnav:hover ul, 
ul#nav li.subnav ul li.subsubnav.active ul {
	display:			block;
}
ul#nav li.subnav ul li.subsubnav ul {
	top:				0;
	left:				0;
	margin:				-1px 0 0 142px;
}
ul#subnav {
	float:				left;
	background:			#565555 url('../images/sub_nav_bg.jpg') left top no-repeat;
	width:				236px;
	margin:				15px 15px 10px 0;
}
ul#subnav li {
	float:				left;
	list-style-type:	none;
}
ul#subnav li a, ul#subnav li h2 {
	float:				left;
	padding:			10px;
	margin:				0;
	text-decoration:	none;
	color:				#FFF;
	width:				230px;
	font-weight:		bold;
}
ul#subnav li h2 {
	background:			transparent;
	color:				#FFF;
	font-size:			1.3em;
}
ul#subnav li a:hover {
	color:				#2591DE;
}
ul#subnav li a.active {
	color:				#29AB33;
}
ul#subnav li.extra a {
	padding-left:		30px;
	width:				180px;
}
ul.child_content, ul.quick_links {
	float:				left;
	width:				236px;
	border-bottom:		1px solid #ECECEC;
	margin:				20px 0 0;
	list-style-type:	none;
	padding:			0 0 10px;
}
ul.quick_links {
	clear:				left;
	margin:				0;
	border:				0;
	}
ul.quick_links li.title {
	font-size:			1.6em;
	color:				#ACAAAA;
	padding:			8px 0 4px;
	font-weight:		bold;
	}
ul.child_content li a, ul.quick_links li a {
	float:				left !important;
	float:				none; /* FIX IE */
	width:				226px;
	color:				#565555;
	text-decoration:	none;
	font-size:			1.5em;
	line-height:		1.2em !important;
	line-height:		1.5em; /* FIX IE */
	font-weight:		bold;
	padding:			5px 10px 0 0;
}
ul.quick_links li a {
	font-size:			1em;
}
ul.child_content li a:hover, ul.quick_links li a:hover {
	color:				#AAA;
}

/*-------------------------------------------------------------------------------------------------------CONTENT
*/
div#content {
	float:				left;
	width:				980px;
	overflow:			hidden; /* FIX IE */
	margin:				15px 0 0;
}
div#content div.package {
	float:				left;
	width:				320px;
	background:			#565555;
	color:				#FFF;
	margin:				0 10px 0 0;
}
div#content div.package.last {
	margin:				0;
}
div#content div.package p.title {
	text-align:			center;
	padding:			17px 10px 10px;
	font-size:			4.8em;
	font-family:		Myriad Pro, Arial, sans-serif;
}
div#content div.package p.title a {
	color:				#FFF;
	text-decoration:	none;
}
div#content div.package p.title span {
	display: 			block;
	font-size:			0.6em;
}
div#content div.package p.title.package1 {
	background:			url('../images/package1_bg.jpg') left top no-repeat;
}
div#content div.package p.title.package2 {
	background:			url('../images/package2_bg.jpg') left top no-repeat;
}
div#content div.package p.title.package3 {
	background:			url('../images/package3_bg.jpg') left top no-repeat;
}
div#content div.package img {
	float:				left;
	margin:				10px 0 0 10px;
}
div#content div.package div.detail {
	float:				left;
	width:				220px;
}
div#content div.package p {
	padding:			10px;
	font-size:			1.1em;
}
div#content div.package p.emph1 {
	font-size:			1.4em;
	font-weight:		bold;
}
div#content div.package p.emph2 {
	padding:			4px 10px 4px;
	font-size:			1.4em;
}
div#content div.package p.emph2 span {
	font-size:			2em;
}
div#content div.package p.emph2 span small {
	font-size:			0.6em;
}
div#content div.package a.tour {
	float:				left;
	border-top:			1px solid #FFF;
	color:				#FFF;
	text-decoration:	none;
	font-size:			1.6em;
	font-weight:		bold;
	padding:			8px 0 10px;
	margin:				0 0 0 10px;
	width:				200px;
	background:			url('../images/link_arrow.gif') right 6px no-repeat;
}
div#content div.package a:hover {
	background-position:right -32px;
}
div#content div.panel {
	float:				left;
	background:			url('../images/panel_bg.gif') left top no-repeat;
	width:				980px;
	height:				47px;
	margin:				10px 0 0;
}
div#content div.panel.video {
	background:			#000;
	width:				720px;
	height:				400px;
	padding:			0 130px 10px;
}
div#content div.panel.video h4 {
	float:				left;
	width:				720px;
	color:				#FFF;
	margin:				10px 0 0;
	text-align:			center;
}
div#content div.panel.video object#flashvideo {
	width:				720px;
	height:				380px;
}
div#content div.panel  p {
	float:				left;
	font-weight:		bold;
	padding:			16px 5px 0 15px;
	color:				#565555;
	font-size:			1.2em;
}
div#content div.panel p small {
	font-size:			1em;
	font-weight:		normal;
}
div#content div.panel img {
	float:				left;
	margin:				10px 0 0 2px;
}
div#content div.panel.share img {
	margin:				15px 0 0 10px;
}
div#content div.panel h2 {
	float:				right;
	font-size:			1.1em;
	margin:				17px 15px 0 0;
}
div#content div.panel h2 a {
	color:				#1E8FDE;
	text-decoration:	none;
}
div#content div.panel h2 a:hover {
	color:				#565555;
}
div.column {
	float:				left;
	width:				236px;
	padding-bottom:		10px;
}
div#content div.quote {
	float:				left;
	clear:				left;
	width:				236px;
	border-bottom:		1px solid #ECECEC;
	padding:			25px 0 5px 0;
}
div#content div.quote blockquote {
	float:				left;
	width:				226px;
	border-bottom:		1px solid #ECECEC;
	padding:			0 10px 10px 0;
	margin:				0 0 -6px;
}
div#content div.quote blockquote p {
	font-size:			1.5em;
	color:				#C2C2C2;
	font-weight:		bold;
}
div#content div.quote p {
	float:				left;
	width:				226px;
	clear:				left;
	color:				#565555;
	padding:			5px 0 0;
}
div#content div.quote p strong {
	float:				left;
	padding:			6px 0 0;
}
div#content div.page {
	float:				right;
	padding:			20px;
	width:				704px;
}
div#content div.page h1 {
	color:				#565555;
	font-size:			2.4em;
	margin:				5px 0 0;
}
div#content div.page h2, div#content div.page h3 {
	color:				#1E8FDE;
	margin:				10px 0;
	font-size:			1.2em;
}
div#content div.page p, div#content div.page ul {
	color:				#565555;
	margin:				10px 0 0;
	font-size:			1.2em;
}
div#content div.page ul {
	margin:				10px 0 0 20px;
	line-height:		1.6em;
}
div#content div.page ul li.nested ul {
	margin:				10px 0 10px 20px;
	font-size:			0.9em;
}
div#content div.page a {
	color:				#565555;
	text-decoration:	none;
	font-weight:		bold;
}
div#content div.page a:hover {
	color:				#AAA;
}
div#content div.page img.full {
	border:				5px solid #565555;
}
div#content div.page img.small {
	float:				left;
	border:				5px solid #565555;
	margin:				0 10px 10px 0;
}
div#content ul.service_icons {
	float:				left;
	margin:				10px -5px 0;
	list-style-type:	none;
	border-bottom:		1px solid #ECECEC;
}
div#content ul.service_icons li {
	float:				left;
	margin:				0 0 0 6px;
}
div#content ul.service_icons li img {
	width:				76px;
}
div#content ul.service_icons li h4 {
	float:				left !important;
	float:				none; /* FIX IE */
	width:				600px;
	margin:				5px 0 8px 255px;
	color:				#1E8FDE;
	font-size:			1.2em;
}
div#content div.hr {
	float:				left;
	width:				980px;
	border-top:			1px solid #ECECEC;
}
div#content div.hr hr {
	display:			none;
}
div#content div.page div.item {
	float:				left;
	width:				714px;
	padding:			10px 0 15px;
	border-bottom:		1px solid #ECECEC;
}
div#content div.page div.item h2 a {
	color:				#1E8FDE;
	margin:				10px 0;
	font-size:			1em;
	text-decoration:	none;
}
div#content div.page div.item h2 a:hover {
	color:				#565555;
}
div#content div.page div.item img {
	float:				left;
	margin:				0 10px 0 0;
}
div#content div.page h3.pagination {
	float:				left;
	color:				#999;
	font-size:			1em;
	margin:				5px 0 0 15px !important;
	margin:				5px 0 0 8px; /* FIX IE */
}
div#content div.page h3.pagination a {
	margin:				0 0 0 5px;
}
div#content div.page h3.pagination a.active {
	color:				#999;
}
div#content div.page h3.pagination a.active:hover {
	color:				#666;
}
div#content a.page_download, div#content a.page_video {
	float:				left;
	clear:				both;
	width:				146px;
	height:				50px;
	margin:				10px 0 0;
	padding:			20px 20px 0 70px;
	color:				#565555;
	text-decoration:	none;
}
div#content div.page a.page_download {
	margin:				5px 10px 10px 0;
}
div#content a.page_download:hover, div#content a.page_video:hover {
	color:				#AAA;
}
div#content a.page_video {
	background:			url('../images/video-icon.gif') left top no-repeat;
}
div#content a.page_download.pdf {
	background:			url('../images/pdf-icon.gif') left top no-repeat;
}
div#content a.page_download.word {
	background:			url('../images/word-icon.gif') left top no-repeat;
}
div#content div.contact {
	float:				left;
	clear:				left;
	width:				236px;
	margin:				20px 0;
	background:			#565555;
}
div#content div.contact div#map {
	width:				216px;
	height:				216px;
	margin:				10px 10px 0;
	background:			url('../images/location-map.jpg') no-repeat;
}
div#content div.contact h2 {
	margin:				10px 10px 5px;
	color:				#ECECEC;
}
div#content div.contact p {
	margin:				0 10px;
	color:				#FFF;
}
div#content div.contact dl {
	float:				left;
	margin:				10px 0;
	color:				#FFF;
}
div#content div.contact dt {
	float:				left;
	clear:				left;
	font-size:			1.1em;
	margin:				5px 10px 0 10px !important;
	margin:				5px 5px 0 5px; /* FIX IE */
}
div#content div.contact dd {
	float:				right;
	font-weight:		bold;
	font-size:			1.1em;
	margin:				5px 10px 0 0 !important;
	margin:				5px 5px 0 5px; /* FIX IE */
}
div#content div.contact a {
	text-decoration:	none;
	color:				#ECECEC;
}
div#content div.contact a:hover {
	color:				#AAA;
}
div#content div.contact a.email {
	float:				left;
	font-weight:		bold;
	padding:			0 0 10px;
}
body#contact div#content div.packages {
	float:				right;
	width:				195px;
	position:			relative;
	margin:				-180px 5px 0 0;
}
body#contact div#content div.package {
	float:				left !important;
	float:				none; /* FIX IE */
	width:				195px;
	overflow:			hidden; /* FIX IE */
	background:			#565555;
	color:				#FFF;
	margin:				0 0 10px;
}
body#contact div#content div.package p.title {
	text-align:			center;
	padding:			7px 10px 10px;
	font-size:			3.4em;
	font-family:		Myriad Pro, Arial, sans-serif;
	margin:				0;
}
body#contact div#content div.package p.title a {
	color:				#FFF;
	text-decoration:	none;
	font-weight:		normal;
}
body#contact div#content div.package p.title span {
	display: 			block;
	font-size:			0.6em;
}
body#contact div#content div.package p.title.package1 {
	background:			url('../images/package1_bg_small.jpg') left top no-repeat;
}
body#contact div#content div.package p.title.package2 {
	background:			url('../images/package2_bg_small.jpg') left top no-repeat;
}
body#contact div#content div.package p.title.package3 {
	background:			url('../images/package3_bg_small.jpg') left top no-repeat;
}
body#contact div#content div.package img {
	float:				right;
	margin:				10px 10px 0;
}
body#contact div#content div.package div.detail {
	float:				left;
	width:				200px;
}
body#contact div#content div.package p {
	padding:			0 10px;
	font-size:			1.1em;
	color:				#ECECEC;
}
body#contact div#content div.package p.emph1 {
	font-size:			1.2em;
	font-weight:		bold;
}
body#contact div#content div.package p.emph2 {
	padding:			0 10px 6px;
	font-size:			1.2em;
}
body#contact div#content div.package p.emph2 span {
	font-size:			1.6em;
}

/*-------------------------------------------------------------------------------------------------------CAROUSEL
*/
ul#carousel_title {
	float:				left;
	width:				980px;
	height:				auto !important;
	height:				62px; /* FIX IE */
	min-height:			62px;
	background:			#565555 url('../images/carousel_title_bg.gif') left top no-repeat;
	font-family:		Myriad Pro, Arial, sans-serif;
	list-style-type:	none;
	margin:				10px 0 0;
}
ul#carousel_title li {
	float:				left;
	margin:				14px 2px 0;
	font-size:			2.6em;
}
ul#carousel_title li.title {
	color:				#FFF;
	width:				490px;
	padding:			0 60px 0 0;
	text-align:			right;
}
ul#carousel_title li a {
	float:				left;
	padding:			0px 8px;
	margin:				2px 0 0;
	height:				auto !important;
	height:				14px; /* FIX IE */
	min-height:			14px;
	width:				14px;
	text-decoration:	none;
	text-transform:		uppercase;
	color:				#FFF;
	border:				1px solid #FFF;
	font-size:			0.9em;
}
ul#carousel_title li.active a, ul#carousel_title li a:hover {
	color:				#565555;
	background:			#FFF;
}
div#carousel {
	float:				left;
	width:				980px;
	height:				286px;
	background:			#565555 url('../images/carousel_bg.gif') left top no-repeat;
	margin:				1px 0 0;
	overflow:			hidden;
	position:			relative;
}
div#carousel p {
	float:				left;
	color:				#FFF;
	font-size:			1em;
	padding:			10px 10px 0 20px; 
}
div#carousel p.emph {
	font-size:			1.6em;
	font-weight:		bold;
	padding-top:		70px;
}
div#carousel div.intro {
	float:				left;
	width:				248px;
}
div.slide {
	position:			absolute;
	left:				0;
	height:           	266px;
	width:            	732px;
	margin-left:		248px;
}
div.feature {
	float:            	left;
	margin-top:			10px;
	background:			#565555;
}
div.feature img {
	float:				left;
	border:				1px solid #3B9DE1;
}
div.feature img.icon {
	border:				0;
	position:			absolute;
	top:				10px;
	right:				10px;
	width:				54px;
}
div#content div.feature h1 {
	width:				200px;
	float:				left;
	font-size:        	1.8em;
	color:				#FFF;
	padding:			60px 0 0 15px;
}
div#content div.feature p {
	width:				195px;
	padding:			0 5px 6px 15px;
}
div#content div.feature p strong {
	color:				#CCC;
	font-size:			0.8em;
}
div#content div.feature p a {
	color:				#FFF;
	font-weight:		bold;
}
div#content div.feature a.continue {
	color:				#FFF;
	float:				left;
	font-weight:		bold;
	margin:				15px 0 0;
}
div#content div.feature p a:hover, div#content div.feature a.continue:hover {
	color:				#999;
}

/*-------------------------------------------------------------------------------------------------------TABLES
*/

div#content div.page table {
	float:				left;
	margin:				20px 0 18px;
	width:				700px;
	font-size:			1.1em;
}
div#content div.page th, div#content div.page td {
	padding:			8px;
	border-right:		2px solid #FFF;
	border-bottom:		2px solid #FFF;
}
div#content div.page th {
	background:			#565555;
	color:				#FFF;
}
div#content div.page td {
	background:			#EEE;
	color:				#565555;
}
div#content div.page td ul {
	margin:				5px 0 0 15px;
	font-size:			1em;
	line-height:		1.4em;
}

/*-------------------------------------------------------------------------------------------------------FOOTER
*/
div#content div.foot_panel {
	float:				left;
	margin:				8px 0;
	text-align:			center;
	border-bottom:		1px solid #ECECEC;
}
div#content div.foot_panel.plain {
	border:				0;
}
div#content div.foot_panel img {
	float:				left;
	margin:				0 12px 0 0;
}
div#content div.foot_panel img.last {
	margin:				0;
}
div#content div.foot_panel img.large {
	float:				right;
	margin:				0 0 0 10px;
}
div#content div.foot_panel div.half {
	float:				left;
	clear:				left;
	width:				460px;
	padding:			0 10px;
	text-align:			center;
	border-bottom:		1px solid #ECECEC;
}
div#content div.foot_panel h1, div.foot_panel p {
	clear:				both;
	color:				#565555;
	font-weight:		normal;
	padding:			15px 0 0;
	font-size:			2em;
}
div#content div.foot_panel p {
	font-size:			1.1em;
	padding:			5px 0;
}
div#content div.foot_panel h2 {
	padding:			0 0 20px;
	font-size:			1.2em;
}
div#content div.foot_panel h2 a {
	color:				#1E8FDE;
	text-decoration:	none;
}
div#content div.foot_panel h2 a:hover {
	color:				#565555;
}
div#content div.panel.foot_nav {
	margin:				10px 0 0 !important;
	margin:				10px -3px 0 0; /* FIX IE */
}
div#content div.panel.foot_nav ol {
	margin:				17px auto 0;
	list-style-type:	none;
	text-align: 		center;
}
div#content div.panel.foot_nav ol li {
	display:			inline;
	margin:				0 5px;
	color:				#565555;
}
div#content div.panel.foot_nav ol li a {
	color:				#565555;
	text-decoration:	none;
}
div#content div.panel.foot_nav ol li a:hover {
	color:				#AAA;
}
div#content div.amazon_panel {
	float:				left;
	width:				980px;
	padding:			10px 0 0;
	text-align: 		center;
}
div#footer {
	float:				left !important;
	float:				none; /* FIX IE */
	width:				980px;
	margin:				25px 0 0;
	padding:			0 0 50px;
	font-size:			1em;
	text-align:			center;
}
div#footer p {
	clear:				left;
	margin:				0;
	color:				#565555;
	line-height:		1.8em;
}
div#footer p span.org, div#footer p span.url, div#footer p span.tel, div#footer p span.email {
	display:			none;
}
div#footer a {
	color:				#565555;
	text-decoration:	none;
}
div#footer a:hover {
	color:				#111;
}
div#footer ul {
	list-style-type:	none;
	margin:				0 auto 6px;
	text-align:			center;
}
div#footer ul li {
	display:			inline;
	font-size:			1.1em;
	color:				#565555;
	padding:			0 1px;
}
div#footer ul li.copyright {
	padding-right:		10px;
}