@charset "utf-8";
/* Orange Street Web Design Main Style Sheet */

/* ---------- sets margin and padding to zero, which is not browser default ---------- */
* {
	margin:0;
	padding:0;
	font-weight: normal;
		}
	
html {
		font-size: 100%;
		}
		
/* ---------- main body style before any divs etc included ---------- */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
	background: #000;
	background-attachment:fixed;
	background-image: url(site_images/backg.gif);
	background-repeat: repeat;
	background-position: center 20px;
	padding:20px;
		}
		
/* ---------- layout main page wrapper---------- */
#mainpagewrapperorange {
	background: #000;
	margin:0 auto;
	width: 900px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	
	
		}
		
/* ---------- header div---------- */
#header {
	background: #000;
	background-image: url(site_images/banner.gif);
	margin:0 auto;
	width: 900px;
	height: 55px;
	
	
		}
		
#bannerimage {
	background: #000;
	background-image: url(site_images/banner.jpg);
	margin:0 auto;
	width: 900px;
	height: 55px;
	border:none;
	
	
		}
		
#bannerimage2 {
	background: #000;
	background-image: url(site_images/banner2.gif);
	margin:0 auto;
	width: 900px;
	height: 55px;
	border:none;
	
	
		}		
		
/* ---------- layout for navigation div---------- */
#navigation {
	background: none;
	background-image: url(site_images/navigation_area.jpg);
	width: 302px;
	height: 192px;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	padding: 0px 0px 0px 0px;
	
	
		}		
		
/* ---------- layout for logo div---------- */
#logo {
	background: #000;
	background-image: url(site_images/orangestreet_webdesignlogopic.jpg);
	width: 598px;
	height: 192px;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	
	
		}	
		
#logo2 {
	background: #000;
	background-image: url(site_images/orangestreet_webdesignlogopic3.jpg);
	width: 598px;
	height: 192px;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	
	
		}	
		
#logo3 {
	background: #000;
	background-image: url(site_images/orangestreet_webdesignlogopic4.jpg);
	width: 598px;
	height: 192px;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	
	
		}		
		
#logo4 {
	background: #000;
	background-image: url(site_images/orangestreet_webdesignlogopic5.jpg);
	width: 598px;
	height: 192px;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	
	
		}	
		
#logo5 {
	background: #000;
	background-image: url(site_images/orangestreet_webdesignlogopic2.jpg);
	width: 598px;
	height: 192px;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	
	
		}	
		
#logo6 {
	background: #000;
	background-image: url(site_images/orangestreet_webdesignlogopic6.jpg);
	width: 598px;
	height: 192px;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	
	
		}		
		
/* ---------- layout for 3col div---------- */
#threecol {
	background: #FFF;
	width: 900px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	
	
		}	
		
#threecol1 {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #999;
	background: none;
	width: 283px;
	height: auto;
	border: none;
	border-width: 0px 0px 0px 0px;
	border-color:#000000;
	float: left;
	padding: 10px;
	
	
		}		
		
#threecol2 {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #999;
	background: none;
	width: 287px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	padding: 10px 10px 10px 0px;
	
	
		}	
		
#threecol3 {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #999;
	background: none;
	width: 285px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	padding: 10px 15px 10px 0px;
	
	
		}	
		
#threecol3webdesign {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #999;
	background: none;
	width: 285px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	padding: 10px 15px 10px 0px;
	
	
		}	
		
#threecolcopywriting {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #999;
	background: none;
	background-image: url(site_images/backgcopywritingblurb.jpg);
	background-repeat: no-repeat;
	width: 577px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	padding: 10px;
	
	
		}		
		
#threecolfreeadvice {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #999;
	background: none;
	background-image: none;
	width: 577px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	padding: 10px;
	
	
		}
		
#threecol3flash {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #999;
	background: none;
	width: 255px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	padding: 15px 20px 10px 25px;
	
	
		}	
		
#threecolportfolio {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #999;
	background: none;
	background-image: none;
	width: 567px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	padding: 7px 15px 10px 15px;
	
	
		}
		
#threecolcontact {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #999;
	background: none;
	width: 287px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	padding: 10px 10px 10px 0px;
	
	
		}		
		
#threecolabout {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #999;
	background: none;
	width: 587px;
	height: auto;
	border: none;
	border-width: 0px;
	border-color:#000000;
	float: left;
	padding: 10px 10px 10px 0px;
	
	
		}			
/* ---------- layout for footer div---------- */
#footer {
	
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #CCC;
	margin:0 auto;
	background: #000;
	background-image: url(site_images/footerstone.gif);
	width: 880px;
	height: 202px;
	border: none;
	border-width: 0px;
	border-color:#000000;
	padding: 10px;
	float:left;	
	
		}	
		
#footerstone {
	
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #CCC;
	margin:0 auto;
	background: #000;
	background-image: url(site_images/footerstone.gif);
	width: 880px;
	height: 202px;
	border: none;
	border-width: 0px;
	border-color:#000000;
	padding: 10px;
	float:left;	
	
		}			
		
#a {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		color: #999;
		font-weight: normal;
		width: 287px;
		margin: 0px;
		height: auto;
		border:solid;
		border-width: 0px;
		border-color: #036;
		padding: 0px;
		display:none;
		}	
		
#b {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		color: #999;
		font-weight: normal;
		width: 287px;
		margin: 0px;
		height: auto;
		border:solid;
		border-width: 0px;
		border-color: #036;
		padding: 0px;
		display:none;
		}			
		
#c {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		color: #999;
		font-weight: normal;
		width: 287px;
		margin: 0px;
		height: auto;
		border:solid;
		border-width: 0px;
		border-color: #036;
		padding: 0px;
		display:none;
		}		
		
#d {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		color: #999;
		font-weight: normal;
		width: 287px;
		margin: 0px;
		height: auto;
		border:solid;
		border-width: 0px;
		border-color: #036;
		padding: 0px;
		display:none;
		}			
/* ---------- use below value to heading tags ---------- */	
h1		{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size:1.3em;
	text-decoration: none;
	font-weight:bold;
	text-transform: uppercase;
	padding:0px 0px 5px 0px;
	margin-bottom: 0px;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
		}	
		
h2		{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size:1.3em;
	text-decoration: none;
	font-weight:bold;
	text-transform: uppercase;
	padding:3px 0px 12px 0px;
	margin-bottom: 0px;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	}
		
h3	{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1.2em;
		text-decoration:none;
		color: #333;
		padding:0px 0px 0px 0px;
		margin-bottom: 10px;
		}
		
h4		{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1em;
		text-decoration:none;
		color: #333;
		text-transform: none;
		padding:0px 0px 0px 0px;
		letter-spacing: 0em;
		margin-bottom: 0px;
		}
		
h5		{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		color: #999;
		text-transform: none;
		text-decoration: none;
		padding:0px 0px 0px 0px;
		letter-spacing: 4px;
		margin-bottom: 0px;
		}			
		
h6		{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		color: #999;
		text-transform: none;
		text-decoration: underline;
		padding:0px 0px 0px 0px;
		letter-spacing: 2px;
		margin-bottom: 0px;
		}	
/* ---------- general instruction no borders on images ---------- */		
img     {
		border:#800080;	
		border-style:none;
		border-width:0px;
		}	
		
/* ---------- use below value to style links ---------- */	
		
a:link {
		color: #3C0;
		font-weight:bold;
		}

a:visited {
		color: #3C0;
		font-weight:bold;
		}
		
a:hover {
		color: #3F0;
		font-weight:bold;
		}
		
a:focus {
		background-color: #333;
		}
		
a:active {
	color: #000;
		}		
		
#undertierparagraph	{
					padding: 3px 25px 0px 15px;
					}
										
.largertext {
	font-size: 1.3em;
	font-weight:bold;
	text-decoration:underline;
}

.largertext1 {
	font-size: 1.3em;
	color: #3C0;
	font-weight:bold;
	text-decoration: none;
}

.largertext2 {
	font-size: 1.3em;
	color: #F90;
	font-weight:bold;
	text-decoration: none;
}

.largertext3 {
	font-size: 1.0em;
	color: #3C0;
	font-weight:bold;
}

#spacer {
	margin-bottom: 17px;
}

.andy{
	background-color:none;
	width: 260px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #090;
	padding: 2px;
	font-weight: bold;
	border: 0px solid;
	border-color: #CCC;
}

.EmailFrom{
	
	color: #0C0;
	width: 250px;
	background-image:url(site_images/bgcontact.png);
	background-color:#000;
	border: 0px dotted;
	border-color: #0F0;
	padding: 2px;
}

.lastname{
	
	color: #390;
	width: 250px;
	font-weight:bold;
}

.telephone{
	
	color: #039;
	width: 250px;
	font-weight:bold;
}

.date{
	
	color: #C00;
	width: 250px;
	font-weight:bold;
}

.time{
	
	color: #000;
	width: 250px;
	font-weight:bold;
}

.number{
	
	color: #060;
	width: 250px;
	font-weight:bold;
}

.submit{
	
	color: #000;
	width: 250px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	letter-spacing: 5px;
}
.portfolioleft {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
}

.portfolioright{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 280px;
}