body	{
	margin: 0;
	padding: 0;
	font-family: Verdana;
	text-align: left;
	background-color: #c96;
	font-size: 14px;
	}

#container	{
	/* position: relative; */
	width: 936px; /* 1024 less pad */
	padding: 21px 44px;
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_back.gif) no-repeat;
	height: 405px;
	}

* html #container	{
	width: 1024px;
	}

.replace {
	position: absolute;
	top: -200em;
	width: 50em;
	font-size: 5%;
	visibility: hidden;
	}

/* * * * HEADER SECTION * * * */

#header	{
	float: left;
	width: 669px; /* 709 less pad */
	height: 38px; /* 59 less pad & border */ 
	padding: 13px 0 7px;
	margin: 0 20px;
	border-bottom: 2px dashed #c76833;
	}

* html #header	{
	margin: 0 10px;
	height: 59px;
	}

ul#headnav	{
	float: left;
	list-style: none;
	width: 466px;
	height: 25px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

ul#headnav li	{
	display: inline;
	margin: 0;
	padding: 0;
	}

ul#headnav a	{
	float: left;
	margin: 0;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:25px; /* for IE5/Win only */
}

#headnav a:hover {
	background-position: 0 -25px; /*hover state is in the lower half of the stacked image*/
	}

li#service a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/service.gif);
	width: 136px;
	}

li#career a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/career.gif);
	width: 193px;
	}

li#contact a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/contact.gif);
	width: 137px;
	}

#search_form	{
	float: left;
	margin: 0;
	padding:0;
	}

#search_title	{
	float	: left;
	margin: 0 7px 0 0;
	padding: 0;
	width: 52px;
	height: 25px;
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/search.gif);
	}

#search	{
	float: left;
	margin: 4px 0 0;
	padding: 0;
	width: 135px;
	}

* html #search	{
	margin: 2px 0 0;
	}

/* * * * MAIN NAVIGATION * * * */

#navigation	{
	float: right;
	width: 187px; /* 227 less pad */
	height: 335px; /* 370 less pad */
	padding: 15px 20px 20px;
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_mainnav_bck.gif) no-repeat;
	text-align: center;
	}

* html #navigation	{
	width: 227px;
	height: 370px;
	}

h1#logo	{
	margin: 0;
	padding: 0;
	}

h1#logo a	{
	display: block;
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_logo.gif) no-repeat;	
	width: 157px;
	height: 74px;
	margin: 0 15px;
	padding:0;
	}
	
#navigation p	{ /* used on temp index only */
	font-size: .9em;
	font-weight: normal;
	line-height: 1.6em;
	color: #333;
	margin: 10px 10px 0;
	}

ul#mainnav	{
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 185px;
	margin: 0;
	padding: 0;
	}

ul#mainnav li	{
	display: inline;
	margin: 0;
	padding: 0;
		}

ul#mainnav a	{
	float: left;
	padding: 34px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:34px; /* for IE5/Win only */
	border-top: 1px dashed #c76833;
	width: 185px;
	}

li#people a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/people.gif);
	height: 34px;
	}

li#portfolio a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/portfolio.gif);
	height: 34px;
	}

li#purpose a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/purpose.gif);
	height: 34px;
	}

li#process a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/process.gif);
	height: 34px;
	border-bottom: 1px dashed #c76833;
	}

li#press a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/press.gif);
	height: 34px;
	}

#mainnav a:hover {
	background-position: 0 -34px; /*hover state is in the lower half of the stacked image*/
	}

#mainnav a.selected {
	background-position: 0 -34px;
	cursor: pointer;
	}

/* * * * CONTENT AREA * * * */

#media	{
	position: relative;
	float: left;
	text-align: center;
	width: 709px;
	height: 310px;
	padding: 0;
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_nomedia_bck.gif) no-repeat;
	}

#media.flash	{
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_media_temp.gif) no-repeat;
	}

* html #media	{
	width: 703px;
	}

#media img	{
	/* border: 2px solid #930; */
	margin: 20px;
	}

#jh_fim01-01	{
	position: absolute;
	top: 0;
	left: 20px;
	}

#jh_fim01-02	{
	position: absolute;
	top: 0;
	right: 40px;
	}

#jh_fim01-03	{
	position: absolute;
	top: 148px;
	right: 70px;
	}

#halls0101	{
	position: absolute;
	top: 0;
	left: 20px;
	}

#halls0102	{
	position: absolute;
	top: 60px;
	left: 140px;
	}

#halls0103	{
	position: absolute;
	top: 0;
	left: 330px;
	}

#halls0104	{
	position: absolute;
	top: 25px;
	left: 450px;
	}

#halls0201	{
	position: absolute;
	top: 0;
	left: 20px;
	}

#halls0202	{
	position: absolute;
	top: 40px;
	left: 130px;
	}

#halls0203	{
	position: absolute;
	top: 110px;
	left: 450px;
	}

#bruins0201	{
	position: absolute;
	top: 140px;
	left:270px;
	}

#bruins0202	{
	position: absolute;
	top: 80px;
	left: 70px;
	}

#bruins0203	{
	position: absolute;
	top: 0;
	left: 180px;
	}

#sabor0301	{
	position: absolute;
	top: 0;
	left: 80px;
	}

#sabor0302	{
	position: absolute;
	top: 0;
	left: 250px;
	}

#sabor0303	{
	position: absolute;
	top: 112px;
	left: 350px;
	}

#bodycopy	{
	float: left;
	width: 660px;
	margin: 0;
	padding: 20px;
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_nomedia_bck.gif) no-repeat;		
	}

#bodycopy.noback	{
	background-image: none;		
	}

/* * * * CALLOUT/HIGHLIGHT * * * */

#callout	{
	float: left;
	width: 157px; /* 227 less pad */
	height: 290px; /* 377 less pad */
	padding: 37px 32px 50px 38px;
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_callout_bck.gif) no-repeat;
	text-align: center;
	}

* html #callout	{
	width: 227px;
	height: 377px;
	}

#callout h2	{
	font-weight: normal;
	color: #c63;
	font-size: 1em;
	margin: 0 0 8px;
	}

#callout h3	{
	color: #333;
	font-size: .8em;
	margin: 0;
	padding: 8px 0 0;
	}

#callout p	{
	color: #333;
	font-size: .8em;
	line-height: 1.2em;
	margin: 0 0 3px;
	padding: 8px 0 0;
	}

#callout p a	{
	font-size: .8em;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #c76833;
	color: #933;
	}

#callout img	{
	margin: 0 auto 8px;
	text-align: center;
	}

#callout a img	{
	border: none;
	}

/* * * * HOME PAGE COPY * * * */

#hp_copy	{
	float: right;
	width: 680px;
	margin: 22px 12px 25px 17px;
	border-bottom: 2px dashed #c76833;
	border-top: 2px dashed #c76833;
	}

* html #hp_copy	{
	margin-bottom: 10px;
	}

#hp_copy h2	{
	float: left;
	font-weight: normal;
	color: #c63;
	font-size: 2.2em;
	margin: 5px 0 10px 12px;
	} 

#hp_copy p	{
	float: right;
	width: 200px;
	color: #333;
	font-size: .75em;
	line-height: 1.3em;
	margin: 15px 0 20px;
	} 

#hp_copy h3	{
	float: left;
	width: 144px;
	height: 108px;
	margin: 0;
	padding: 0;
	}

h3#print	{
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_print_bck.gif) no-repeat;
	}

h3#between	{
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_between_bck.gif) no-repeat;		
	}

h3#web	{
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_web_bck.gif) no-repeat;		
	}


/* * * * SUB PAGE CONTENT AREAS * * * */

#sp_title, #career_copy, #staff_list, #port_list, #proc_title, #bh_title	{
	float: left;
	width: 180px;
	padding: 0;
	margin: 0;
	}

#sp_title.wide	{
	width: 640px;
	}

#sp_copy, #career_test, #staff_copy, #port_copy, #proc_copy, #bh_copy, #purp_copy	{
	float: left;
	width: 430px;
	padding: 0;
	margin-left: 30px;
	margin-top: 50px;
	}

#sp_copy.wide, #purp_copy.wide	{
	width: 640px;
	margin-top: 15px;
	margin-left: 0;
	}

#career_copy	{width: 220px;}

#career_test	{
	width: 375px;
	border: 1px solid #e4c6a1;
	margin: 40px 0 0 20px;
	padding: 10px 20px;
	background-color: #c96;
	}

* html #career_test	{width: 390px;}

#staff_list	{width: 200px;}

#staff_copy	{width: 410px;}

#proc_title	{width: 120px;}

#proc_copy	{width: 490px;}

#purp_copy	{
	width: 500px;
	margin-top: 30px;
	}

#bh_title	{width: 135px;}

#bh_copy	{width: 475px;}
* html #bh_copy	{width: 465px;}

#port_copy	{margin-top: 35px;}

.service_col, .client_col	{
	float: left;
	width: 180px;
	margin: 0;
	padding: 0 10px;
	font-size: .8em;
	color: #333;
	}

.client_col	{
	width: 280px;
	padding: 0 15px;
	font-size: .9em;
	}
	

/* * * * SUB PAGE TEXT TYPES * * * */

			/* * PAGE TITLES * */

#sp_title h2, #career_copy h2, #staff_list h2, #port_list h2, #proc_title h2	{
	font-weight: normal;
	color: #c63;
	font-size: 2.2em;
	margin: 0 0 10px;
	}

			/* * COLUMN TITLES * */

#sp_title.small h2, #port_list h2, #bh_title h2	{
	font-weight: normal;
	color: #c63;
	font-size: 1.8em;
	margin: 0 0 10px;
	}

#sp_title h3, #port_list h3	{
	font-weight: normal;
	font-size: 1em;
	color: #930;
	line-height: 1.6em;
	}

#staff_list h3	{
	font-size: .8em;
	margin: 0 0 2px 10px;
	color: #930;
	}

#sp_copy p, #career_copy, #career_test p, #staff_list p, #staff_copy p, #port_list p, #port_copy p, #proc_copy p, #bh_copy p	{
	font-weight: normal;
	color: #333;
	font-size: .9em;
	line-height: 1.7em;
	margin: 0 0 10px;
	}

#staff_list p	{
	font-size: .8em;
	font-style: italic;
	line-height: 1.4em;
	margin: 0 0 5px 10px;	
	color: #930;
	} 

#port_list p	{
	font-size: .8em;
	line-height: 1.5em;
	margin: 0 0 10px 10px;
	color: #930;
	}

#career_copy, #career_test td, #port_copy p	{
	font-size: .8em;
	}

#proc_copy p	{
	font-size: .9em;
	line-height: 1.7em;
	}

#proc_copy p.milestone	{
	font-size: .8em;
	}

#proc_copy p.note	{
	font-style: italic;
	line-height: 1.3em;
	font-size: .8em;
	margin: 12px 0;
	}

#purp_copy p	{
	margin: 1em 0 0;
	font-size: .8em;
	color: #333;
	}
	
#career_test p.thanks	{
	margin: 10px 0 0;
	color: #930;
	}

#hp_copy a, #staff_list h3 a, #port_list p a, #sp_copy a, #staff_copy p a, ul#port_view li a, #link_list a, #proc_copy p a, #port_list h3 a, #career_copy a	{
	color: #600;
	text-decoration: none;
	border-bottom: 1px dashed #930;
	padding-bottom: 1px;
	}

#hp_copy a	{
	padding-bottom: 0;
	}

#staff_list h3 a:hover, #port_list p a:hover, #sp_copy a:hover	{
	color: #c30;
	}

#staff_copy h2, #career_test h2, #port_copy h2, #proc_copy h2, #sp_copy h2, #bh_copy h2, #purp_copy h3	{
	font-weight: normal;
	color: #930;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1em;
	font-size: 1.2em;
	}

#proc_copy h2	{
	margin: 10px 0 5px;
	font-size: 1em;
	}

#port_copy h2	{
	/* margin-top: -20px; */
	}

#purp_copy h3	{
	font-size: 1.3em;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#staff_copy h3, #sp_copy h3, #career_test h3, #bh_copy h3	{
	font-weight: normal;	
	font-style: italic;	
	margin: 0 0 .5em;
	padding: 0;
	line-height: 1.2em;
	color: #c30;
	font-size: .9em;
	}

#contact_us, #success	{
	float: left;
	width: 430px;
	padding: 0;
	margin-left: 20px;
	font-size: .8em;
	color: #333;
	}

#success	{
	width: 410px;
	}

#contact_us h2, #success h2	{
	color: #222;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.5em;
	margin-top: 30px;
	}

/* * * * CAREERS QUIZ * * * */

#quiz tbody	{
	background-color: #c;
	}

#quiz thead	{
	background-color: none;
	}

#quiz tr.odd, #quiz tr.high	{
	background-color: #e4c6a1;
	margin: 0;
	padding: 0;
	}

#quiz tr.even	{
	margin: 0;
	padding: 0;
	}

#quiz th.key	{
	border: 1px solid #930;
	background-color: #930;
	}

#quiz td p{
	margin: 6px;
	padding: 0;
	font-size: .9em;
	color: #333;
	line-height: 1.2em;
	color: #333;
	}

#quiz th p	{
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: .8em;
	color: #fff;
	}

#quiz input	{
	margin: 0;
	padding: 0;
	}

/* * * * SERVICES LIST * * * */

h4.svs_title	{
	font-style: normal;
	font-weight: bold;
	margin: 10px 0 0;
	color: #930;
	}

ul.svs_list, ul.clt_list	{
	margin: 0;
	padding: 0;
	}

ul.svs_list li, ul.clt_list li	{
	list-style-type: none;
	margin-top: 8px;
	font-weight: bold;
	color: #930;
	}

ul.clt_list li	{
	margin-top: 12px;
	font-size: .9em;
	}

ul.svs_list ul, ul.clt_list ul	{
	margin: 0 0 0 15px;
	padding: 0;
	}

ul.svs_list ul li, ul.clt_list ul li 	{
	list-style-type: disc;
	margin: 2px 0 0 0;
	font-weight: normal;
	color: #333;
	}

ul.svs_list ul li ul li	{
	list-style-type: none;
	margin: 0 0 0 -10px;
	padding-left: -20px;
	font-size: .9em;	
	}

ul.clt_list ul li	{
	margin: 3px 0 0 10px;
	font-size: 1em;
	}

/* * * * CONTACT FORM * * * */

#formbox	{
	border: 1px solid #e4c6a1;
	padding: 10px 20px;
	background-color: #c96;
	}

#formbox table	{
	margin: 0;
	padding: 0;
	}

#formbox p	{
	font-size: .8em;
	/* font-weight: bold; */
	color: #333;
	margin: 0;
	padding: 5px 0;
	}

#formbox label	{
	padding: 4px 0;
	margin: 0;
	}

#formbox input	{
	margin: 0;
	padding: 0;
	}

#first_name, #last_name, #company, #website, #phone, #replyemail	{
	width: 170px;
	margin-right: 20px;
	}

html #comments	{
	width: 365px;
	}

p#join_list	{
	font-size: .7em;
	}

/* * * * PORTFOLIO VIEW NAVIGATION * * * */

ul#port_view	{
	display: block;
	float: right;
	width: 460px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	text-align: right;
	font-size: .7em;
	color: #c63;
	}

ul#port_view li	{
	display: inline;
	}

/*
ul#port_view li a	{
	color: #930;
	}
*/

/* * * * ADDIITONAL LINKS * * * */

#rlinks	{
	float: right;
	width: 175px;
	margin: 20px 15px 20px 30px;
	}

#rlinks h2	{
	font-weight: normal;
	font-size: 1.1em;
	margin: 0 0 10px;
	/* color: #c30; */
	color: #630;
	}

#rlinks ul	{
	font-size: .9em;
	margin: 0;
	padding: 0 0 0 20px;
	/* color: #933; */
	color: #930;
	}

#rlinks ul li	{
	margin-top: 5px;
	list-style: none;
	font-style: italic;
	line-height: 1.2em;
	}


/* * * * FOOTER SECTION * * * */

#footer	{
	float: left;
	width: 907px;
	text-align: right;
	margin: 0 12px 0;
	padding: 20px 0;
	color: #c63;
	border-top: 2px dashed #c76833;
	}

#footer.hpfoot	{
	width: 680px;
	border-top: none;
	padding: 0 0 20px;
	}

#footer blockquote	{
	font-weight: bold;
	color: #c63;
	font-size: 1.1em;
	margin: 0 0 10px 0;
	padding: 0;
	}

#footer p	{
	font-size: .8em;
	margin: 0;
	padding: 0;
	}

#footer p.hp_address	{
	font-size: 1.1em;
	margin: 0 0 20px 0;
	padding: 0;
	}

#footer p a	{
	color: #c63;
	}

#footnav	{
	float: right;
	width: 600px;
	margin: 0;
	padding: 10px 0 0;
	}

#footnav ul	{
	float: left;
	list-style: none;
	width: 300px;
	height: 25px;
	margin: 0 0 0 0;
	padding: 0;
	}

#footnav ul li	{
	float: left;
	display: block;
	}

#footnav ul a	{
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:25px; /* for IE5/Win only */
	}

#footnav a:hover, #footnav a:active, #footnav a.selected {
	background-position: 0 -25px; /*hover state is in the lower half of the stacked image*/
	}

li#map a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/map.gif);
	width: 77px;
	}

li#test a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/test.gif);
	width: 118px;
	}

li#ftp a	{
	background-image: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/ftp.gif);
	width: 105px;
	}

p#copyright	{
	float: right;
	width: 240px;
	height: 25px;
	background: url(http://shieldsdesignstudio.com/themes/site_themes/sds_thm/sds_copyright.gif) no-repeat;		
	margin: 0;
	padding: 0;
	}

