@charset "utf-8";
/* CSS Document */

/* 
------------General Styles------------------------------------------------
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, form, fieldset, table, th, td, a { margin: 0; padding: 0; } 

img {
	border: none;
	}
	
a {color:#0091d3; text-decoration: none;}
a:link {color:#0091d3;}
a:visited {color:#0091d3;}
a:focus {border-bottom: 1px dotted #0091d3;}
a:hover {border-bottom: 1px dotted #0091d3;}
a:active {border-bottom: 1px dotted #0091d3;}

.printer {
	display: none;
	}
	
/* 
------------Wrapper Styles------------------------------------------------
 */
	
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #818084;
	}
	
#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 24px 0 0;
	}
	
/* 
------------Header Styles------------------------------------------------
 */
 
#header { 
	height:58px;
	margin: 0 5px 22px;
	
	}

#header #logo, #header #logo p {
	float: left;
	height: 58px;
	width: 381px;
	background: transparent url(../images/schoolwebsite_logo.gif) no-repeat 0 0;
	}

#header #logo {
	background-image: none;
	}
	
#header #logo a {
	display: block;
	height: 58px;
	width: 381px;
	text-indent:-9999em;
	}
	
#header #logo a:focus, #header #logo a:hover, #header #logo a:active {
	border-bottom: none;
	}
	
#header #question {
	float: left;
	width: 156px;
	background-color: #fff;
	margin-top: 3px;
	margin-left: 32px;
	padding: 3px;
	border: 1px solid #dfdddd;
	}
	
#header #question a {
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	color: #818084;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	min-height: 16px;
	padding: 4px 6px 4px 40px;
	background: #f6f6f6 url(../images/question_bg.gif) no-repeat left top;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #header #question a {height: 16px;}
/* end hide */ 

#header #question a:focus, #header #question a:hover, #header #question a:active {
	color: #fff;
	background: #0093d1 url(../images/question_bg.gif) no-repeat right top;
	border-bottom: none;
	}

#header #consultation {
	float: left;
	width: 222px;
	background-color: #fff;
	margin-top: 3px;
	margin-left: 26px;
	padding: 3px;
	border: 1px solid #dfdddd;
	}
	
#header #consultation a {
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	color: #818084;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	padding: 4px 6px 4px 40px;
	display: block;
	min-height: 16px;
	background: #f6f6f6 url(../images/consultation_bg.gif) no-repeat left top;
	}

/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #header #consultation a {height: 16px;}
/* end hide */ 

#header #consultation a:focus, #header #consultation a:hover, #header #consultation a:active {
	color: #fff;
	background: #0093d1 url(../images/consultation_bg.gif) no-repeat right top;
	border-bottom: none;
	}
	
#header p.telephone {
	float: right;
	color: #818084;
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	margin-left: 24px;
	min-height: 32px;
	line-height: 32px;
	margin-top: 2px;
	}

/* min-height hack for IE 6, hidden from mac IE 5 */

/* ie 5 mac hide \*/
* html #header p.telephone {height:32px}
/* end hide */ 

#header p.telephone img {
	padding-right: 6px;
	}
	
/* 
------------Sidebar Styles------------------------------------------------
 */
 
#skip {	display: none;}

#sidebar {
	padding-left: 5px;
	margin-bottom: 3em;
 	float: left;
	width: 286px;
	}
	
#sidebar #navigation ul {
	margin-top: 5px;
	border-bottom: 1px dotted #818084;
	list-style-type: none;
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.4em;
	float: left;
	width: 286px;
	}
	
#sidebar #navigation ul li {
	border-top: 1px dotted #818084;
	line-height: 2.3em;
	float: left;
	width: 286px;
	}
	
#sidebar #navigation ul span {
	color: #0091d3;
	}

#sidebar #navigation ul a {
	color: #818084;
	display: block;
	float: left;
	width: 100%;
	}
	
#sidebar #navigation ul li a.selectedPage, #sidebar ul li a.selectedPageParent {
	color: #0091d3;
	}
	
#sidebar #navigation ul a:focus, #sidebar #navigation ul a:hover, #sidebar #navigation ul a:active {
	border-bottom: none;
	color: #0091d3;
	}
	
#sidebar #navigation ul ul ul a {	
	color:#605F62;
	}
	
#sidebar #navigation ul ul {
	border-bottom: none;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em;
	text-transform: none;
	font-weight: bold;
	float: left;
	padding: 0;
	}
	
#sidebar #navigation ul ul li a {
	padding-left: 43px;
	background: transparent url(../images/bullet_point.gif) no-repeat 28px 55%;
	float: left;
	width: 243px;
	}
	
#sidebar #navigation ul li ul li ul li {
	padding-left: 0;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.7em;
	padding-top: 1px;
	float: left;
	}

#sidebar #navigation ul li ul li ul li a {
	padding-left: 59px;
	background: transparent url(../images/bullet_level_2.gif) no-repeat 44px 1.1em;
	float: left;
	width: 227px;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	}
	
	
/* 
------------Content Styles------------------------------------------------
 */


#content {
 	float: left;
	width: 678px;
	margin-left: 26px;
	padding-right: 5px;
	padding-bottom: 24px;
	}
	
.section, h1, #introduction, #contact {
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.1em;
	}
	
.section {
	background: transparent url(../images/page_divider.gif) repeat-x 0 50%; 
	margin-bottom: 2.1em;
	}
	
.section em {
	background-color: #fff;
	padding-right: 7px;
	line-height: 0.8em;
	font-style: normal;
	font-weight: bold;
	}
	
h1 {
	font-size: 2.3em; 
	line-height: 1em;
	margin-bottom: 0.7em;
	}
	
#contact em {
	font-weight: bold;
	font-style: normal;
	}
	
#contact strong, #introduction a, #contact a {
	font-weight: bold;
	color: #0091d3;
	}

#copy {
	padding-top: 1.7em;
	padding-bottom: 0.7em;
	border-top: 1px dotted #818084;
	border-bottom: 1px dotted #818084;
	width: 572px;
	color:#605F62;
	}
	
#copy strong, #copy h2, #copy h3, #copy h4, #copy h5 {
	 color: #818084;
	 }
	
/*----------Copy Content Styles------------------*/
	
#copy h2, #portfolio_content_page h3, #case_study h3 {
	font-size: 1.3em;
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 2em;
	padding-bottom: 1em;
	}

#copy #highlight {
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	text-transform: none;
	font-size: 1.6em;
	line-height: 1.88em;
	padding-bottom: 1.1em;
	color: #818084;
	}
	
#copy #highlight em {
	font-weight: bold;
	font-style: normal;
	}
	
#copy #highlight strong {
	font-weight: bold;
	color: #0091d3;
	}
	
#copy p {
	font-size: 1.19em;
	line-height: 2em;
	padding-bottom: 1.3em;
	}
	
#copy ul {
	font-size:1.19em;
	line-height:2em;
	padding: 0 0 1.3em 1.3em;
}

#copy ul#accesskeys {
	list-style-type: none;
	padding-left: 0;
	}
	
#copy ol {
	font-size:1.19em;
	line-height:2em;
	margin-left: 8px;
}

#copy ul li{ 
	list-style-position: outside;
	padding-left:4px;
	}

#copy ul li.listbreak {
	padding-bottom: 1.3em;
	}
	
#contact {
	font-size: 1.6em;
	line-height: 1.9em;
	padding-top: 1em;
	text-transform: none;
	}

#copy ol {
	font-size:1.19em;
	line-height:2em;
	padding: 0 0 1.3em 1.3em;
}

#copy ol li { 
	list-style-position: outside;
	padding-bottom: 1.3em;
	}
	
#copy ol li.last { 
	padding-bottom: 0;
	}
	
/*----------Sitemap Content Styles------------------*/

#copy .sitemapregion {

border-bottom: 1px dotted #818084;
margin-bottom: 1.2em;
}

#copy .sitemapregion ul, #copy .sitemapregionlast ul {
padding-bottom: 1.5em;
}

#copy .sitemapregion h2, #copy .sitemapregionlast h2 {
	font-size: 1.4em;
	padding-bottom: 0.7em;
	}
	
#copy .sitemapregion h3, #copy .sitemapregionlast h3 {
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
font-size:1.3em;
line-height:2em;
padding-bottom:1.3em;
text-transform:uppercase;
	}
	
#copy .sitemapregion h2 span, #copy .sitemapregionlast h2 span {
	color: #0091D3;
	}


/* 
------------Footer Styles------------------------------------------------
 */
 
#footer {

	width: 990px;
	margin: 0 5px 22px;
	clear: both;
	border-top: 1px dotted #818084;
	border-bottom: 1px dotted #818084;
	padding: 10px 0px;
	font-size: 1.1em;
	line-height: 1.9em;
	height: 1.9em;
	}
	
#footer p {
	float: left;
	color:#605F62;
	}
	
#footer p strong {
	color: #818084;
	}
	
#footer p.utility {
	float: right;
	}
	
#footer p.utility .telephone {
	text-transform: uppercase;
	}
	
	
/*
----Specific Home Page Styles--------
*/

#header h1 {
	float: left;
	height: 58px;
	width: 381px;
	background: transparent url(../images/schoolwebsite_logo.gif) no-repeat 0 0;
	}
	
#header h1 a {
	display: block;
	height: 58px;
	width: 381px;
	text-indent:-9999em;
	}
	
#header h1 a:focus, #header h1 a:hover, #header h1 a:active {
	border-bottom: none;
	}
	
#home #content {
	margin-left: 22px;
	margin-right: 0;
	width: 682px;
	padding-bottom: 22px;
	}
	
#home #content .section {
	margin-left: 4px;
	margin-bottom: 1.5em;
	}

#home #sidebar {
	margin-bottom: 2em;
	}
	
#welcome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.19em;
	line-height: 2em;
	margin-top: 1.7em;
	padding-top: 0.9em;
	background: transparent url(../images/page_divider.gif) repeat-x 0 0;
	float: left;
	width: 286px;
	color:#605F62;
	}
	
#welcome strong {
	color: #818084;
	}
	
#TabbedPanels1 {
	margin-top: 1em;
	min-height: 203px;
	background: #f6f6f6 url(../images/tab_content_bg.gif) no-repeat 0 bottom;
	border: 1px solid #dfdddd;
	width: 284px;
	float: left;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #TabbedPanels1 {height: 203px;}
/* end hide */ 
	
#TabbedPanels1 ul, #TabbedPanels1 ul li {
	margin-top: 0;
	border: none;
	}
	
.TabbedPanelsTab, .TabbedPanelsTabSelected, .TabbedPanelsContentGroup {
	border: none;
	top: 0;
	position: static;
	margin: 0;
	padding: 0;
	}	
	
.TabbedPanelsTab {
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	}
	
.TabbedPanelsTab #news {
	width: 113px;
	min-height: 19px;
	padding: 13px 15px 15px 14px;
	background: #fff url(../images/news_unselected.gif) no-repeat 0 0; 
	float: left;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html .TabbedPanelsTab #news {height: 19px;}
/* end hide */ 
	
.TabbedPanelsTab #news a {
	margin-left: 6px;
	position: relative;
	top: 2px;
	}
	
.TabbedPanelsTab #news a:focus, .TabbedPanelsTab #news a:hover, .TabbedPanelsTab #news a:active {
	border-bottom: none;
	} 
	
.TabbedPanelsTabSelected #news {
	background: #f6f6f6 url(../images/news_selected.gif) no-repeat 0 0; 
	color: #0091D3;
	}


.TabbedPanelsTab #twitter {
	width: 113px;
	min-height: 19px;
	padding: 13px 15px 15px 14px;
	background: #fff url(../images/tweets_unselected.gif) no-repeat 0 0; 
	float: left;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html .TabbedPanelsTab #twitter {height: 19px;}
/* end hide */ 
	
.TabbedPanelsTab #twitter a {
	margin-left: 6px;
	position: relative;
	top: 2px;
	}
	
.TabbedPanelsTab #twitter a:focus, .TabbedPanelsTab #twitter a:hover, .TabbedPanelsTab #twitter a:active {
	border-bottom: none;
	} 
	
.TabbedPanelsTabSelected #twitter {
	background: #f6f6f6 url(../images/tweets_selected.gif) no-repeat 0 0; 
	color: #0091D3;
	}	
	
.TabbedPanelsContentGroup { 
	min-height: 13.5em;
	background-color: transparent;
	padding: 9px 14px 12px;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html .TabbedPanelsContentGroup {height: 13.5em;}
/* end hide */ 
	
.TabbedPanelsContent {
	width: 256px;
	min-height: 13.5em;
	padding: 0;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html .TabbedPanelsContent {height: 13.5em;}
/* end hide */ 
	
#news_content {
	overflow: auto;
	height: 13.5em;
	}
	
#news_content ul, #twitter_content ul {
	list-style-type: none;
	border-top: 1px dotted #818084;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 8px;
	}
	
#news_content ul li, #twitter_content ul li {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	line-height: 1.9em;
	border-bottom: 1px dotted #818084;
	padding: 12px 0;
	}
	
#news_content ul {
	float: left;
	width: 246;
	}
#news_content ul li {
	padding: 12px 0;
	}
	
#news_content ul li {
		float: left;
		line-height: 1.2em;
		}
	
#news_content ul li p.date {
	padding-right: 4px;
	display: block;
	width: 40px;
	float: left;
	clear: both;
	}
	
#news_content ul li p {
	width: 194px;
	float: left;
	line-height: 1.7em;
	}
	
	
/*
	
#news_content {
	overflow: auto;
	height: 13.5em;
	}
	
#news_content ul, #twitter_content ul {
	list-style-type: none;
	border-top: 1px dotted #818084;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 8px;
	}
	
#news_content ul li, #twitter_content ul li {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	line-height: 1.7em;
	border-bottom: 1px dotted #818084;
	padding: 12px 0;
	}
	
#news_content ul li span {
	padding-right: 6px;
	}
	
*/

#creditfooter {
	display: none;
	}
	
#twitter_content {
	min-height: 13.5em;
	background: transparent url(../images/twitter_bg.gif) no-repeat 0 0;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #twitter_content {height: 13.5em;}
/* end hide */ 

#twitter_content ul {
	margin:0;
	border: none;
	color:#605F62;
	}
	
#twitter_content ul li {
	border-bottom: none;
	padding: 1.2em 1em 0;
	height: 83px;
	overflow: hidden;
	margin-bottom: 1.5em;
	}
	
#twitter_content ul li span {
	display: block;
	line-height: 1.8em;
	}
	
#twitter_content ul li a {
	display: none;
	word-wrap: break-word;
}

#twitter_content ul li span a {
	display: inline;
	}

#twitter_content #twitter_link {
	font-size: 1.1em;
	line-height: 1.8em;
	padding-left: 10px;
	margin-top: 0.7em;
}

#services {
	clear: both;
	float: left;
	width: 995px;
	padding: 0 5px 0 0;
	color:#605F62;
	}
	
#services .section {
	margin-left: 5px;
	margin-bottom: 0;
}
	
#branding_service, #print_service, #website_service, #multimedia_service {
	float: left;
	width: 236px;
	padding-left: 0px;
	margin-left: 17px;
	margin-top: 1.8em;
	}
	
#website_service {
	margin-left: 0;
	}
	
#branding_service p, #branding_service ul,
#print_service p, #print_service ul,
#website_service p, #website_service ul,
#multimedia_service p, #multimedia_service ul {
	float: left;
	width: 231px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.16em;
	line-height: 2em;
	}
	
#website_service h2, #branding_service h2, #print_service h2, #multimedia_service h2 {
	text-transform: uppercase;
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	float: left;
	width: 100%;
	padding-bottom: 9px;
	cursor: pointer;
	}
	
#website_service h2 a, #branding_service h2 a, #print_service h2 a, #multimedia_service h2 a {
	display: block;
	background: transparent url(../images/website_header_bg.jpg) no-repeat 5px 0;
	color: #fff;
	border: none;
	height: 97px;
	float: left;
	width: 100%;
	cursor: pointer;
	}
	
#website_service h2 a strong, #branding_service h2 a strong, #print_service h2 a strong, #multimedia_service h2 a strong {
	padding-top: 14px;
	display: block;
	float: left;
	width: 100%;
	height: 83px;
	cursor: pointer;
	}

#website_service h2 a strong span, #branding_service h2 a strong span, #print_service h2 a strong span, #multimedia_service h2 a strong span {
	display: block;
	background: transparent url(../images/service_title_bg.gif) no-repeat left bottom;
	padding:8px 10px 13px 9px;
	float: left;
	cursor: pointer;
	}
	
#print_service h2 a {
	background: transparent url(../images/print_header_bg.jpg) no-repeat 5px 0;
	}
	
#branding_service h2 a {
	background: transparent url(../images/branding_header_bg.jpg) no-repeat 5px 0;
	}
	
#multimedia_service h2 a {
	background: transparent url(../images/multimedia_header_bg.jpg) no-repeat 5px 0;
	}
	
#branding_service p, #print_service p, #website_service p, #multimedia_service p {
	margin-top: 0px;
	}
	
#branding_service ul, #print_service ul, #website_service ul, #multimedia_service ul {
	list-style-type: none;
	padding: 0.6em 0 2em 5px;
	}
	
#branding_service ul li, #print_service ul li, #website_service ul li, #multimedia_service ul li {
	background: transparent url(../images/bullet_point.gif) no-repeat 0 0.9em;
	padding-left: 15px;
	}
	
/*
----Recent Projects Viewer JQuery Alternative Styles--------
*/

#flashcontent {
	position: relative;
	min-height: 454px;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #flashcontent {height: 454px;}
/* end hide */ 

#slideshow div a:focus, #slideshow div a:hover, #slideshow div a:active {
	border-bottom: none;
	}

#slide_1, #slide_2, #slide_3, #slide_4, #slide_5, #slide_6, #slide_7, #slide_8, #slide_9, #slide_10, #slide_11, #slide_12, #slide_13, #slide_14, #slide_15, #slide_16 {
	position: relative;
	background-color: #fff;
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	}
	
#slideshow h2 {
	position: absolute;
	top: 16px;
	left: 8px;
	background-color: #0093d1;
	color:#FFFFFF;
	float:left;
	font-size: 1.2em;
	line-height: 1em;
	min-width: 360px;
	height: 13px;
	padding: 8px 18px 8px 0px;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #slideshow h2 {height: 13px;}
/* end hide */ 
	
#slideshow div a {
	display: block;
	}
	
#slideshow #slide_1 img {
	background: transparent url(../recent-projects-jquery/slide_1.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_2 img {
	background: transparent url(../recent-projects-jquery/slide_2.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_3 img {
	background: transparent url(../recent-projects-jquery/slide_3.jpg) no-repeat 10px 5px;
	display: block;
	}
	
#slideshow #slide_4 img {
	background: transparent url(../recent-projects-jquery/slide_4.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_5 img {
	background: transparent url(../recent-projects-jquery/slide_5.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_6 img {
	background: transparent url(../recent-projects-jquery/slide_6.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_7 img {
	background: transparent url(../recent-projects-jquery/slide_7.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_8 img {
	background: transparent url(../recent-projects-jquery/slide_8.jpg) no-repeat 10px 5px;
	display: block;
	}
	
#slideshow #slide_9 img {
	background: transparent url(../recent-projects-jquery/slide_9.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_10 img {
	background: transparent url(../recent-projects-jquery/slide_10.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_11 img {
	background: transparent url(../recent-projects-jquery/slide_11.jpg) no-repeat 10px 5px;
	display: block;
	}
	
#slideshow #slide_12 img {
	background: transparent url(../recent-projects-jquery/slide_12.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_13 img {
	background: transparent url(../recent-projects-jquery/slide_13.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_14 img {
	background: transparent url(../recent-projects-jquery/slide_14.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_15 img {
	background: transparent url(../recent-projects-jquery/slide_15.jpg) no-repeat 10px 5px;
	display: block;
	}

#slideshow #slide_16 img {
	background: transparent url(../recent-projects-jquery/slide_16.jpg) no-repeat 10px 5px;
	display: block;
	}
	
#slideshow {
	height: 373px;
	}
	
#download_flash {
	margin-left: 4px;
	border: 1px solid #dfdddd;
	padding: 5px;
	margin-top: 0px;
	}
	
#download_flash p {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.1em;
	line-height: 1.9em;
	background: #f6f6f6 url(../images/flash_icon.jpg) no-repeat 18px 50%;
	padding: 14px 18px 14px 83px;
	color: #818084;
	}
/*
----Styles to make JQuery work-----
*/
	
#slideshow #slide_1_wrapper, #slideshow #slide_2_wrapper, #slideshow #slide_3_wrapper, #slideshow #slide_4_wrapper,
#slideshow #slide_5_wrapper, #slideshow #slide_6_wrapper, #slideshow #slide_7_wrapper, #slideshow #slide_8_wrapper,
#slideshow #slide_9_wrapper, #slideshow #slide_10_wrapper, #slideshow #slide_11_wrapper, #slideshow #slide_12_wrapper,
#slideshow #slide_13_wrapper, #slideshow #slide_14_wrapper, #slideshow #slide_15_wrapper, #slideshow #slide_16_wrapper {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow #slide_1_wrapper.active, #slideshow #slide_2_wrapper.active, #slideshow #slide_3_wrapper.active, #slideshow #slide_4_wrapper.active,
#slideshow #slide_5_wrapper.active, #slideshow #slide_6_wrapper.active, #slideshow #slide_7_wrapper.active, #slideshow #slide_8_wrapper.active,
#slideshow #slide_9_wrapper.active, #slideshow #slide_10_wrapper.active, #slideshow #slide_11_wrapper.active, #slideshow #slide_12_wrapper.active,
#slideshow #slide_13_wrapper.active, #slideshow #slide_14_wrapper.active, #slideshow #slide_15_wrapper.active, #slideshow #slide_16_wrapper.active {
    z-index:10;
    opacity:1.0;
}

#slideshow #slide_1_wrapper.last-active, #slideshow #slide_2_wrapper.last-active, #slideshow #slide_3_wrapper.last-active, 
#slideshow #slide_4_wrapper.last-active, #slideshow #slide_5_wrapper.last-active, #slideshow #slide_6_wrapper.last-active,
#slideshow #slide_7_wrapper.last-active, #slideshow #slide_8_wrapper.last-active, #slideshow #slide_9_wrapper.last-active, #slideshow #slide_10_wrapper.last-active, #slideshow #slide_11_wrapper.last-active, #slideshow #slide_12_wrapper.last-active, #slideshow #slide_13_wrapper.last-active, #slideshow #slide_14_wrapper.last-active, #slideshow #slide_15_wrapper.last-active, #slideshow #slide_16_wrapper.last-active  {
    z-index:9;
}


/*
----Specific Portfolio Page Styles--------
*/

#portfolio #sidebar {
	margin-bottom: 2.2em;
	}

#portfolio h1 {
	display: none;
	}
	
#portfolio .section {
	margin-bottom: 1.8em;
	}
	
#portfolio #content {
	padding-bottom: 0;
	}
	
#portfolio #flashcontent {
	position: relative;
	left: -1px;
	}
	
#portfolio #copy {
	border-top: 0;
	padding-top: 0;
	padding-bottom: 0.3em;
	width: 678px;
	}
	
#portfolio #contact {
	padding-top: 0.8em;
	padding-bottom: 1em;
	}
	
#portfolio_content {
	padding: 0;
	margin: 0;
	padding-bottom: 0.8em;
	float: left;
	width: 1000px;
}

#portfolio #flashcontent {
	min-height :0;
	}
	
#portfolio_content .section {
	margin: 0 4px 0.8em 5px;
	}
	
#portfolio #download_flash {
	margin-left: 5px;
	margin-right: 4px;
	margin-top: 20px;
	}
	
#portfolio #download_flash p {
	color: #6f6f72;
	}
	
	
#portfolio #website_portfolio, #portfolio #print_portfolio, #portfolio #branding_portfolio {
	margin-top: 30px;
	margin-left: 17px;
	float:left;
	width: 321px;
	padding-top: 0;
	padding-bottom: 29px;
	}
	
#portfolio #website_portfolio {
	margin-left: 0;
	}

	
#portfolio #website_portfolio h2, #portfolio #print_portfolio h2, #portfolio #branding_portfolio h2 {
	background:transparent url(../portfolio/html-images/website_header_bg.jpg) no-repeat 5px top;
	width: 100%;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.2em;
	line-height:1em;
	text-transform:uppercase;
	float: left;
	}
	
#portfolio #print_portfolio h2 {
	background:transparent url(../portfolio/html-images/print_header_bg.jpg) no-repeat 5px top;
	}

#portfolio #branding_portfolio h2 {
	background:transparent url(../portfolio/html-images/branding_header_bg.jpg) no-repeat 5px top;
	}

#portfolio #website_portfolio h2 a, #portfolio #print_portfolio h2 a, #portfolio #branding_portfolio h2 a {
	display: block;
	width: 100%;
	float: left;
	border-bottom: none;
	color: #fff;
	cursor:pointer;
	}
	
#portfolio #website_portfolio h2 a strong, #portfolio #print_portfolio h2 a strong, #portfolio #branding_portfolio h2 a strong {
	display: block;
	width: 100%;
	float: left;
	padding-top: 14px;
	height: 173px;
	}
	
#portfolio #website_portfolio h2 a strong span, #portfolio #print_portfolio h2 a strong span, #portfolio #branding_portfolio h2 a strong span {
	background: transparent url(../portfolio/html-images/portfolio_title_bg.gif) no-repeat scroll left bottom;
	color:#FFFFFF;
	float:left;
	margin-bottom: 140px;
	padding:8px 10px 13px 9px;
	
	}
#portfolio #website_portfolio p, #portfolio #print_portfolio p, #portfolio #branding_portfolio p  {
	background-color:#FFFFFF;
	border:1px solid #DFDDDD;
	float:left;
	margin-top:16px;
	padding:3px;
	width: 308px;
	margin-left: 5px;
	}
	
#portfolio #website_portfolio p a, #portfolio #print_portfolio p a, #portfolio #branding_portfolio p a  {
	background:#F6F6F6 url(../portfolio/html-images/portfolio_button_bg.gif) no-repeat scroll left top;
	color:#818084;
	display:block;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	min-height:16px;
	padding:4px 6px 4px 34px;
	text-transform:uppercase;
	text-align: center;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #portfolio #website_portfolio p a, * html #portfolio #print_portfolio p a, * html #portfolio #branding_portfolio p a {height: 16px;}
/* end hide */ 
	
#portfolio #website_portfolio p a:focus, #portfolio #website_portfolio p a:hover, #portfolio #website_portfolio p a:active,
#portfolio #print_portfolio p a:focus, #portfolio #print_portfolio p a:hover, #portfolio #print_portfolio p a:active, 
#portfolio #branding_portfolio p a:focus, #portfolio #branding_portfolio p a:hover, #portfolio #branding_portfolio p a:active  {
	background-position: right top;
	color:#FFFFFF;
	}
	
#portfolio #website_portfolio p a:focus, #portfolio #website_portfolio p a:hover, #portfolio #website_portfolio p a:active,
#portfolio #print_portfolio p a:focus, #portfolio #print_portfolio p a:hover, #portfolio #print_portfolio p a:active,
#portfolio #branding_portfolio p a:focus, #portfolio #branding_portfolio p a:hover, #portfolio #branding_portfolio p a:active {
	border-bottom: none;
	}
	
/*
----Portfolio Content Page Styles--------
*/

#portfolio_content_page #content {
	margin-left:22px;
	margin-right:0;
	padding-bottom:22px;
	width:682px;
}

#portfolio_content_page #content .section {
	margin-left:4px;
}

#portfolio_content_page #content h1 {
	margin-left:4px;
	padding-bottom: 16px;
	border-bottom:1px dotted #818084;
	margin-bottom: 0;
}

#portfolio_content_page p#highlight {
	margin-left: 4px;
	padding-bottom: 1.4em;
	margin-bottom: 1.4em;
	border-bottom: 1px dotted #818084;
	}

#portfolio_content_page #copy {
	float: left;
	border: none;
	width: 682px;
	}
	
/*---Project Area----*/

#portfolio_content_page .project_description {
	margin-left: 4px;
	margin-top: 14px;
	padding-bottom: 10px;
	float: left;
	border-bottom: 1px dotted #818084;
	}
	
#portfolio_content_page .project_description .project_overview {
	float: left;
	padding-left: 4px;
	width: 454px;
	}
	
#portfolio_content_page .project_description .deliverables {
	float: left;
	width: 183px;
	padding-left: 20px;
	padding-right: 17px;
	padding-bottom: 1.5em;
	}
	
#portfolio_content_page #copy .project_preview {
	position: relative;
	float: left;
	padding-left: 4px;
	}
	
#portfolio_content_page #copy .project_preview a {
	display: block;
	}
	
#portfolio_content_page #copy .project_preview a img {
	position: relative;
	left: 1px;
	z-index: 1;
	}

#portfolio_content_page #copy .project_preview img.frame {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	}
	
#portfolio_content_page #copy .project_item {
	float: left;
	padding-top: 2.6em;
	}
	
#portfolio_content_page #copy .first_project_item {
	padding-top: 0.5em;
	}
	
#copy .project_item h2 {
	background-color:#0093D1;
	color:#FFFFFF;
	float:left;
	font-size:1.2em;
	height:13px;
	left:8px;
	line-height:1em;
	min-width:360px;
	padding:8px 18px 8px 0;
	position:absolute;
	top:16px;
	z-index: 5;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #copy .project_item h2 {width: 360px;}
/* end hide */ 
	
#copy .project_item a:focus, #copy .project_item a:hover, #copy .project_item a:active {
	border-bottom: none;
	}
	
	
#portfolio_content_page .deliverables p {
	background-color:#FFFFFF;
	border:1px solid #DFDDDD;
	padding:3px;
	float: left;
	line-height: 1.6em;
	font-size: 1em;
	margin-top: 12px;
	margin-bottom: 0;
	}
	
#portfolio_content_page .deliverables p a {
	background: #F6F6F6 url(../portfolio/html-images/launch_button.png) no-repeat scroll left top;
	color:#818084;
	display:block;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	min-height:16px;
	padding:4px 12px 4px 40px;
	text-transform:uppercase
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #portfolio_content_page .deliverables p a {height: 16px;}
/* end hide */ 

#portfolio_content_page .deliverables p.coming_soon span {
	background: #F6F6F6 url(../portfolio/html-images/coming_soon_button.png) no-repeat scroll left top;
	color:#818084;
	display:block;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	min-height:16px;
	padding:4px 12px 4px 40px;
	text-transform:uppercase
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #portfolio_content_page .deliverables p span {height: 16px;}
/* end hide */ 

#portfolio_content_page .deliverables p a:focus, #portfolio_content_page .deliverables p a:hover, #portfolio_content_page .deliverables p a:active {
	background-color: #0093d1;
	color: #fff;
	}
	
/*--End of Project Area--*/
	
#portfolio_content_page #contact {
	float: left;
	float: left;
	width: 678px;
	margin-left: 4px;
	line-height: 2em;
	padding-bottom: 1px;
	border-top: 1px dotted #818084;
}

#portfolio_content_page p.more {
	margin-left: 4px;
	float: left;
	width: 678px;
	padding-top: 1.8em;
	padding-bottom: 1.3em;
	}
	
	
/*
----Portfolio Content Section Menu Styles--------
*/	


#portfolio_content_section_menu #content {
	width: 682px;
	margin-left: 22px;
	}
	
#portfolio_content_section_menu #content .section, #portfolio_content_section_menu #content h1 {
	margin-left: 4px;
	}

#portfolio_content_section_menu #copy {
	width: 682px;
	float: left;
	border-top: 1px dotted #818084;
	padding-top: 1.7em;
	border-bottom: none;
	}

#portfolio_content_section_menu #highlight {
	margin-left: 4px;	
	border-bottom: 1px dotted #818084;
	padding-bottom: 1.3em;
}

#portfolio_content_section_menu #portfolio {
	float: left;
	width:682px;
	padding-top: 27px;
}

#portfolio_content_section_menu p#contact {
	float: left;
	width: 678px;
	margin-left: 4px;
	border-top: 1px dotted #818084;
	}
	
#portfolio #primary_portfolio, #portfolio #secondary_portfolio, #portfolio #independent_portfolio {
	float:left;
	padding-bottom:29px;
	padding-top:0;
	width: 216px;
	margin-left: 17px;
}

#portfolio #primary_portfolio {
	margin-left: 0;
	}

#portfolio #primary_portfolio h2, #portfolio #secondary_portfolio h2, #portfolio #independent_portfolio h2 {
	background:transparent url(../portfolio/html-images/html_websitemenu_1.jpg) no-repeat 5px top;
	width: 100%;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.2em;
	line-height:1em;
	text-transform:uppercase;
	float: left;
	}
	
#portfolio #secondary_portfolio h2 {
	background:transparent url(../portfolio/html-images/html_websitemenu_2.jpg) no-repeat 5px top;
	}

#portfolio #independent_portfolio h2 {
	background:transparent url(../portfolio/html-images/html_websitemenu_3.jpg) no-repeat 5px top;
	}
	
#portfolio #primary_portfolio h2.print {
	background:transparent url(../portfolio/html-images/html_printmenu_1.jpg) no-repeat 5px top;
	}
	
#portfolio #secondary_portfolio h2.print {
	background:transparent url(../portfolio/html-images/html_printmenu_2.jpg) no-repeat 5px top;
	}

#portfolio #independent_portfolio h2.print {
	background:transparent url(../portfolio/html-images/html_printmenu_3.jpg) no-repeat 5px top;
	}	

#portfolio #primary_portfolio h2.branding {
	background:transparent url(../portfolio/html-images/html_brandingmenu_1.jpg) no-repeat 5px top;
	}
	
#portfolio #secondary_portfolio h2.branding {
	background:transparent url(../portfolio/html-images/html_brandingmenu_2.jpg) no-repeat 5px top;
	}

#portfolio #independent_portfolio h2.branding {
	background:transparent url(../portfolio/html-images/html_brandingmenu_3.jpg) no-repeat 5px top;
	}	
	
#portfolio #primary_portfolio h2 a, #portfolio #secondary_portfolio h2 a, #portfolio #independent_portfolio h2 a {
	display: block;
	width: 100%;
	float: left;
	border-bottom: none;
	color: #fff;
	cursor:pointer;
	}
	
#portfolio #primary_portfolio h2 a strong, #portfolio #secondary_portfolio h2 a strong, #portfolio #independent_portfolio h2 a strong {
	display: block;
	width: 100%;
	float: left;
	padding-top: 14px;
	height: 101px;
	}
	
#portfolio #primary_portfolio h2 a strong span, #portfolio #secondary_portfolio h2 a strong span, #portfolio #independent_portfolio h2 a strong span {
	background: transparent url(../portfolio/html-images/portfolio_title_bg.gif) no-repeat scroll left bottom;
	color:#FFFFFF;
	float:left;
	margin-bottom: 140px;
	padding:8px 10px 13px 9px;
	
	}
#portfolio #primary_portfolio p, #portfolio #secondary_portfolio p, #portfolio #independent_portfolio p  {
	background-color:#FFFFFF;
	border:1px solid #DFDDDD;
	float:left;
	margin-top:16px;
	padding:3px;
	width: 204px;
	margin-left: 5px;
	font-size: 1em;
	}
	
#portfolio #primary_portfolio p a, #portfolio #secondary_portfolio p a, #portfolio #independent_portfolio p a  {
	background:#F6F6F6 url(../portfolio/html-images/portfolio_content_menu_button_bg.gif) no-repeat scroll left top;
	color:#818084;
	display:block;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	min-height:16px;
	padding:4px 6px 4px 34px;
	text-transform:uppercase;
	text-align: center;
	line-height: 1.3em;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #portfolio #primary_portfolio p a, * html #portfolio #secondary_portfolio p a, * html #portfolio #independent_portfolio p a {height: 16px;}
/* end hide */ 
	
#portfolio #primary_portfolio p a:focus, #portfolio #primary_portfolio p a:hover, #portfolio #primary_portfolio p a:active,
#portfolio #secondary_portfolio p a:focus, #portfolio #secondary_portfolio p a:hover, #portfolio #secondary_portfolio p a:active, 
#portfolio #independent_portfolio p a:focus, #portfolio #independent_portfolio p a:hover, #portfolio #independent_portfolio p a:active  {
	background-position: right top;
	color:#FFFFFF;
	}
	
#portfolio #primary_portfolio p a:focus, #portfolio #primary_portfolio p a:hover, #portfolio #primary_portfolio p a:active,
#portfolio #secondary_portfolio p a:focus, #portfolio #secondary_portfolio p a:hover, #portfolio #secondary_portfolio p a:active,
#portfolio #independent_portfolio p a:focus, #portfolio #independent_portfolio p a:hover, #portfolio #independent_portfolio p a:active {
	border-bottom: none;
	}
	
/*
----Case Study Page Styles--------
*/

#case_study #content {
	margin-left:22px;
	margin-right:0;
	padding-bottom:22px;
	width:682px;
}

#case_study #content .section {
	margin-left:4px;
}

#case_study #content h1 {
	margin-left:4px;
	padding-bottom: 16px;
	border-bottom:1px dotted #818084;
	margin-bottom: 0;
}

#case_study #copy {
	float: left;
	border: none;
	width: 682px;
	}
	
/*---Project Area----*/

#case_study .project_description {
	margin-left: 4px;
	margin-top: 18px;
	float: left;
	}
	
#case_study .project_description .project_overview {
	float: left;
	padding-left: 0px;
	width: 478px;
	padding-right: 24px;
	background: transparent url(../images/content_divide_bg.gif) repeat-y right 0;
	}

#case_study .project_description .project_overview p.launch {
	background-color:#FFFFFF;
	border:1px solid #DFDDDD;
	float:left;
	font-size:1em;
	line-height:1.6em;
	padding:3px;
	margin-top: 0.6em;
	}
	

#case_study .project_description .project_overview p.launch strong {
	font-size:1em;
	line-height:1.6em;
}

#case_study .project_description .project_overview p.launch strong a {
	background:#F6F6F6 url(../portfolio/html-images/launch_button.png) no-repeat scroll left top;
	color:#818084;
	display:block;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	min-height:16px;
	padding:4px 12px 4px 40px;
	text-transform:uppercase;
	}
	
#case_study .project_description .project_overview p.launch strong span {
	background: #F6F6F6 url(../portfolio/html-images/coming_soon_button.png) no-repeat scroll left top;
	color:#818084;
	display:block;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	min-height:16px;
	padding:4px 12px 4px 40px;
	text-transform:uppercase;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #case_study .project_description .project_overview p.launch strong a {height: 16px;}
/* end hide */ 
	
#case_study .project_description .project_overview p.launch strong a:focus, 
#case_study .project_description .project_overview p.launch strong a:hover, 
#case_study .project_description .project_overview p.launch strong a:active {
	background-color: #0093d1;
	color: #fff;
	}
	
#case_study .project_description .screenshots {
	float: left;
	width: 152px;
	padding-left: 24px;
	padding-right: 0px;
	}
	
#case_study #copy .project_preview {
	position: relative;
	float: left;
	padding-left: 5px;
	}

#case_study #copy .project_preview img.frame {
	position: absolute;
	top: 0;
	left: 0px;
	}
	
#case_study #copy .project_item {
	float: left;
	padding-top: 0.5em;
	padding-bottom: 1.8em;
	}
	
#case_study #copy .project_item h2 {
	background-color:#0093D1;
	color:#FFFFFF;
	float:left;
	font-size:1.2em;
	height:13px;
	left:8px;
	line-height:1em;
	min-width:360px;
	padding:8px 18px 8px 0;
	position:absolute;
	top:16px;
	z-index: 5;
	}

/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #case_study #copy .project_item h2 {height: 360px;}
/* end hide */ 

#case_study #copy .project_item a:focus, #case_study #copy .project_item a:hover, #case_study #copy .project_item a:active {
	border-bottom: none;
	}
	
#case_study .screenshots p {
	float: left;
	line-height: 1.6em;
	font-size: 1em;
	margin-top: 9px;
	padding-bottom: 0;
	position: relative;
	}

/*--End of Project Area--*/
	
#case_study #contact {
	float: left;
	width: 678px;
	margin-left: 4px;
	line-height: 2em;
	padding-bottom: 1px;
	border-top: 1px dotted #818084;
}

#case_study p.more {
	margin-left: 4px;
	float: left;
	width: 678px;
	padding-top: 1.8em;
	padding-bottom: 1.3em;
	}
	
#case_study p.return {
	clear: both;
	background:transparent url(../images/button_arrow.gif) no-repeat scroll 0 50%;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.7em;
	margin-top: 2.5em;
	padding-bottom:0;
	padding-left:12px;
	text-transform:uppercase;
	float: left;
	}
	
#case_study #copy .project_item p.return a:focus, #case_study #copy .project_item p.return a:hover, #case_study #copy .project_item p.return a:active {
	border-bottom: 1px dotted #0091D3;
	}
	
/*
----Photo Gallery Page Styles--------
*/

#photography #content {
	margin-left:26px;
	padding-bottom:23px;
	padding-right:5px;
	width:678px;
	float: left;
}

#photography #content h1 {
	padding-bottom: 16px;
	margin-bottom: 0;
	border: none;
}

#photography #copy {
	float: left;
	width: 572px;
	margin-right: 106px;
	border-bottom:1px dotted #818084;
border-top:1px dotted #818084;
padding-bottom:0.7em;
padding-top:1.7em;
	}
	
#photography #photo_gallery {
	padding-top: 2.5em;
	float: left;
	padding-bottom: 1.1em;
	width: 572px;
	margin-right: 106px;
	}
	
#photography #photo_gallery a {
	border-bottom: none;
	}
	
#photography #photo_gallery .row {
	padding-bottom: 17px;
	float: left;
	}
	
#photography #photo_gallery p {
	float: left;
	font-size: 1em;
	position: relative;
	margin-left: 17px;
	padding-bottom: 0;
	}
	
#photography #photo_gallery p.first {
	margin-left: 0;
	}	
	
#photography #photo_gallery img.frame {	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	}
	
#photography #contact {
	border-top:1px dotted #818084;
	float:left;
	line-height:2em;
	padding-bottom:0px;
	width:572px;
	}
	
/* ------------------------------Multimedia Section Overlay Styles------------------------ */

/* the overlayed element */ 
#virtual_tour .simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#fff; 
    width: 780px;  
    min-height: 388px; 
    border: 10px solid #fff;
	border-bottom: none;
	margin-left: -390px;
	left: 50% !important;
	
	/* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 10px 2px #565656; 
    -webkit-box-shadow: 0 0 10px #565656  
} 
 
#virtual_tour .simple_overlay .details h3 {
	display: inline;
	padding-bottom: 0;
	color: #767575;
	padding-left: 5px;
	}
	
#virtual_tour .simple_overlay .details p {
	padding-left: 5px;
	display: inline;
	padding-bottom: 0;
	}

#virtual_tour .simple_overlay .details .description {
	float: left;
	padding-bottom:15px;
	padding-top:15px;
	}
	
#virtual_tour .simple_overlay p.close { 
	float: right;
	background-color:#FFFFFF;
	border:1px solid #DFDDDD;
	font-size:1em;
	line-height:1.6em;
	padding:3px;
	margin-top: 13px;
	margin-bottom: 13px;
	margin-right: 5px;
}

#virtual_tour .simple_overlay p.close strong { 
	font-size:1em;
	line-height:1.6em;
}

#virtual_tour .simple_overlay p.close strong a {
	background:#F6F6F6 url(../services/multimedia/multimedia-images/close_button.png) no-repeat scroll left top;
	color:#818084;
	display:block;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	min-height:16px;
	padding:4px 12px 4px 40px;
	text-transform:uppercase;
	cursor: pointer;
}

#virtual_tour .simple_overlay p.close strong a:focus, #virtual_tour .simple_overlay p.close strong a:hover, #virtual_tour .simple_overlay p.close strong a:active {
	background-color:#0093D1;
	color:#FFFFFF;
}

/* the overlayed element */ 

#video_production #flashcontent {
	position: static;
	min-height: 389px;
	}
	
#video_production .simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#fff; 
    width: 698px;  
    min-height: 389px; 
    border: 10px solid #fff;
	border-bottom: none;
	margin-left: -349px;
	left: 50% !important;
	
	/* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 10px 2px #565656; 
    -webkit-box-shadow: 0 0 10px #565656  
} 
 
#video_production .simple_overlay .details h3 {
	display: inline;
	padding-bottom: 0;
	color: #767575;
	padding-left: 5px;
	}
	
#video_production .simple_overlay .details p {
	padding-left: 5px;
	display: inline;
	padding-bottom: 0;
	}

#video_production .simple_overlay .details .description {
	float: left;
	padding-bottom:15px;
	padding-top:15px;
	}
	
#video_production .simple_overlay p.close { 
	float: right;
	background-color:#FFFFFF;
	border:1px solid #DFDDDD;
	font-size:1em;
	line-height:1.6em;
	padding:3px;
	margin-top: 13px;
	margin-bottom: 13px;
	margin-right: 5px;
}

#video_production .simple_overlay p.close strong { 
	font-size:1em;
	line-height:1.6em;
}

#video_production .simple_overlay p.close strong a {
	background:#F6F6F6 url(../services/multimedia/multimedia-images/close_button.png) no-repeat scroll left top;
	color:#818084;
	display:block;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	min-height:16px;
	padding:4px 12px 4px 40px;
	text-transform:uppercase;
	cursor: pointer;
}

#video_production .simple_overlay p.close strong a:focus, #video_production .simple_overlay p.close strong a:hover, #video_production .simple_overlay p.close strong a:active {
	background-color:#0093D1;
	color:#FFFFFF;
}

/* Photography Page */

/* the overlayed element */ 
#photography #photo_gallery .simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#fff; 
    width: 698px;  
    min-height: 388px; 
    border: 10px solid #fff;
	border-bottom: none;
	margin-left: -349px;
	left: 50% !important;
	
	/* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 10px 2px #565656; 
    -webkit-box-shadow: 0 0 10px #565656  
} 
 
#photography #photo_gallery .simple_overlay .details h3 {
	display: inline;
	padding-bottom: 0;
	color: #767575;
	padding-left: 5px;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.3em;
	line-height:2em;
	text-transform:uppercase;
	}
	
#photography #photo_gallery .simple_overlay .details p {
	padding-left: 5px;
	display: inline;
	padding-bottom: 0;
	float: none;
	font-size:1.19em;
	line-height:2em;
	margin-left: 0;
	}

#photography #photo_gallery .simple_overlay .details .description {
	float: left;
	padding-bottom:15px;
	padding-top:15px;
	}
	
#photography #photo_gallery .simple_overlay p.close { 
	float: right;
	background-color:#FFFFFF;
	border:1px solid #DFDDDD;
	font-size:1em;
	line-height:1.6em;
	padding:3px;
	margin-top: 13px;
	margin-bottom: 13px;
	margin-right: 5px;
}

#photography #photo_gallery .simple_overlay p.close strong { 
	font-size:1em;
	line-height:1.6em;
}

#photography #photo_gallery .simple_overlay p.close strong a {
	background:#F6F6F6 url(../services/multimedia/multimedia-images/close_button.png) no-repeat scroll left top;
	color:#818084;
	display:block;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	min-height:16px;
	padding:4px 12px 4px 40px;
	text-transform:uppercase;
	cursor: pointer;
}

#photography #photo_gallery .simple_overlay p.close strong a:focus, #photography #photo_gallery .simple_overlay p.close strong a:hover, #photography #photo_gallery .simple_overlay p.close strong a:active {
	background-color:#0093D1;
	color:#FFFFFF;
}