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

/* Portfolio Page - Layout - Main & Sub Pages */

.portfolioContainerA{
	width:700px;
	height:auto;
	margin-left:0px;
}
.portfolioContainerB{
	width:764px;
	height:auto;
	margin-left:0px;
}
.PortfolioImgHolderA{
	float:left;
	width:92px;
	height:136px;
	margin:0 4px 0 4px;
	cursor:pointer;
	text-align:center;
}
.PortfolioImgHolderB{
	float:left;
	width:108px;
	height:136px;
	margin:0 4px 0 4px;
	cursor:pointer;
	text-align:center;
}
.PortCursorCross{
	cursor:crosshair;
}
.PortfolioMainA{
	display:inline-block;
	border:1px solid #036;
	position:relative;
	top:0;
	left:0px;
	width:84px;
	height:110px;

	-webkit-box-shadow: #666 2px 2px 4px;
	-moz-box-shadow: #666 2px 2px 4px;
	box-shadow: #666 2px 2px 4px;
	behavior: url(script/PIE.htc);
}
.PortfolioMainB{
	display:inline-block;
	border:1px solid #036;
	position:relative;
	top:0;
	left:0px;
	width:100px;
	height:130px;

	-webkit-box-shadow: #666 2px 2px 4px;
	-moz-box-shadow: #666 2px 2px 4px;
	box-shadow: #666 2px 2px 4px;
	behavior: url(script/PIE.htc);
}
.PortBorderWhite{
	border:1px solid white;
}
.PageLRimage{
	margin-top:1px;
	float:left;
}
.ImgBorderRemove{
	border-style:none;
	border:0;
	margin:0;
	padding:0;	
}
.PortHeadTitle{
	text-align:center;
	margin:0 0 10px 0;
	text-shadow:-1px -1px 0 white;
}
.PortTitle{
	position:relative;
	left:0px;
	color:#036;
	text-shadow:1px 1px 2px #999;
	text-align:center;
	margin:4px 0 0 0;
}
* html .PortTitle{ /* hack for IE */
	padding:0;
}
#ImgInfo{
	padding:8px;
}
.PortImgContainer{
	padding-top:14px;
	text-align:center;
}
.PortDescFooter{
	text-align:center;
}
#outerplaceholder {
	display:none;
	background-color:transparent;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	-webkit-box-shadow:#ccc 2px 2px 4px;
	-moz-box-shadow:#ccc 2px 2px 4px;
	box-shadow:#ccc 2px 2px 4px;
	behavior:url(script/PIE.htc);	
}
#outerplaceholder2 {
	display:none;
	background-color:white;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	-webkit-box-shadow:#ccc 2px 2px 4px;
	-moz-box-shadow:#ccc 2px 2px 4px;
	box-shadow:#ccc 2px 2px 4px;
	behavior:url(script/PIE.htc);	
}
#PortDescContainer{
	clear:both;
	padding-top:8px;
	padding-bottom:16px;
}
#PortDescBorder{
	width:682px;
	height:72px;

	background-color: #ebecd4;
	border-left:1px solid #cccc99;
	border-top:1px solid #cccc99;
	border-right:1px solid #999966;
	border-bottom:1px solid #999966;

	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: #666 2px 2px 4px;
	-moz-box-shadow: #666 2px 2px 4px;
	box-shadow: #666 2px 2px 4px;
	behavior: url(script/PIE.htc);
}
.PortDescTable{
	width:auto;
	height:100%;
}
#PortDescTableTD{
	border-width:0px;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	text-shadow:-1px -1px 0 #fff;
}
.expand{
	background-color:#069;
	width:520px;
	padding:6px 0 6px 0;
	color:#FFF;
	font-size:0.88em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 0 black;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: #666 2px 2px 4px;
	-moz-box-shadow: #666 2px 2px 4px;
	box-shadow: #666 2px 2px 4px;
	behavior: url(script/PIE.htc);
}

/* Contact Page - Layout */

.form_block{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.form_tarea, .form_input, .form_blur{ /* MouseOut Form Field Colors */
	background-color:#e6e6d0;
}
.form_input2, .form_blur2{ /* MouseOut Captcha Field color */
	background-color:#d9d9c7;
}
.form_tarea{
	padding:2px;
	width:100%;
	height:auto;
	border: 1px solid #999;
}
.form_input{
	padding:2px;
	border: 1px solid #999;
}
.form_input2{
	height:26px;
	padding:6px;
	border: 1px solid #999;
}
.form_blur{
	padding:2px;
	border: 1px solid #999;
}
.form_blur2{
	height:26px;
	padding:6px;
	border: 1px solid #999;
}
.form_focus{
	padding:2px;
	border: 1px solid #999;
	background-color:#efefdf; /* Field Select Color */
}
.form_focus2{
	height:26px;
	padding:6px;
	border: 1px solid #999;
	background-color:#efefdf; /* Captcha Field Select Color */
}
.minput, .mtext{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;

	-webkit-box-shadow: inset #999 2px 2px 4px;
	-moz-box-shadow: inset #999 2px 2px 4px;
	box-shadow: inset #999 2px 2px 4px;
	behavior: url(script/PIE.htc);
}
.minput:hover, .mtext:hover{
	border-right:1px solid #990000;
	border-bottom:1px solid #990000;
}
.send_btn{
	text-shadow:1px 1px 0px white;
	color:#42382a;
	font-weight:bold;
}
.clear_btn{
	text-shadow:1px 1px 0px white;
	color:#534a37;
	font-weight:bold;
}
.send_btn:hover, .clear_btn:hover{
	text-shadow:1px 1px 0px white;
	color:#990000;
	font-weight:bold;
}
.table_td_1{
	text-align:right;
	width:50px;
	vertical-align:top;
}
.table_td_2{
	width:auto;
}
.table_1{
	width:100%;
	height:auto;
}

/* Resume Page - Layout */

.resume{
	width:772px;
	background-color:#F8F7F3;
	background:url(../images/paper2.jpg);

	padding:10px;
	text-align:justify;
	text-shadow:-1px -1px 0 white;

	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #666;
	border-bottom:1px solid #666;

	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: #666 2px 2px 4px;
	-moz-box-shadow: #666 2px 2px 4px;
	box-shadow: #666 2px 2px 4px;
	behavior: url(script/PIE.htc);
}
.rsHeaderName{
	float:left;
	background-color:#900;
	width:180px;
	border:2px solid #900;
}
.rsHeaderContact{
	float:right;
	position:relative;
	top:4px;
	height:12px;
}
.rsHeaderUnderLine{
	clear:both;
	position:relative;
	top:-2px;
	width:100%;
	border-top:2px solid #900;
}
.rsHeaderOnline{
	float:right;
}
.rsHeader{
	width:100%;
	border-bottom:1px solid #004070;
}
.rs{
	padding-bottom:4px;
	text-align:justify;
	padding-right:40px;
	margin-right:0;
}
blockquote{
	padding-right:0;
	margin-right:0;
}
/* Site Index Page - Layout */

.index_box {
	width:770px;
	padding-right:22px;
	background-color:#ebecd4;
	text-shadow:-1px -1px 0 white;
	border-left:1px solid #cccc99;
	border-top:1px solid #cccc99;
	border-right:1px solid #333;
	border-bottom:1px solid #333;

	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: #666 2px 2px 4px;
	-moz-box-shadow: #666 2px 2px 4px;
	box-shadow: #666 2px 2px 4px;
	behavior: url(script/PIE.htc);
}
.siliMain{
	padding-top:8px;
	list-style-type:none;
}
.siliMain2{
	padding-top:8px;
	list-style-type:circle;
}
.sili{
	padding-top:4px;
	list-style-type:disc;
}
.sili2{
	padding-top:4px;
	list-style-type:square;
}
.siul{
	margin-left:12px;
	padding-left:12px;
}
.index{
	font-size:14px;
	font-family:arial;
	color:#333333;
}
a.index1:active, a.index1:link, a.index1:visited{
	text-decoration:none;
	color:#036;
	font-size:16px;
	font-weight:bold;
}
a.index2:active, a.index2:link, a.index2:visited{
	text-decoration:none;
	font-weight:bold;
	color:#369;
	font-size:14px;
}
a.index3:active, a.index3:link, a.index3:visited{
	text-decoration:none;
	color:#036;
	font-size:12px;
}
a.index4:active, a.index4:link, a.index4:visited{
	text-decoration:none;
	color:#756B4D;
	font-size:12px;
	margin-left: 20px;
}
a.index1:hover, a.index2:hover, a.index3:hover, a.index3:hover, a.index4:hover {
	text-decoration:none;
	color:#a70000;
}

/* Terms Agreement Page - Layout */

.bodyTerms{
	background-color:#004070;
	margin:10px 20px 0 10px; /* top right bottom left */
	padding:0;
}
.pTerms{
	margin-top:6px;
	margin-bottom:20px;
}
.pTermsLast{
	margin-top:6px;
	margin-bottom:8px;
}

/* Style - Receive Resume Border / Rounded border */

    .greenBorder {border: 1px solid green;} /* just borders to see it */

.contentRb{background:#ebecd4; border:2px solid #afaf8e;}
.contentb{
	padding:10px;
	text-align:justify;
	text-shadow:-1px -1px 0 white;
	
	background-color: #ebecd4;;
	border-left:1px solid #cccc99;
	border-top:1px solid #cccc99;
	border-right:1px solid #999966;
	border-bottom:1px solid #999966;

	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: #666 2px 2px 4px;
	-moz-box-shadow: #666 2px 2px 4px;
	box-shadow: #666 2px 2px 4px;
	behavior: url(script/PIE.htc);
}
.content_portfolio{
	padding:12px;
	text-align:justify;
	text-shadow:-1px -1px 0 white;
	
	background-color: #ebecd4;
	border-left:1px solid #cccc99;
	border-top:1px solid #cccc99;
	border-right:1px solid #999966;
	border-bottom:1px solid #999966;

	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: #666 2px 2px 4px;
	-moz-box-shadow: #666 2px 2px 4px;
	box-shadow: #666 2px 2px 4px;
	behavior: url(script/PIE.htc);
}

/* Style - bubble with gradient, shadow, & rounded border - not used - delete */

.bubble div{
	padding:5px 8px;border:1px solid #fff;overflow:hidden;text-shadow:-1px -1px 0 white;
	background:#E1E1CC;background:-moz-linear-gradient(top,#E1E1CC,#F7F7DD);background:-webkit-gradient(linear,left top,left bottom,from(#E1E1CC),to(#F7F7DD));
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px #333;-moz-box-shadow:0 1px 3px #333;box-shadow:0 1px 3px #333;
	-webkit-transition:-webkit-box-shadow .3s;-moz-transition:-moz-box-shadow .3s;transition:box-shadow .3s;
}

/* Style Links */

a.lnk0, a.lnk0:active, a.lnk0:visited, a.lnk0:link{
	color:#0000a7;
	text-decoration:none;
	border-style:none;
	background-image: url(../images/underline_dot_b.gif);
	background-repeat: repeat-x;
	background-position: 0px 19px;
}
a.lnk0:hover{
	color:#990000;
	text-decoration:none;
	border-style:none;
	background-image: url(../images/underline_dot_r.gif);
	background-repeat: repeat-x;
	background-position: 0px 19px;
}
a.lnk1, a.lnk1:active, a.lnk1:visited, a.lnk1:link{
	color:#0000a7;
	text-decoration:none;
	border-style:none;

	background-image: url(../images/underline_dot_b.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
a.lnk1:hover{
	color:#990000;

	text-decoration:none;
	border-style:none;	
	background-image: url(../images/underline_dot_r.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
a.lnk2, a.lnk2:active, a.lnk2:visited, a.lnk2:link{
	color:black;
	text-decoration:none;
	border-style:none;
}
a.lnk2:hover{
	color:black;
	cursor:crosshair;
}

/* Styles */

.w_shadow{text-shadow:-1px -1px 0 white;}
.c_red{color:#c00;}
.c_redDK{color:#a70000;}
.c_black{color:black;}
.c_white{color:white;}
.c_blue{color:#06f;}
.c_blueDK{color:#004070;}
.c_blueLT{color:#95CAFF;}
.c_grayDK{color:#666;}
.c_grayLT{color:#999;}
.c_yellow{color:#FF0;}
.c_yellowLT{color:#FFC;}
.c_orange{color:#FF8C00;}
.c_gold{color:#FFD700;}
.c_goldLT{color:#ffd735;}
.c_offwhite{color:#E1E1CC;}
.c_grayyellow{color:#a2a392;}

.fsize8{font-size:0.50em;}
.fsize10{font-size:0.63em;}
.fsize12{font-size:0.75em;}
.fsize14{font-size:0.88em;}
.fsize15{font-size:0.94em;}
.fsize16{font-size:1.00em;}
.fsize18{font-size:1.13em;}
.fsize20{font-size:1.25em;}
.fsize22{font-size:1.38em;}

.style1{font-family:Arial, Helvetica, sans-serif}
.style2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

