@import url(global.css);

/* MAIN CONTENT AREA + STYLES */
#content {
	background-color:#f4f3f1;
	}

#content a {
	color:#0ca6cc;
	}

#content div.hr {
	margin:5px 0;
	height:10px;
	background-image:url(../../images/dotted_grey.gif);
	background-repeat:repeat-x;
	background-position:center;
	}

#content div.hr hr {
	display: none;
	}

/* LEFT COLUMN */
#content #leftContent {
	float:left;
	width:560px;
	padding: 5px 50px 20px 20px;
	}
	
	/* BREADCRUMB */	
	#content #leftContent #breadcrumb {
		font-size:10px;
		margin-bottom:15px;
		}
	
	/* PORTFOLIO PAGES */
	#content #leftContent #portfolioHighlight {
		float: left;
		width:218px;
		padding:0 5px 0 0;
		}
	
		#content #leftContent #portfolioHighlight #highlightImage {
			border:3px solid #e6e6e6;
			width:198px;
			height:198px;
			margin:0 0 15px 0;
			}
		
		#content #leftContent #portfolioHighlight a#websiteLink {
			background-image:url(../../images/btn_quote.gif);
			background-repeat:no-repeat;
			background-position: 0 0;
			padding-left:20px;
			font-size:12px;
			font-weight:bold;
			height:15px;
			display:block;
			text-decoration:none;
			}	
		
		#content #leftContent #portfolioHighlight a#websiteLink:hover {
			text-decoration:underline;
			}
		
	#content #portfolioText {
		float:left;
		width: 337px;
		}
	
	
	/* LEFT COLUMN STYLES */	
	#content #leftContent h1 {
		font-size:20px;
		color: #135c9c;
		background-image:url(../../images/dotted_grey.gif);
		background-repeat:repeat-x;
		background-position: 0 28px;
		line-height: 30px;
		margin-bottom:10px;
		}
	
	#content #leftContent h2 {
		font-size:13px;
		color:#666666;
		}
	
	#content #leftContent h3 {
		font-size:12px;
		color:#6e6e6e;
		}
	
	#content #leftContent h1 a, #content #leftContent h2 a, #content #leftContent h3 a {
		color:#0ca6cc; 
		}
	
	#content #leftContent p {
		margin-bottom:15px;
		}		
	
	#content #leftContent ul, #content #leftContent ol {	
		margin:15px 30px;
		}
		
		#content #leftContent li {
			margin:3px 0;
			padding:3px 0;
			}
	
	#content table {
		font-size:11px;
		border:1px solid #666666;
		padding:10px;
		}
	
	#content #leftContent .red {
		color:#CC0000;
		}
	
/* RIGHT HAND COLUMN */	
#content #rightContent {
	float: left;
	width:250px;
	padding:32px 20px 20px 0;
	}	
	
	#content #rightContent h1 {
		font-size:20px;
		color:#a5a5a5;
		background-image:url(../../images/dotted_grey.gif);
		background-repeat:repeat-x;
		background-position: 0 28px;
		line-height: 30px;
		margin-bottom:10px;
		}
		
	#content #rightContent .portfolioImages {
		margin: 0 15px 10px 0;
		border: 1px solid #dddddd;
		}	
	
	#content #rightContent #featureBox {
		border:5px solid #e4e4e4;
		background-color:#FFFFFF;
		width:220px;
		padding: 10px;
		margin:10px 0;
		}
		
		#content #rightContent #featureBox h1 {
			background-image:url(../../images/btn_quote.gif);
			background-repeat:no-repeat;
			background-position: 100% 50%;
			font-size:13px;
			color:#0ea7c9;
			line-height:normal;
			}
		
	#content #rightContent h2 {
		font-size:12px;
		color: #0ea6cd;
		margin-bottom: 10px;
		}	
	
	#content #rightContent ul {
		list-style:none;
		}
	
	#content #rightContent li#phone {
		background-image:url(../../images/icon_contact2.gif);
		background-repeat:no-repeat;
		background-position:0 3px;
		padding:5px 5px 15px 30px;
		}	
	
	#content #rightContent li#email {
		background-image:url(../../images/icon_contact.gif);
		background-repeat:no-repeat;
		background-position:0 3px;
		padding:5px 5px 15px 30px;
		}