@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 {
	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;
	}
	
#introduction em, #contact em {
	font-weight: bold;
	font-style: normal;
	}
	
#introduction {
	text-transform: none;
	font-size: 1.6em;
	line-height: 1.88em;
	padding-bottom: 1.1em;
	}
	
#introduction strong, #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;
	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 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;
	}

#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;
	}
	
/*----------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;
	}
	
#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;
	}
	
#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;
	}
	
#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;
	}
	
#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 {
	margin-left: 0;
	padding-top: 14px;
	background: transparent url(../images/website_header_bg.jpg) no-repeat 5px 0;
	}
	
#print_service {
	padding-top: 14px;
	background: transparent url(../images/print_header_bg.jpg) no-repeat 5px 0;
	}
	
#branding_service {
	padding-top: 14px;
	background: transparent url(../images/branding_header_bg.jpg) no-repeat 5px 0;
	}
	
#multimedia_service {
	padding-top: 14px;
	background: transparent url(../images/multimedia_header_bg.jpg) no-repeat 5px 0;
	}
	
#branding_service h2, #print_service h2, #website_service h2, #multimedia_service h2 {
	float: left;
	color: #fff;
	font-size: 1.2em;
	line-height: 1em;
	padding: 8px 10px 13px 9px;
	margin-bottom: 59px;
	background: transparent url(../images/service_title_bg.gif) no-repeat left bottom;
	text-transform: uppercase;
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	}
	
#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 {
	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 h2 .project_title {
	text-transform: uppercase;
	}
	
#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 {
	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 {
    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 {
    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 {
    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;
	}
	
#portfolio #contact {
	padding-top: 0.8em;
	padding-bottom: 1em;
	}
	
#portfolio_content {
	padding: 0;
	margin: 0;
	padding-bottom: 1.7em;
	float: left;
	width: 1000px;
}

#portfolio #flashcontent {
	min-height :0;
	}
	
#portfolio_content .section {
	margin: 0 4px 1.7em 5px;
	}
	
#portfolio #download_flash {
	margin-left: 5px;
	margin-right: 4px;
	}
	
	
#portfolio #primary_portfolio, #portfolio #secondary_portfolio, #portfolio #independent_portfolio {
	margin-top: 30px;
	margin-left: 17px;
	float:left;
	width: 321px;
	padding-top: 14px;
	padding-bottom: 20px;
	}
	
#portfolio #primary_portfolio {
	background:transparent url(../portfolio/html_images/primary_header_bg.jpg) no-repeat 5px top;
	margin-left: 0;
	}
	
#portfolio #secondary_portfolio {
	background:transparent url(../portfolio/html_images/secondary_header_bg.jpg) no-repeat 5px top;
	}
	
#portfolio #independent_portfolio {
	background:transparent url(../portfolio/html_images/independent_header_bg.jpg) no-repeat 5px top;
	margin-left: 16px;
	}
	
#portfolio #primary_portfolio h2, #portfolio #secondary_portfolio h2, #portfolio #independent_portfolio h2 {
	background: transparent url(../portfolio/html_images/portfolio_title_bg.gif) no-repeat scroll left bottom;
	color:#FFFFFF;
	float:left;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.2em;
	line-height:1em;
	margin-bottom: 140px;
	padding:8px 10px 13px 9px;
	text-transform:uppercase;
	}
#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: 308px;
	margin-left: 5px;
	}
	
#portfolio #primary_portfolio p a, #portfolio #secondary_portfolio p a, #portfolio #independent_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 #primary_portfolio p a, #portfolio #secondary_portfolio p a, #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;
	}
	
/*
----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 #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: 180px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
#portfolio_content_page #copy .project_preview {
	position: relative;
	float: left;
	padding-left: 4px;
	}

#portfolio_content_page #copy .project_preview img.frame {
	position: absolute;
	top: 0;
	left: 0;
	}
	
#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: 1.5em;
	}
	
#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;
	}
	
/*
----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 #introduction {
font-size:1.6em;
line-height:1.88em;
padding-bottom:1.1em;
text-transform:none;
border-bottom:1px dotted #818084;
margin-bottom: 1em;
}

#case_study .project_description .project_overview #introduction em {
font-style:normal;
font-weight:bold;
}

#case_study .project_description .project_overview #introduction strong {
color:#0091D3;
font-weight:bold;
}

#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;
	}
	
/* 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: 4px;
	}

#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: right;
	line-height: 1.6em;
	font-size: 1em;
	margin-top: 20px;
	padding-bottom: 0;
	position: relative;
	}
#case_study .screenshots p img.frame {	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	}

#case_study .screenshots p.first {
	margin-top: 0;
	}


/*--End of Project Area--*/
	
#case_study #contact {
	float: left;
	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;
	}
	
/*
----Latest News Blog Page Styles--------
*/

/*
----Latest News Blog Page Styles--------
*/

#latestnews #copy {
	float: left;
	width: 678px;
	padding-bottom: 2.4em;
	padding-top: 2.2em;
	}
	
#latestnews #contact {
	float: left;
	width: 678px;
	padding-top: 1.05em;
}
	
#latestnews #stories {
	float: left;
	width: 467px;
	padding-right: 24px;
	background: transparent url(../images/content_divide_bg.gif) repeat-y right 0;
	}

#latestnews #introduction {
	border-top:1px dotted #818084;
	padding-top:1.1em;
	border-bottom: none;
	padding-bottom: 1.2em;
	}
	
#latestnews #copysidebar {
	float: left;
	width: 163px;
	padding-left: 24px;
	}

#latestnews #stories ul {
	list-style-type: none;
	padding: 0;
	font-size: 1em;
	}
	
#latestnews #stories ul li {
	font-size: 1em;
	}
	
#latestnews #stories ul li p {
	padding-bottom: 0.5em;
	}
	
#latestnews #stories ul li .postInfo  {
	font-size: 1.1em;
	font-style: italic;
	}

.tagCount {
	font-style: italic;
	font-size: 0.9em;
	}

#latestnews ul li:first-child h2 {
	margin-top: 0;
	border-top: none;
	padding-top: 0;
	}
	
#latestnews ul li h2 {
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.3em;
	line-height:2em;
	padding-bottom:0.3em;
	text-transform:uppercase;
	border-top: 1px dotted #818084;
	padding-top: 1.3em;
	margin-top: 1.3em;
}

#latestnews .rss {
	display: none;
	}
	
#latestnews #copysidebar ul {
	padding: 0;
	padding-bottom: 1em;
	}
	
#latestnews #copysidebar p.rss_feed {
	background-color:#FFFFFF;
	border:1px solid #DFDDDD;
	float:left;
	font-size:1em;
	line-height:1.6em;
	padding:3px;
	margin-top: 0.6em;
	margin-bottom: 1.6em;
	}
	

#latestnews #copysidebar p.rss_feed strong {
	font-size:1em;
	line-height:1.6em;
}

#latestnews #copysidebar p.rss_feed strong a {
	background:#F6F6F6 url(../images/rss_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;
	width: 102px;
	}
	
/* min-height hack for IE 6, hidden from mac IE 5 */
/* ie 5 mac hide \*/
* html #latestnews #copysidebar p.rss_feed strong a {height: 16px; }
/* end hide */ 
	
#latestnews #copysidebar p.rss_feed strong a:focus, 
#latestnews #copysidebar p.rss_feed strong a:hover, 
#latestnews #copysidebar p.rss_feed strong a:active {
	background-color: #0093d1;
	color: #fff;
	border-bottom: none;
	}
	
#latestnews #copysidebar h2 {
	font-size: 1.3em;
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 2em;
	padding-bottom: 0.3em;
	}
	
#latestnews #stories h1 {
	font-size: 1.3em;
	font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 2em;
	padding-bottom: 0.3em;
	margin-bottom: 0;
	}

#latestnews #stories h1.title {
	font-size: 1.2em;
	padding-top: 0;
	padding-bottom: 8px;
	text-transform: none;
	font-weight: normal;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#latestnews #stories .blogBack {
	display: none;
	}
	
#latestnews #stories .postViewInfo {
	padding: 0px;
	background-image: none;
	background-color: #transparent;
	border: none;
	font-style: italic;
	font-size:1.1em !important;
	margin-top: 0 !important;
	line-height:2em;
	}
	
#latestnews #stories .postViewInfo a {
	color: #818084;
	}
	
#latestnews #stories .postViewInfo a {color:#818084; text-decoration: none !important;}
#latestnews #stories .postViewInfo a:link {color:#818084; text-decoration: none !important;}
#latestnews #stories .postViewInfo a:visited {color:#818084 !important;}
#latestnews #stories .postViewInfo a:focus {border-bottom: 1px dotted #818084 !important;}
#latestnews #stories .postViewInfo a:hover {border-bottom: 1px dotted #818084 !important;}
#latestnews #stories .postViewInfo a:active {border-bottom: 1px dotted #818084 !important;}

#latestnews #stories p.return {
	background: transparent url(../images/button_arrow.gif) no-repeat 0 50%;
	padding-left: 12px;
	font-family:"Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight: normal;
	text-transform:uppercase;
	padding-bottom: 0;
	margin-top: 1em;
	line-height: 1.7em;
	}
	
#latestnews #stories .globalMenu {
	display: none;
	}