/* general settings */
body {
	font-family : Verdana, Helvetica,Arial,"Lucida Sans","Lucida Grande",sans-serif;font-size:62.5%;color:#fff;background-color:#0099CB;
}

a:link,a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:active{
	text-decoration:none;
}
ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1.2em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }

a img,:link img,:visited img { border:none; }

address { font-style:normal; }
/* general settings */


#header-wrapper {
	padding:0;margin:0;text-align:left;position:relative
}
#middle-wrapper{
	padding:0;margin:0;background:#000;color:#fff;position:relative;height:380px;
}
#middle-wrapper-sub{
	clear:both;float:left;padding:10px 0 0 0;margin:0;background:#fff url(../images/shadow.gif) top left repeat-x;color:#000;position:relative;width:100%
}
#bottom-wrapper{
	clear:both;padding:0;margin:0;background:#0099cb url(../images/face.jpg) top center no-repeat;color:#fff;position:relative;height:362px
}

#master-wrapper-bottom{
	clear:both;padding:0;margin:0 auto;background:url(../images/bottom.gif) top left no-repeat;width:792px;height:25px;position:relative;
}
/* filter \*/
* html #master-wrapper-bottom{
	clear:both;padding:0;margin:0 auto;background:url(../images/bottom-ie.gif) top left no-repeat;width:792px;position:relative;height:25px
}
* html #wrapper{
	padding:0 5px 8px 8px;margin:0 3px 0 4px;float:left;width:765px;background:#9AD018 url(../images/main-content-bg.jpg) top left repeat-x;color:#444;
}
/* filter */

/* header homepage */
	#home-header{
		margin:0;padding:0;text-align:left;position:relative;height:35px;line-height:35px;font-size:1.2em;background-color:#c00;color:#f33;
	}
		#home-header p{
			margin:0;padding:0 0 0 5px;text-align:left;
		}
	#sub-header{
		margin:0;padding:0;height:32px;text-align:left;border-top:5px solid #c00;background-color:#000;color:#fff;
	}
		#sara-logo-sub{
			float:left;padding:0px 0 0 25px;margin:0px 0 0 0;height:32px;text-align:left;
		}
		#sara-logo-sub span{
			float:left;width:202px;height:32px;margin:0;padding:0px;background: url(../images/logo.gif) top left no-repeat;
		}
		#sara-logo-sub span a{
			float:left;width:202px;height:32px;margin:0px;padding:0;text-indent:-4500px;text-decoration:none;
		}
		#sara-logo-sub span a:hover{
			text-decoration:none;
		}
	#main-nav-sub{
			float:right;height:30px;line-height:30px;width:400px;
		}

		#main-nav-sub ul{
		 float:right;margin:3px 0 0 0;padding:1px 10px 0 0;list-style:none;text-align:left;color:#fff;background-color:#000
		}	

			#main-nav-sub li{
				float:left;display:inline;margin:0;text-align:center;padding:0 9px 0 9px;font-size:1.3em;
			}
			#main-nav-sub li.here{
				float:left;margin:0;text-align:center;padding:0px 9px 0 23px;font-size:1.3em;background:#000 url(../images/button.gif) top left no-repeat;color:#fff;
			}
			#main-nav-sub a{
				float:left;margin:0;padding:0;color:#fff;background-color:#000
			}
			#main-nav-sub a:visited{
				margin:0;padding:0;color:#ccc;background-color:#000
			}
			#main-nav-sub a:hover{
				margin:0;padding:0;color:#f30;background-color:#000
			}
		
/* end header */
	
/* middle homepage */	
		#sara-logo{
			float:left;padding:0px;margin:0px auto;width:202px;height:32px;position:absolute;bottom:15px;left:5px;text-align:left;
		}
		#sara-logo span{
			float:left;width:202px;height:32px;margin:0;padding:0px;background: url(../images/logo.gif) top left no-repeat;
		}
		#sara-logo span a{
			float:left;width:202px;height:32px;margin:0px;padding:0;text-indent:-4500px;text-decoration:none;
		}
		#sara-logo span a:hover{
			text-decoration:none;
		}
		
	
	#main-nav{
		float:right;position:absolute;bottom:20px;right:10px;
	}
		
	#main-nav ul{
	 float:right;margin:0;padding:0;list-style:none;text-align:left;height:31px;line-height:31px;color:#fff;background-color:#000
	}	
	
		#main-nav li{
			display:inline;margin:0;text-align:center;padding:0px;font-size:1.4em;
		}
		#main-nav a{
			margin:0;padding:0;color:#fff;background-color:#000
		}
		#main-nav a:visited{
			margin:0;padding:0;color:#ccc;background-color:#000
		}
		#main-nav a:hover{
			margin:0;padding:0;color:#f30;background-color:#000
		}
	
/* end middle homepage */		

/* main content */
	
	#middle-content{
		margin:0 30px 0 30px;padding:0;text-align:left;position:relative;color:#000;background-color:inherit;min-height:200px;
	}
	/* filter \*/
	* html #middle-content{
		height:200px;
	}
	/* filter */
		#middle-content h1{
			margin:0;padding:0;font-size:2em;
		}
			#middle-content h1#contact{
				margin:0 0 15px 0;padding:0;height:55px;text-indent:-4500px;background: url(../images/contact.gif) top left no-repeat;
			}
			#middle-content h1#bio{
				margin:0 0 15px 0;padding:0;height:55px;text-indent:-4500px;background: url(../images/bio.gif) top left no-repeat;
			}
			#middle-content h1#clients{
				margin:0 0 15px 0;padding:0;height:55px;text-indent:-4500px;background: url(../images/clients.gif) top left no-repeat;		
			}
			#middle-content h1#portfolio{
				margin:0 0 15px 0;padding:0;height:55px;text-indent:-4500px;background: url(../images/portfolio.gif) top left no-repeat;		
			}
		#middle-content h2{
			margin:0 0 5px 0;padding:0;font-size:1.8em;
		}
			#middle-content h2#new-projects{
					margin:0 auto 15px auto;padding:0;height:24px;text-indent:-4500px;background: url(../images/h_newprojects.gif) top center no-repeat;
			}
			#middle-content h2#web-designs{
					margin:0 auto 15px auto;padding:0;height:24px;text-indent:-4500px;background: url(../images/h_webdesign.gif) top center no-repeat;
			}
			#middle-content h2#dvd-menus{
					margin:0 auto 15px auto;padding:0;height:24px;text-indent:-4500px;background: url(../images/h_dvdmenus.gif) top center no-repeat;
			}
			#middle-content h2#print-logos{
					margin:0 auto 15px auto;padding:0;height:24px;text-indent:-4500px;background: url(../images/h_printlogos.gif) top center no-repeat;
			}
			#middle-content h2#archives{
					margin:0 auto 15px auto;padding:0;height:24px;text-indent:-4500px;background: url(../images/h_archives.gif) top center no-repeat;
			}
		#middle-content h3{
			margin:0 0 5px 0;padding:0;font-size:1.6em;
		}
		#middle-content h4{
			margin:0 0 5px 0;padding:0;font-size:1.4em;font-weight:normal
		}
			#middle-content h4.contact-page{
				margin:20px 0 5px 0;padding:0;font-size:1.4em;font-weight:normal
			}
		#middle-content p{
			margin:0;padding:0;font-size:1.3em;
		}
			#middle-content p.contact-page{
				margin:5px 0 0 0;padding:0;font-size:1.3em;
			}
			#middle-content p.clients{
				margin:0;padding:0 0 10px 25px;
			}
		#middle-content a{
			margin:0;padding:0;color:#c00;background-color:inherit
		}
		
		#middle-content .project-list{
			width:200px;margin:0 auto 15px auto;padding:0 0 15px 0;border-bottom:1px solid #CCC;
		}
			#middle-content .project-list h4{
				margin:12px 0 0 0;padding:0;font-size:1em;font-weight:bold;
			}
			#middle-content .project-list p{
				margin:0;padding:0;font-size:1em;line-height:15px;
			}
			#middle-content .project-list p span{
				color:#39C;background-color:inherit
			}
		
	
	.left-column{
		width:31%;margin:0;padding:0 0 50px 0;float:left;
	}
		
	
	.middle-column{
		width:31%;margin:0;padding:0 0 10px 0;float:left;
	}
	.middle-column-detail{
		width:776px;margin:0 auto;padding:0 0 10px 0;
	}
			#middle-content .middle-column-detail p{
			text-align:center;margin:0 0 20px 0;
		}
	.middle-column-wide{
		width:1060px;margin:0 auto;padding:0 0 10px 0;
	}
		.middle-column-superwide{
		width:1250px;margin:0 auto;padding:0 0 10px 0;
	}
			#middle-content .middle-column-detail p{
			text-align:center;margin:0 0 20px 0;
		}
	.right-column{
		width:31%;margin:0;padding:0 0 10px 0;float:left;
	}
	
	.left-column-bio{
		width:28%;margin:0;padding:0 0 10px 0;float:left;
	}
		
	.middle-column-bio{
		width:36%;margin:0;padding:0 0 10px 0;float:left;
	}
		#middle-content .middle-column-bio p{
			float:left;margin:5px 0 10px 0;padding:0;font-size:1.3em;width:420px;line-height:16px;
		}
	
	.right-column-bio{
		width:29%;margin:0;padding:0 0 10px 0;float:left;
	}
		#middle-content .right-column-bio p{
			float:left;margin:0px 0 10px 50px;padding:0;font-size:1.1em;line-height:16px;
		}
		
	.left-column-portfolio{
		width:32%;margin:0;padding:0 0 50px 0;float:left;text-align:center;
	}
	.middle-column-portfolio{
		width:34%;margin:0;padding:0 0 10px 0;float:left;border-left:1px solid #CCC;border-right:1px solid #CCC;text-align:center;
	}
	.right-column-portfolio{
		width:31%;margin:0;padding:0 0 10px 0;float:left;text-align:center;
	}	
		
	#main-content-sub{
		float:left;width:775px;margin:0 auto;padding:0;background-color:white;color:#564B49
	}
	
	#main-content	 div.hr {
			clear:left;  height: 1px; width:750px;background: url(../images/hr.gif) no-repeat scroll left;
			}
			#main-content div.hr hr {
			  display: none;
			}	
		
	.content-left{
		float:left;width:134px;height:358px;padding:10px 0 0 0;position:relative;text-align:left;background:url(../images/left-content.jpg) 0 0 no-repeat;
	}
	
	#content-main h1{
		clear:left;font-size:1.8em;margin:0 0 5px 0
	}
	#content-main h2{
		clear:left;font-size:1.6em;margin:0 0 5px 0
	}	
	#content-main h3{
		clear:left;font-size:1.4em;margin:0 0 5px 0
	}
	#content-main h4{
		clear:left;font-size:1.2em;margin:0 0 5px 0
	}
	#content-main ul{
		margin:0px 0 10px 20px;padding:0;line-height:20px;font-size:1.1em;font-family:Verdana,Helvetica,Arial,Sans-serif
	}
		#content-main li{
			margin:0;padding:0;
		}
		#content-main li a{
			margin:0;padding:0;color:black;background-color:inherit
		}
	#content-main p{
		font-size:1.1em;
	}
			
	
	#bottom-line{
		text-align:left;margin:0px auto; padding:0 0 0 0;font-size:1.0em;position:absolute; top:180px;right:20px;
	}
		#bottom-line h3{
			margin:0;padding:0px;text-align:right;font-weight:normal;font-size:1.6em;background-color:inherit;color:#fff;
		}
		
		
	
	
	#bottom-home{
		text-align:left;margin:0px auto; padding:0 0 0 0;font-size:1.4em;position:absolute; top:160px;right:20px;
	}
		#bottom-line h3{
			margin:0;padding:0px;text-align:right;font-weight:normal;font-size:1.6em;background-color:inherit;color:#fff;
		}