html,body	{margin:0;
		padding:0}

body		{
	font: .8em "Georgia",serif;
	text-align:center;
	margin: 0;
	background-color: #1b1b1b;
	background-image: url(../images/bkg_shadow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

p		{margin:10px;}

a img 		{border-width:0;}

#header 	{
	height:27px;
	width:905px;
	margin:0;
	padding:0;
	background-image: url(../images/top_bar.jpg);
}

.nav		{
	margin:-3px 0 -3px 0;
	;
	padding:1px;
	background-color: #fff;
	background-image: url(../images/decnav.gif);
	background-repeat: no-repeat;
	background-position: 99%;
		}

#navlist ul	{}

#navlist li	{display: inline;
		list-style-type: none;}

#navlist a	{padding:0 10px 0 35px;
		font-size: .80em;
		font-style: italic;
		background: url(../images/grayarrow1.png) no-repeat 5px;}

#navlist a:link, #navlist a:visited
		{color: #888;
		text-decoration: none;}

#navlist a:hover
		{background-image: url(../images/grayarrow2.png);
		color: #333;}

#active a:link, #active a:visited, #active a:hover
		{background-image: url(../images/grayarrow3.png);
		color: #888;}
		
#container	{
	text-align:left;
	background-color: #FFF;
	background-image: url(../images/contentback.gif);
	background-repeat: repeat-y;
	background-position: 50% 0;
}

#title		{background-image: url(../images/main_title.jpg);
		height: 178px;}

#titledesign	{
	background-image: url(../images/design_title.jpg);
	height: 100px;
}

#titlecontact	{
	background-image: url(../images/contact_title.jpg);
	height: 100px;
}

#titlephoto {
	background-image: url(../images/photo_title.jpg);
	height: 100px;
}

#titleweb {
	background-image: url(../images/web_title.jpg);
	height: 100px;
}

#titleservices {
	background-image: url(../images/services_title.jpg);
	height: 100px;
}

#hrline		{background: url(../images/horizline.png) repeat-x;
		height:1px;
		padding:0;
		margin:0;}

#content p	{margin: 5px 40px 15px 40px;
		line-height:1.75em;
		font-size: 1em;
		color:#646464;}

#content p a
{font-weight: bold}

#content h1	{margin:54px 40px 0 40px;
		padding-bottom: 6px;
		font-size: 2.1em; 
		text-align:center;
		font-weight: lighter;}

.alltitle	{color:#747474}

.js		{display:none;}

.center {text-align: center; clear: both; padding: 8px 0px;}

.back {background: #EEE ; margin: 0 40px 0 40px; padding: 6px 2px 6px 2px}

.white {background: #FFF ; margin: 0 40px 0 40px; padding: 6px 2px 6px 2px}

#content h2	{margin: 0 20px 0 20px;
		padding-left:20px;
		background:#FFF url(../images/side2.png) repeat-y left;
		display: inline;
		font-size: .88em;
		font-weight: normal;
		text-align: center;
		color:#646464;
		letter-spacing: .15em;
		font-variant: small-caps;
		text-transform: lowercase;
		line-height:2.4em}

#content h3	{
		margin:34px 40px 20px 40px; 
		color:#747474;
		background:#FFF url(../images/horizline.png) repeat-x bottom;
		font-size: 1.8em; 
		font-weight: lighter;
		clear:both;}

#content h4	{margin: 2px 6px ;
		font-size: .82em;
		color: #848383;
		font-style: italic;
		line-height: 1.3em; 
		font-weight: lighter;}

#content h5	{margin:0px 14px 10px 0px ;
		vertical-align: top;
		float:right;
		font-size: 4em;
		color: #BDBDBD;}

#content h6	{margin: 0px 0px 5px 20px;
		line-height:1.6em;
		color:#646464;
		font-size: 1em;
		font-weight: normal;}

.sub {font-size: 1.3em; letter-spacing: .15em; font-style: italic; line-height: 2.3em;}

.commentdata	{letter-spacing: .15em;
		font-variant: small-caps;
		text-transform: lowercase;} 

#content a img	{vertical-align: middle;
		background: #EEE;
		padding: 4px;		
		margin-bottom: 6px;
		border: 1px solid #E6E6E6;}

#content a img:visited	
		{background: #A5A4A4;}

#content a img:hover	
		{background: #FFF;}

#content a:link, #content a:visited	
		{color: #646464;
		border-bottom: 1px #D9D9D9 solid;
		text-decoration: none;}

#content a:focus, #content a:hover, #content a:active	
		{color: #646464;
		border-bottom: 1px #E6E6E6 solid;
		text-decoration: none;
		background: #EEE;}

.lrollsub
        {font-size: .82em;
		font-weight: normal;
		color:#646464;
		letter-spacing: .15em;
        line-height: 1em;
		font-variant: small-caps;
		text-transform: lowercase;}

.blank {width: 10px; height: 400px; float: left;}

.portfolio	{
	display:inline;
	width: 265px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 40px;
}

.portfoliosec	{width:700px;
		margin:0;
		padding:0;}

.portfoliosm	{margin-top: 6px}

#comtitle	{width: 150px;
		height: 78px;
		margin: 40px 0px 10px 0px;
		background:#FFF url(../images/say.gif) no-repeat left;}

#emailtitle	{width: 150px;
		height: 78px;
		margin: 40px 0px 10px 0px;
		background:#FFF url(../images/send.gif) no-repeat left;}
#conform     {
	margin-left: 149px;
	background:#FFF url(../images/vertline.png) repeat-y left
}

form h4 {margin-left: 20px;
                       line-height: 2.3em;}
.textInput  {border: 1px #E6E6E6 solid;
                background:#EEE;}

input, textarea
                {
	font-family: "Georgia", serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 1.1em;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #717171;}

.eefix       {display:inline;}

.com	{padding: 2px 0 2px 20px;
		margin-left: 20px;
		background:transparent url(../images/comm.gif) no-repeat left;}

.rtline		{padding-right:20px;
		background:#FFF url(../images/side3.png) repeat-y right;}
		
.linetitle		{text-align: center;
		clear:both;
		margin: 0 40px 15px 40px;
		background: url(../images/horizline.png) no-repeat center;
		}

.imgr		{margin: 15px 0 15px 15px;
		float: right;
		padding: 4px;}

.imgl		{margin: 15px 0 15px 15px;
		float: left;
		padding: 4px;}

.frmimgl	{margin: 8px 0px 8px 0px;
		float: left;
		padding: 4px;
		border: 1px #E6E6E6 solid;
		background: #EEE;}

.frmimgl2	{margin: 15px 15px 15px 0px;
		float: left;
		padding: 4px;
		border: 1px #E6E6E6 solid;
		background: #EEE;}
		
.borderimager	{
	float: right;
	padding: 4px;
	border: 1px #E6E6E6 solid;
	background: #EEE;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 15px;
}

#sidea		{
	height: 172px;
	background-image: url(../images/sidebar_back.jpg);
	padding-top: 6px;
}

#sidea a img	{
	padding: 4px;
	border: 1px solid #333333;
	display:inline;
	vertical-align:middle;
	background-color: #444444;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 18px;
}

#sidea p	{margin:0; padding:0;
                      display:inline;}

#sidea h1	{display:inline;
		color: #A0A0A0;
		font-size: 1.0em;
		line-height: 1.4em;}

#sidea a	{color: #A0A0A0;
		font-size: .74em;
		line-height: 1.4em;
		font-weight:bold;
		text-decoration:none;}

#sidea a:visited
		{color: #959494;}
		
#recent		{
	background: #1A1A1A;
	border: 1px solid #0E0E0E;
	margin-top: 4px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 18px;
	padding-top: 10;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 4px;
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	color: #A0A0A0;
}

#sideb		{margin:0; padding:0;}

#sideb p   {margin:0;
                 padding:0;}

#sideb h1	{font-size: 1.4em;
		font-style: italic;
		color: #848383;
		font-weight: bold;
		line-height:1.4em;
		margin: 40px 20px 4px 20px;}

#sideb h4	{font-size: .8em;
		font-style: italic;
		color: #848383;
		font-weight: lighter;
		line-height:1.4em;
		margin: 20px;}
		
#sideb h5 {
	font-size: .8em;
	font-style: italic;
	color: #848383;
	font-weight: lighter;
	line-height:1.4em;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 10px;
}

#sideb a:link, #content a:visited {
	color: #646464;
	border-bottom: 1px #D9D9D9 solid;
	text-decoration: none;
}

#sideb a:focus, #content a:hover, #content a:active {
	color: #646464;
	border-bottom: 1px #E6E6E6 solid;
	text-decoration: none;
	background: #EEE;
}

.sidebtitle	{font-size:1.4em;
		display:block;
		font-style: normal;
		color: #848383;
		font-weight: lighter;
		line-height:1.4em;
		margin-bottom: -.1em;
		}

.arbold {font-weight: bold; text-align: right}

.arrowr {padding-left: 2em; background: url(../images/arrowr.gif) no-repeat left;}

.arrowl {padding-left: 2em; background: url(../images/arrowl.gif) no-repeat left;}

#desc		{width: 260px;
		margin:0;
		padding: 0;}

.lnksec		{margin-top: -3px;}

.lnksec a	{margin:0;
		display:block;
		padding:9px 12px;
		color: #848383;
		border-bottom: 1px #E6E6E6 solid;
		background: transparent;
		font-size: .8em;
		font-style: italic;
		font-weight: lighter;
		line-height: 1.4em;
		text-decoration:none;}

.lnksec a:hover	{color: #7D7D7D;
		background: #FFF;}

.shcase		{padding: 3px 4px 1px;
		 display: inline;}

.sideback	{background:#EEE;
		padding-top: 3px;
		margin-top:-3px;}

.sbartitle 	{margin: 20px 0 0 0;}

.websitelink		{
	padding: 2px 0 2px 20px;
	margin-left: 20px;
	background-color: #FFF;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;}

#sidec		{
	height: 100px;
	width: 265px;
	background-image: url(../images/jsproductions_title.jpg);
}

#footer		{
	background-image: url(../images/footer_texture.gif);
	color: #FFF
}

#footertop	{
	height: 51px;
	background: url(../images/footertop.gif) no-repeat;
	padding-bottom: 10px;
	margin: 0;
}

#footer p	{color: #A0A0A0;
		font-size: .88em;
		letter-spacing: .15em;
		font-variant: small-caps;
		text-transform: lowercase;
                text-align: center;
		margin:0;
		padding:0 34px 7px 34px}

#footer a:link, #footer a:visited	
		{color: #A0A0A0;
		text-decoration: none;}

#footer a:focus, #footer a:hover, #footer a:active	
		{color: #EEE;
		text-decoration: none;
		background: #303030;}


#lightbox	{position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;}

#lightbox a img	{border: none;}

#outerImageContainer
		{position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;}

#imageContainer{padding: 10px;}

#loading	{position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;}

#hoverNav	{position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;}

#imageContainer>#hoverNav
		{left: 0;}

#hoverNav a	{outline: none;}

#prevLink, #nextLink
		{width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; 
		/* Trick IE into showing hover */
		display: block;}

#prevLink 	{left: 0; 
		float: left;}

#nextLink 	{right: 0; 
		float: right;}

#prevLink:hover, #prevLink:visited:hover 
		{background: url(../images/prevlabel.gif) left 15% no-repeat;}

#nextLink:hover, #nextLink:visited:hover 
		{background: url(../images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer
		{font: .78em  "Georgia",serif;
		background-color: #fff;
		color:#8F8F8F;
		margin: 0 auto;
		line-height: 1.4em;}

#imageData 	{padding:0 10px;}

#imageData #imageDetails
		{ width: 70%; 
		float: left; 
		text-align: left;}
	
#imageData #caption
		{ font-weight: bold;}

#imageData #numberDisplay
		{ display: block; 
		clear: left; 
		font-style: italic;
		font-weight: lighter;
		padding-bottom: 1.0em;}	
		
#imageData #bottomNavClose
		{ width: 66px; 
		float: right;  
		padding-bottom: 0.7em;}	
		
#overlay	{position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		background-color: #000;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;}
	

.clearfix:after {content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;}

* html>body .clearfix 
		{display: inline-block; 
		width: 100%;}

* html .clearfix
		{/* Hides from IE-mac \*/height: 1%;
		/* End hide from IE-mac */}

#container	{
	width:905px;
	margin:0 auto;
		}

#content	{
	float:left;
	width:640px;
	background-image: url(../images/content_swirl.jpg);
	background-repeat: no-repeat;
	background-position: 0 180px;
}

#sidea		{float:right;
		width:265px}

#sideb		{float:right;
		clear:right;
		width:264px}

#sidec		{
	float:right;
	width:265px;
	background-image: url(../images/jsproductions_title.jpg);
}

#footer		{clear:both;
		width:100%}