/*
Theme Name: Test Style sheet for HRMC site
Theme URI: http://www.highroadmc.com/
Description: Style for High Road page
Version: 1.1
Date: 1-2-2009
Author: Helen Granger/Denn Santoro
Author URI: http://www.hgranger.com/
Tags: marketing, myspace, facebook, online media
*/

	body {
		background: url(images/backgrd2.jpg) no-repeat #85AEDD;
		font-family: Verdana, Arial, san-serif;
		padding:0px;
		margin:0px;
		height:100%; 
		}
	html {
		height:100%;
		}

/* the following styles force IE 7 to use the appropriate color for image links */
a:link img {
	border:2px solid #E15B02;

}	
a:visited img {
	border:2px solid #E15B02;

}	
a:hover img {
	border:2px solid #CC0000;

}	
/*div for the content of the page and most divs - goes inside html body tags*/

#pagecontentcontainer {
		min-height: 100%;
		height: auto !important;
     		height: 100%;
     		margin: 0 50px 0 0;
		position: relative;
		}
/* div that contains logo art */
.header  {
		background:transparent;
		background-image: url(images/logoheader.png); 
		background-repeat: no-repeat;
		height: 175px;
		width:100%;
		margin: 40px 0 0 40px;
	  }


/*div for the copyright bottom footer*/
#footer {
	 height: 10px;
	 position:relative; top:-225px;
	 }

/*div for the creating the negative space for the bottom footer*/
#clearfooter {
		height: 10px;
		position:relative; top:-225px;		
		}


/* text link styles */
	a {
		font-family: Verdana, Arial, san-serif;
		font-weight:bold;
		text-decoration:none;
		color:#E15B02;
		}
		
	a:hover {
		text-decoration:underline;
		color:#CC0000;
		}
		
/* head and paragraph styles */

h1 {
	text-indent: -500em;
	}
h2 {
	padding: 46px 0 0 180px;
	color: #000066;
	font-size: 21px;
	font-family: Arial,san-serif;
	font-weight: bold;
	}
h3 {
	font: 16px "Verdana", "Arial Black", "Helvetica", sans-serif,; 
	color:#CC0000;
	font-weight:bold;
	padding: 0;
	margin: 0;
	}
h4 {
	color: #666666; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 16px 0 4px 0;
	margin: 0;
	}
h5 {
	font: 13px "Verdana", "Arial Black", "Helvetica", sans-serif,; 
	color:#CC0000;
	font-weight:bold;
	padding: 0;
	margin: 0;
	}
.pmain {
	font-size: 98%;
	margin: 0;
	padding: 0 0 20px 0;
        text-align:justify;
}
.ptop {
	font-size: 98%;
	margin: 0;
	padding: 10px 0 20px 0;
        text-align:justify;
}
.pbold {
	font-size: 98%;
        font-weight:bold;
	margin: 0;
	padding: 0 0 20px 0;
}
.tagline {
        font: bold 118%/180% Verdana, Arial, Helvetica, sans-serif;
        color:#CC0000;
        width:180px;
        float:right;
        padding:0;
        margin:0 0 10px 40px;
}
.phead {
	padding:0;
	}
	
.rightfloat  { 
	margin: 0 0 10px 15px;
	vertical-align:text-top;
	float: right;
	border: 1px solid #000066;
	}
.rightfloathome  { 
	margin: 0 0 10px 15px;
	vertical-align:text-top;
	float: right;
	border: 0;
	}
.leftfloat  {
	margin: 0 25px 6px 0;
	vertical-align:text-top;
	float: left;
	border: 1px solid #000066;
	}
.leftfloathome  {
	margin: 0 25px 6px 0;
	vertical-align:text-top;
	float: left;
	border: 0;
	}
.nofloat {
	padding: 6px;
	vertical-align:text-top;
	border: 1px solid #000066;
	}
.clearright {
	clear: right;
	}
.spacer {
	margin: 0;
	padding: 0 0 80px 0;}
	
.rightfloatport  { 
	margin: 0;
	padding: 0;
	width: 33%;
	vertical-align:text-top;
	text-align: left;
	float: right;
	}
.rrightfloatport  { 
	margin: 0;
	padding: 0 2px 0 6px;
	width: 33%;
	vertical-align:text-top;
	text-align: left;
	float: right;
	}
.leftport  { 
	margin: 0 0 20px 0;
	padding: 0;
	vertical-align:text-top;
	text-align: left;
	font-size: 80%;
	font-style: italic;
	}

	
/* div for the main text area */
.mainbody  {
			background:white; 
			width:70%; 
			min-width:560px; 
			border: 4px solid #ff6600; 
			position:relative; top:-470px;left:235px; 
			color:black; 
			margin: 0;
			right: 100%;
			padding: 16px;
			}
.most {
	font-size: 95%;
	margin: 0;
	padding: 0 0 10px 0;
	}
.least {
	font-size: 75%;
	font-style: italic;
	margin: 0;
	padding: 0 0 10px 0;
	}
/* port images div */
#portfolio {
	margin: 0 0 10px 30px;
	float:right;
	/*right:58px;*/
	width:190px;
	position:relative;
	overflow: scroll;
        /*next line right margin adjusted to 50 from 10 for size problem for */
        /*maxed hi res screen and keeps right Scroll bar visible*/ 
	background-color: #fff;
	border: 1px solid #909090;
	padding: 10px 10px 10px 10px;
	max-height: 500px;
	height: auto !important;
	height: 500px;
	}	
.pport {
	margin:6px 0 12px 0;
	padding:0;
	font-size:75%;
	font-style:italic;
}
.portimg {
	padding: 0;
	margin:0;
	}
/* div for a second column, like the about us page */
#twocol {
	margin: 0 0 10px 30px;
	float:right;
	/*right:58px;*/
	width:45%;
	position:relative;
	background-color: #fff;
	border-left: 1px solid #909090;
	padding: 10px 10px 10px 10px;
	/*max-height: 500px;*/
	/*height: auto !important;*/
	/*height: 500px;*/
	
}
/* menu styles */
	
.menu  {
		background:transparent; 
		width:20%;
		min-width:140px;
		position:relative; top:0px;left:40px;
		margin:0;
		}
.menu a {
		font:89% Verdana, Arial Black, Helvetica, sans-serif;
		font-weight:bold;
		color:#000066;
		text-decoration:none;
			}
.menu a:hover {
		 color:#cc0000;
		 text-decoration:underline;
		      }
.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.menu li {
	padding: 20px 0 0 0;
	margin: 0;
	}
.mhere {
		color:#CC0000;
		}
.mhere a {
		color:#CC0000;
		}
.mhere a:hover {
		color:#cc0000;
		text-decoration:underline;
		  }
		  
/* div style for copyright line */	
.copyright {
		left:0px; 
		padding-left:60px;
		margin:0px;
		font: 12px "Trebuchet MS", "Arial Black", "Verdana", "Helvetica", sans-serif;text-align:left;
		color:#000066;
		}

/*info for styling forms and their content*/
form {
      /*float:left;*/ padding-top: 30px;
      }

form td { 
	  font-size: 10px;
	 }


 input {
	width: 75%;
	}

 textarea {
	width: 75%;
	}