@charset "utf-8";



/*************************************************/
/**                                             **/
/**        Joshua Designs - style sheet         **/
/**             screen version 1.0              **/
/**        http://www.joshuadesigns.com         **/
/**                                             **/
/**---------------------------------------------**/
/**                                             **/
/**           © James T Baker, 2009             **/
/**        http://www.jamestbaker.com           **/
/**                                             **/
/*************************************************/



/*===============================================*/
/*                   Main                        */
/*===============================================*/

/*-------------------RESET-----------------------*/

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { 
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/*----------------RECONFIGURE--------------------*/

body {
	background-color: #0F0800;
	font-family: Arial, Helvetica, Garuda, Utkal, Nimbus Sans L, FreeSans, Mukti Narrow, Malayalam, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #3D1D00;
	/* begin centering fixed-width layout--also see wrapper style*/
	text-align: center;
	/* end centering fixed-width layout--also see wrapper style */
}

img {
	color: #FFF;
	font-style: italic;
}

/*-----------------ADDITIONAL--------------------*/

#wrapper {
	/* begin centering fixed-width layout--also see body style */
	width: 960px;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
	/* end centering fixed-width layout--also see body style */
	
	/* begin centering liquid layout */
	/*
	margin-left: 15px; 
	margin-right: 15px;
	*/
	/* end centering liquid layout */
}

#header {
	width: 100%;
}

#content {
	width: 491px;
	height: 240px;
	position: relative;
		top: -490px;
		left: 358px;
}

#footer {
	width: 491px;
	position: relative;
		top: -440px;
		left: 358px;
}

/*===============================================*/
/*         Inner Layout & Display Styles         */
/*===============================================*/

/*----------------SIMPLE DISPLAYS----------------*/

.preload {
	display: none;
}

.currentPageIndicator {
	background-image: url(/graphic/screen/graphic-screen-currentPageIndicator.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 13px;
	font-size: 13px;
	position: relative;
		top: -10px;
}

#bkgrdGraphic {
	background-color: #0F0800;
	background-image: url(/graphic/graphic-bkgrd.png);
	background-repeat: no-repeat;
	width: 899px;
	height: 538px;
	position: relative;
		top: 36px;
		left: -11px;
	z-index: -1;
}

/*-------SIZES, POSITIONS, & OTHER DISPLAYS------*/

#menuMain {
	position: relative;
		top: -375px;
		left: 170px;
}

ul#menuMainLinkList {
	
}

#portfolioContainer {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 491px; /* important */
	height: 240px; /* important */
}

#portfolioSampleSet {
	position: absolute;
	top: 0;
	margin-left: 25px;
	width: 10000px;
}

#portfolioSampleSet
#portfolioSampleSet li {
	list-style: none;
}

#portfolioContainer ul li {
	display: block;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

#portfolioContainer ul li img {
	display: block;
}

#portfolioFrame {
	position: relative
}

#previousSample {
	float: left;
}

#nextSample {
	float: right;
}

/*
.blanket {
	width: 100%;
	position: absolute;
		top: 0px;
		left: 0px;
	background-color: #111;
	opacity: 0.95;
	filter: alpha(opacity=95);
	z-index: 11;
}

.popUpDiv4Yes {
	width: 892px;
	height: 495px;
	position: absolute;
	background-color: #0F0800;
	z-index: 12;
}

.popUpDiv4No {
	width: 865px;
	height: 500px;
	position: absolute;
	background-color: #0F0800;
	z-index: 12;
}

	.popUpCloseTop1 {
		position: absolute;
			top: 10px;
			left: 12px;
	}

	.popUpCloseTop24Yes {
		position: absolute;
			top: 10px;
			left: 872px;
	}
	
	.popUpCloseTop24No {
		position: absolute;
			top: 10px;
			left: 842px;
	}
		
	.popUpCloseButton {
		background-color: #0F0800;
		background-image: url(../graphic/graphic-btn-close.png);
		background-repeat: no-repeat;
		font-size: 9px;
	}
		
	.popUpHeader {
		position: absolute;
			top: 30px;
			left: 30px;
	}
	
		.popUpClientProduct {

		}
	
			.popUpClientProductDivider {
				background-color: #0F0800;
				background-image: url(../graphic/graphic-orange-pipes.png);
				background-repeat: no-repeat;
				font-size: 20px;
			}
		
	.popUpProblemSolution {
		position: absolute;
			top: 75px;
			left: 30px;
		width: 474px;
		height: 75px;
	}

	.popUpGraphics {
		position: absolute;
			top: 165px;
			left: 30px;
		width: 840px;
		height: 307px;
	}
	
		.popUpGraphicsMain {
			position: absolute;
				top: 0px;
				left: 0px;
			width: 474px;
			height: 272px;
		}
		
			.popUpGraphicsMainImage {
				
			}
			
			.popUpGraphicsMainHeaderClickMsg {
				position: absolute;
					top: 12px;
					left: 300px;
			}
			
			.popUpGraphicsMainImageFront {
				position: absolute;
					top: 30px;
					left: 0px;
				z-index: 14;
			}
			
		.popUpGraphicsSide4Yes {
			position: absolute;
				top: 0px;
				left: 504px;
			width: 322px;
		}
		
		.popUpGraphicsSide4No {
			position: absolute;
				top: 0px;
				left: 504px;
			width: 300px;
		}
		
			.popUpGraphicsSideHeader {
				
			}
			
			.popUpGraphicsSideImageContainer4Yes {
				background-color: #0F0800;
				height: 272px;
				overflow-x: hidden;
				overflow-y: scroll;
			}
				
			.popUpGraphicsSideImageContainer4No {
				background-color: #0F0800;
				height: 272px;
				overflow-x: hidden;
				overflow-y: hidden;
			}
				
					.popUpGraphicsSideImageA4Yes {
						padding: 0px 6px 10px 0px;
						
					}
					
					.popUpGraphicsSideImageA4No {
						padding: 0px 0px 10px 0px;
					}
					
					.popUpGraphicsSideImageB4Yes {
						padding: 10px 6px 10px 0px;
					}
						
					.popUpGraphicsSideImageB4No {
						padding: 10px 0px 10px 0px;
						
					}
					
.baseDiv {
	width: 300px;
	margin-top: 30px;
	float: left;
}

	.baseGraphic {
		
	}
	
		.baseGraphicsMainImageBack {
			position: absolute;
				top: 123px;
				left: 174px;
			z-index: 8;
		}
		
		.baseMotion {
			
		}

	.baseClientProduct {
		margin-top: 8px;
	}
		
	.realMotion {
		
	}
*/

#resumeContainer {   
    position: relative; /* important */   
    overflow: hidden; /* important */   
    width: 491px; /* important */   
    height: 240px; /* important */
} 

	#resumeSectionSet {
		position: absolute;   
		margin-top: 35px;  
		left: 0px;   
	}   
	
		.resumeSection {
			height: 200px;
	}

.resume1LineSubSection {   
	height: 15px;
    text-align: left;   
}   
  
.resume2LineSubSection {   
	height: 30px;
    text-align: left;   
}   
  
.resume3LineSubSection {   
	height: 45px;
    text-align: left;   
}   
  
.resume4LineSubSection {   
	height: 60px;
    text-align: left;   
}

.resume8LineSection {   
	height: 120px;
    text-align: left;   
}

.resumeLeft {
	position: absolute;   
		left: 0px;
	width: 72px;
}

.resumeRight {
	position: absolute;   
		left: 87px;
	width: 404px;
}

#resumeFrame {
	position: relative
}

#resumeFrame img {
	position: absolute;
}

#previousSection {
	top: 0;
	left: 0;
}

#nextSection {
	top: 220px;
	left: 0;
}   

#contact {
	height: 12px;
	width: 491px;
}

#copyright {
	height: 21px;
	width: 491px;
}

/*===============================================*/
/*      Typography & List & Link Styles          */
/*===============================================*/

a {
	color: #F30;
	text-decoration: none;
}

a:hover {
	color: #CC0;
	text-decoration: underline;
}

* html a:hover {
	visibility: visible;
	text-decoration: underline;
}

ul#menuMainLinkList li {
	display: inline;
	list-style-type: none;
	background: url(../graphic/screen/graphic-screen-overButton.png) no-repeat;
}

.menuMainLinkItem a:hover img {
	visibility: hidden;
}

.currentPage{
	display: inline;
}

h2 {
	font-size: 15px;
	font-weight: 900;
}

strong {
	font-weight: 900;
}

.basicList1 {
	list-style-image: url(/graphic/graphic-bullet.png);
	list-style-position: outside;
	margin-left: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
}

/*
.popUpClient {
	font-family: Georgia, "Times New Roman", Times, Norasi, Rekha, FreeSerif, serif;
	font-size: 20px;
	line-height: 20px;
	color: #0CF;
}

.popUpProduct {
	font-size: 20px;
	line-height: 20px;
	color: #666;
}

.popUpDate {
	font-size: 10px;
	line-height: 10px;
	color: #F60;
}

.baseClient {
	font-family: Georgia, "Times New Roman", Times, Norasi, Rekha, FreeSerif, serif;
	font-size: 10px;
	line-height: 10px;
}

.baseProduct {
	font-size: 10px;
	line-height: 10px;
}

.insideH2 {
	text-align: right;
	margin-right: 10px;
	color: #FFF;
}
*/

p.contact {
	color: #F30;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 0px;
}

p.finePrint {
	color: #663;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 0px;
}

p.finePrint a {
	color: #663;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 0px;
}

.resumeDate {
	font-size: 12px;
	font-weight: 700;
}

.resumeEmployer {
	font-size: 15px;
	font-weight: 900;
	float: left;
}

.resumeLocation {
	font-size: 12px;
	font-weight: 700;
	float: right;
}

.resumeJobTitle {
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 0px;
	clear: both;
}