/*---Start Nav Bar--*/

#Nav_Image{
	position:relative;
	top:0px;
	text-indent:-4000px;  /* Hide the sprynthesis.com text unless CSS is off*/
	width:779px;
	height:51px;
	white-space:nowrap;
	background:url(../images/nav/nav_bar_bg.gif) top left no-repeat;

}

#Nav{
	position:absolute;
	top:6px;
	width:779px;
	height:39px;
	white-space:nowrap;
	overflow:hidden;
	list-style:none;

}

#Nav li{
	float:left;
	list-style-type: none;
	display:inline;/*In case of Win/IE double margin bug*/

	
}
#Nav a{
		float:left;
		margin:0 1px 0 0;
		padding: 39px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		height/**/:40px;
		display:inline;/*In case of Win/IE double margin bug*/
}


#Nav a:hover {
	background-position: 0 -39px;
	}

#Nav a:active, #Nav a.on, #Nav a.on:hover {
	background-position: 0 -78px;
	}


#NavHome a{
	margin-left:15px;
	width:104px;
	background:url(../images/nav/nav_home.gif) top left no-repeat;
}

#NavPortfolio a{
	width:104px;
	background:url(../images/nav/nav_portfolio.gif) top left no-repeat;
}

#NavProfile a{
	width:104px;
	background:url(../images/nav/nav_profile.gif) top left no-repeat;
}

#NavServices a{
	width:104px;
	background:url(../images/nav/nav_services.gif) top left no-repeat;
}

#NavContact a{
	width:104px;
	background:url(../images/nav/nav_contact.gif) top left no-repeat;
}



/*---End Nav Bar--*/



/*--Footer--*/
#footer{
	clear:both;
	width: 779px;
	background: url(../images/footer/footer_box_bottom.gif) no-repeat bottom left;
	padding:0;
	margin:-3px 0 0 0;
}

#footer_list{
		background: url(../images/footer/footer_box_top.gif) no-repeat top left;
		overflow:hidden;
		width:779px;
		color: #FFF;
}

#footer_left{
	float:left;
	display:inline;/*In case of Win/IE double margin bug*/
	margin:0 0 0 6px;
	padding:12px 0 16px 42px;
	background: url(../images/footer/icon_mailme.gif) no-repeat 0 50%;

}


#footer_right_links{
	float:right;
	color: #00446b;
	padding:12px 20px 16px 0px;
}


/*--Footer Link Coloring--*/
#footer a:link, #footer a:visited
{
	margin: 0;
	padding: 1px;
text-decoration: underline;
	font-size: 80%;
	font-weight: bold;

	color: #00446b;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", Verdana, Helvetica, Arial, sans-serif;
}

#footer a:link.email_link, #footer a:visited.email_link
{
	color:#FFF;
}



#footer a:link:hover
{

	text-decoration:underline;

}
#footer a:visited:hover
{

	text-decoration:underline;

}
/*--EndFooter Link Coloring--*/
/*--End Footer--*/

/*Main Page Content Specific*/
#Main_Page_Content{
margin: 1px 0 0 0;
	
}
/*End Main Page Content Specific*/

/*Other Page Content Wrapper*/

#Outter_Content_Wrap{
	
	margin-top:1px; /*This is done so the content box lines up with the image from the main page.*/
	margin-bottom:3px;
	margin-left:0px;/*This is done so the content box lines up with the image from the main page.*/
	padding:0 0 18px 0;
	width:779px;
		background:#FFFFFF url(../images/cbox/content_box_bottom.gif) no-repeat bottom left;

}



#Content_Box_Top_Image{
	padding:20px 0 0 0px;
	position:relative;
	background:#FFFFFF url(../images/cbox/content_box_top.gif) no-repeat top left;

}

#Inner_Content_Wrap{
	position:relative;

	width:729px;
	margin:0 0 0 0;
	overflow:auto;
	padding:0px 25px 0px 23px;
	background:#FFFFFF url(../images/cbox/content_box_middle.gif) repeat-y top left;

}

/*End Other Page Content Wrapper*/

/*Two Column Page Content V1 Profile Page- Items starting with C2 are meant for this layout*/
#C2_Left_Column{
	width:488px;
	float:left;
	display:inline;
}
#C2_Right_Column{
	width:219px;
	float:right;
	
}

#C2_Left_Column H1{
	color:#00456b;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", Verdana, Helvetica, Arial, sans-serif;
	font-size:180%;
	padding-bottom:3px;
}

#C2_Left_Column H2{
color:#0067a0;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", Verdana, Helvetica, Arial, sans-serif;
font-size:120%;
	padding-bottom:10px;
}

#C2_Left_Column P{
font-size:120%;
line-height:1.3;
padding-bottom:10px;
}

#C2_Left_Column ul{

margin-bottom:10px;

}

#C2_Left_Column ul li{
	font-size:110%;
line-height:1.4em;
margin-left:10px;
padding-left:20px;
background: url(../images/content/bullet.gif) no-repeat 0 50%;
}

#C2_Left_Column P em{
	color:#5ba2d3;
	font-weight:bold;
	font-style:normal;
	font-size:110%;
}

.royalblue
{
	color:#0067a0;
	font-weight:bold;
}

/*End Two Column Page Content V1*/


/*Portfolio Page Nav*/


#Portfolio_Nav_Header{
position:relative;
top:0;
width:729px;
background:url(../images/content/portfolionav/blueborder.gif) bottom left repeat-x;
	overflow:hidden;
}

#Portfolio_Nav{
	position:relative;
	top:0px;
	float:left;
	width:500px;
	height:30px;
	white-space:nowrap;
	list-style:none;
	overflow:hidden;
	display:inline;/*In case of Win/IE double margin bug*/

}

#Portfolio_Nav li{
	float:left;
	list-style-type: none;
	display:inline;/*In case of Win/IE double margin bug*/

	
}
#Portfolio_Nav a{
	float:left;
		margin:0 4px 0 0;
		padding: 30px 0 0 0;
		overflow:hidden;
		height: 0px !important;
		white-space:nowrap;
		height/**/:30px;
		display:inline;/*In case of Win/IE double margin bug*/
}


#Portfolio_Nav a:hover {
	background-position: 0 -30px;
	}

#Portfolio_Nav a:active, #Portfolio_Nav a.on, #Portfolio_Nav a.on:hover {
	background-position: 0 -60px;

	}

#contactForm, #contactForm fieldset {
	border:0;
	margin:0;
	padding:0;
}

#contactForm legend{
	color:#0067a0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", Verdana, Helvetica, Arial, sans-serif;
	font-size:120%;
	font-weight:bold;
}

#contactForm div{
	font-size:120%;
	line-height:1.3;
	padding: 10px 0 0 0;
}

#contactForm div.error{
	color:#900;
	font-size:90%;
}




#ThreeDee_Design a{

	width:114px;
	background:url(../images/content/portfolionav/3D_Design.gif) top left no-repeat;
}

#Interactive a{
	margin-left:30px;
	width:114px;
	background:url(../images/content/portfolionav/interactive.gif) top left no-repeat;
}

#Video a{ /*Not in use yet*/
	width:114px;
	background:url(../images/content/portfolionav/Video.gif) top left no-repeat;
}

#Portfolio_Nav_Title{
float:right;
width:100px;
text-indent:-4000px;  /* Hide the sprynthesis.com text unless CSS is off*/
padding: 30px 0 0 0;
height: 0px !important;
white-space:nowrap;
overflow: hidden;
background:url(../images/content/portfolionav/Portfolio.gif) top right no-repeat;
}






/*End Portfolio Page Nav*/


/* Portfolio Content Area*/

#Portfolio_Content{
width:729px;
white-space:nowrap;border-top:4px solid #e0f1ff;
clear:both;
padding: 0px 0 0 0;
position:relative;
}

#Portfolio_Tag
{
	padding: 10px 0 0 0;
	width: 729px;
	color: #0067a0;
}


.Portfolio_Content_Row{
clear:both;
position:relative;
top:0px;
margin:10px 0 0 0;
width:100%;
height:144px;
white-space:nowrap;
list-style:none;
overflow:hidden;

}

.Portfolio_Content_Row li{
	float:left;
	list-style-type: none;
	display:inline;/*In case of Win/IE double margin bug*/
}


.Portfolio_Content_Row a{
float:left;
padding:144px 0 0 0;
overflow:hidden;
height: 0px !important;
white-space:nowrap;
width:182px;
height/**/:144px;
display:inline;/*In case of Win/IE double margin bug*/

}


#Portfolio_Content a:hover {
	background-position: 50% -144px;
}




#Swatch_reel06 a{
 background:url(../images/content/portfolioswatches/reel06.jpg) top no-repeat;
 }

#Swatch_f35 a{
 background:url(../images/content/portfolioswatches/f35.jpg) top no-repeat;
 }

#Swatch_rescue_hero a{
 background:url(../images/content/portfolioswatches/rescue_hero.jpg) top no-repeat;
 }

#Swatch_thesis a{
 background:url(../images/content/portfolioswatches/thesis.jpg) top no-repeat;
 }

#Swatch_shaver a{
 background:url(../images/content/portfolioswatches/shaver.jpg) top no-repeat;
 }

#Swatch_optimax a{
 background:url(../images/content/portfolioswatches/optimax.jpg) top no-repeat;
 }

#Swatch_cfc a{
 background:url(../images/content/portfolioswatches/cfc.jpg) top no-repeat;
 }

#Swatch_asvab a{
 background:url(../images/content/portfolioswatches/asvab.jpg) top no-repeat;
 }

#Swatch_sprynthesis a{
 background:url(../images/content/portfolioswatches/sprynthesis.jpg) top no-repeat;
 }

#Swatch_dia_site a{
 background:url(../images/content/portfolioswatches/dia_site.jpg) top no-repeat;
 }

#Swatch_wedding a{
 background:url(../images/content/portfolioswatches/wedding.jpg) top no-repeat;
 }

#Swatch_vte a{
 background:url(../images/content/portfolioswatches/vte.jpg) top no-repeat;
 }

#Swatch_wdg a{
 background:url(../images/content/portfolioswatches/wdg.jpg) top no-repeat;
 }

#Swatch_5sb a{
 background:url(../images/content/portfolioswatches/5sb.jpg) top no-repeat;
 }

#Swatch_fmb a{
 background:url(../images/content/portfolioswatches/fmb.jpg) top no-repeat;
 }

#Swatch_xeroxFF a{
 background:url(../images/content/portfolioswatches/xeroxFF.jpg) top no-repeat;
 }





.Swatch_Empty {
padding: 144px 0px 0 0;
width:182px;
background:  url(../images/content/portfolioswatches/empty_swatch.jpg)  top no-repeat;
}

/* End Portfolio Content Area*/






/*Two Column Page MB Media Browser Page- Items starting with MB are meant for this layout*/

#Details_Nav{
	position:relative;
	top:0px;
	float:right;
	width:500px;
	height:30px;
	white-space:nowrap;
	list-style:none;
	overflow:hidden;
	display:inline;/*In case of Win/IE double margin bug*/

}

#Details_Nav li{
	float:right;
	list-style-type: none;
	display:inline;/*In case of Win/IE double margin bug*/

	
}
#Details_Nav a{
	float:right;
		margin:0 4px 0 0;
		padding: 30px 0 0 0;
		overflow:hidden;
		height: 0px !important;
		white-space:nowrap;
		height/**/:30px;
		display:inline;/*In case of Win/IE double margin bug*/
}


#Details_Nav a:hover {
	background-position: 0 -30px;
	}

#Details_Button a{
		margin-right:5px;
		width:114px;
		background:url(../images/content/portfolionav/Detail.gif) top left no-repeat;
}
#MB_Left_Column{
	width:318px;
	padding: 10px 0 0 0;
	float:left;
	display:inline;
	border-top:4px solid #e0f1ff;
}
#MB_Right_Column{
	padding: 13px 10px 0 10px;
	width:391px;
	float:right;
	border-top:4px solid #e0f1ff;
	
}

#MB_Right_Column H1{
	color:#00456b;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", Verdana, Helvetica, Arial, sans-serif;
	font-size:180%;
	padding-bottom:3px;
}

#MB_Right_Column H2{
color:#0067a0;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", Verdana, Helvetica, Arial, sans-serif;
font-size:120%;
}

#MB_Right_Column P{

padding-top:10px;
line-height:1.5em;
}


#MB_Right_Column P em{
	color:#5ba2d3;
	font-weight:bold;
	font-style:normal;
	font-size:110%;
}

#MB_Left_Column P{
width:290px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Verdana, Helvetica, Arial, sans-serif;
font-size:80%;
line-height:1.4em;
padding:0px 14px 10px 14px;
}



#MB_Left_Column a:link
{
	text-decoration:none;
	color: #0069a1;
	font-weight:bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Verdana, Helvetica, Arial, sans-serif;
}

#MB_Left_Column a:visited
{
	
	text-decoration:none;
	color: #7aceff;
	font-weight:bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Verdana, Helvetica, Arial, sans-serif;
}

#MB_Left_Column a:link:hover
{

	text-decoration:underline;

}
#MB_Left_Column a:visited:hover
{

	text-decoration:underline;

}

.greytext
{

FONT-SIZE: 90%;
COLOR: #888888;
FONT-FAMILY: Verdana,Helvetica,Arial;
}

.mybold
{

Font-weight:bold;

}

#MB_launch_area{
margin: 0px 0 7px 11px;
}

#MB_buttons{
clear:both;
position:absolute;
top:42px;
right:45px;
height:28px;
z-index:15;
white-space:nowrap;
list-style:none;
overflow:hidden;
width:84px;
}


#MB_buttons li{


	list-style-type: none;
	display:inline;/*In case of Win/IE double margin bug*/
}




#MB_buttons a{

padding:28px 0 0 0;
overflow:hidden;
height: 0px !important;
white-space:nowrap;
width:32px;
height/**/:28px;
display:inline;/*In case of Win/IE double margin bug*/
}


#MB_buttons a:hover {
	background-position: 50% -28px;
}


#MB_back a{
float:left;
margin-right:20px;
background:url(../images/content/back_arrow.gif) top  no-repeat;
}

#MB_next a{
float:right;
background:url(../images/content/next_arrow.gif) top right no-repeat;
}

/*End Two Column Page Content V2*/

/*Two column content v3 w/ image on left. Small left side. Used for services page. */

#C3_Left_Column{
	position:relative;
	width:219px;
	float:left;
	display:inline;
	text-align:center;
	margin: 0px 0px 0px 0px;

	
}
#C3_Right_Column{
	width:488px;
	float:right;	


}

#C4_Left_Column{
	position:relative;
	width:293px;
	float:left;
	display:inline;
	text-align:center;
	margin: 0px 0px 0px 0px;

	
}
#C4_Right_Column{
	width:414px;
	float:right;	


}

#C4_Right_Column div.SuccessMessage {
	text-align:center;
	font-size:200%;
	color:#000E45;
	font-weight:bold;
}

#C3_Right_Column H1{
	color:#00456b;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", Verdana, Helvetica, Arial, sans-serif;
	font-size:180%;
	padding-bottom:3px;

}

#C3_Right_Column H2{
color:#0067a0;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", Verdana, Helvetica, Arial, sans-serif;
font-size:120%;
	padding-bottom:10px;
}

#C3_Right_Column P{
	font-size:110%;
	line-height:1.3;
padding-bottom:10px;
}


#C3_Right_Column ul{
	font-size:105%;
	line-height:1.3;
margin-bottom:10px;

}

#C3_Right_Column ul li{
margin-bottom:10px;
background: url(../images/blue_grad.gif) repeat-x bottom left;
line-height:1.4em;
}

#C3_Right_Column li em{
	color:#5ba2d3;
	font-weight:bold;
	font-style:normal;
	font-size:120%;
}
/*End two column content v3 w/image on left. Small left side. Used for services page. */



/*Misc CSS Code */

#Progress{
Margin:10px 0 0 10px;
}

#Progress P{

Margin:10px 0 0 0;
}

#Progress img{
float:left;
display:block;
Margin:20px 0 0 0;
}

div.cent {
text-align: center;
}



/* End Misc CSS Code */