body {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:9pt;
	margin:0;
	padding:0;
}
a {color:#679ee3}
a:hover {text-decoration: none; color:#ff9900;}
.clear {clear:both;}

#outerwrapper { 
	width:790px;
	margin:0.2em 15% 0 15%;
	border:#000000 1px solid;
	padding:0;
}
div, td {
	font-size:9pt;
}

#header {padding:0.8em 0 0.8em 2em;}
#col1 {
	float:left;
	background:url(/images/intro_bg.gif) #679ee3 repeat-x;
	height: 167px;
	width: 100%;
	margin:0;
	padding:0;
}
#col2 {
	float:right;
	background:url(/images/lemons_oranges.jpg) no-repeat;
	height: 167px;
	width: 45%;
	margin-left:2em;
	padding:0;
}
#portfolio div#col2 {background:url(/images/clem_portfolio.jpg) no-repeat;}
#contact div#col2 {background:url(/images/brick_flower.jpg) no-repeat;}
#services div#col2 {background:url(/images/tulip_services.jpg) no-repeat;}
#services #col1,#services #col2,#portfolio #col1,#portfolio #col2,#contact #col1,#contact #col2 {height:75px;}
#col4 {
	width: 48%;
}
#col5 {
	float:right;
	width: 50%;
}
.pad {
	font-size:8.5pt;
	padding:20pt 5pt 10pt 20pt;
}
#col1 h1 {
	margin-top:1em;
	margin-left:20pt;
	margin-bottom:0;
	color:#FFFFFF;
	font-style:normal;
	font-size: 17pt;
	letter-spacing:-0.07em;

}
#col1 p {
	margin-top:0.2em;
	margin-left:20pt;
	margin-right:20pt;
}
#col4 h2 {

	letter-spacing:-0.05em;
	margin-top:7pt;
}
#col5 h2 {
	letter-spacing:-0.05em;
	margin-top:7pt;
}
#col5 h2 a { 
	color:#fdb813; 
	text-decoration:none;
}
#col4 h2 a { 
	color:#f7941d;
	text-decoration:none;
}
#col4 h2 a:hover,#col5 h2 a:hover {text-decoration:underline;}
#col4 p { font-size:8pt;padding-left:4em;}
div.pics {margin-left:3.5em;}
div.pad ul {padding-left:6em;}

.smbox {
	background:url(/images/rounded_box.gif);
	width:43px;
	height:43px;
}
div.o1, div.o2, div.o3 {
	float:left;	
	width:43px;
	height:43px;
}
	
.o1 { background-color: #f7941d ;}
.o2 { background-color: #fdb813 ;}
.o3 { background-color: #ffcb05 ;}
div#navlinks {	
	text-align:right;
	width:790px;
	margin:0 15% 0 15%;
	font-size:8pt;
	}
#navlinks a {text-decoration:none; color:#666666; margin-right:1em;}
#navlinks a:hover {text-decoration:underline;}
#navlinks img {margin-right:0.2em;}
div#topnav {
	float:right;
	width: 390px;
	margin-right:1.5em;
	}
#topnav { 
	font-size:10pt; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;	
	letter-spacing:-0.02em;

}
#topnav ul {
	list-style: none;
	margin: 0;
	margin-top:50px;
	padding: 0;

}
#topnav li {
	display: inline;
	margin:0;
	background:url(/images/arrow_off.gif) no-repeat;
	padding-top:30px;
	padding-left:10px;
	padding-bottom:20px;
	margin-left:20px;

}
#topnav li.current { background:url(/images/arrow_on.gif) no-repeat; }
#topnav li.current a{color:#F60;}
#topnav li a {
	display: inline;
	color: #000;
	text-decoration: none;
}
#topnav li a:hover {
	color: #F60;
	text-decoration: none;
}
.pics img{ margin-right:1em;border:#000000 1px solid;}
div#footer {width:700px;padding-top:0.5em;}
#footer {font-size:75%; color:#666666;margin-left:18%}
#footer img {float:right;}
/* PORTFOLIO STYLES */
div.clients {padding:2em;}
.clients img {margin-right:10px; border:#000000 1px solid;}

#portfolio h1 {margin-bottom:0; padding-bottom:0;}
#portfolio p {margin-top:0; padding-top:0;}
#portfolio p a {color:#FFF;}
#portfolio p a:hover {color:#FF6600;}

div.bigpics{margin-top:3em;}
.bigpics img {float:left;}
h4 {margin-top: 2em;font-size:11pt; color:#999999}
h4 span {color:#0066CC; }
div.smallpics {padding:2em;}
.smallpics img {border:#000000 1px solid; margin-right: 2em; margin-bottom:1em;}
.smallpics p {margin-top:0;}
.smallpics h3 {margin-bottom:0;}

div#portfolionav, div#leftnav {width: 165px;padding-left:1em;}
div#portfoliotext, div#righttext {float:right;width:550px; margin-right:1em;}
#portfoliotext h2 {color:#FF9900; font-weight:bold;}
#portfoliotext h2 span{color:#999}
#portfoliotext img {border:#999 solid 1px;}
.portpic p span {font-weight:bold;}
#portfoliotext h2 a {color:#FF9900; text-decoration:none;}
#portfoliotext h2 a:hover {text-decoration:underline;}
#portfolionav a.current {color:#999; text-decoration:none;}
#portfolionav h3 {margin-bottom:0;}
#portfolionav h3 a.current {color: #000; text-decoration:none;}
#portfolionav ul {margin-top:0;margin-left:0;padding-left:1.5em; list-style:none;}
#portfolionav ul li { list-style-image:url(/images/right_arrow.gif);padding-left:3px;}
#portfoliohome,#portfoliohome2 {float:right; width:550px; margin-right:1em;margin-top:1em;}
#portfoliohome img {width:50px; height:50px; border:#999 solid 1px; margin-right: 0.5em;margin-bottom:0.5em;}
#portfoliohome2 img {padding:0.2em;border:#999 solid 1px;}
#portfoliohome2 div span {display:block;float:left;padding-right:4em;}
#portfoliohome2 div div.clear {padding-top:2em;}
.portpic div img {margin-right:0.5em;margin-bottom:0.5em;}
div.links img {border:none;}
#portfoliotext img.award {border:none; margin-top:1em; float:right;}
img.noborder {border:none;}