/* -------------------------- HAMILTRO WEBSITE DESIGN ------------------------------ */

/* 
elBlue: 00ffcc

*/

:focus {
	outline: 0;
}

/* GENERAL LAYOUT  ----------------------------------------------------------------- */

body	{
	background-color: #000000;
	font-family:  verdana, arial, helvetica, sans-serif;
	color: #ccc; 
	font-size: 12px; 
	text-align:justify;
}

#uberContainer	{
	margin: 0 auto;
	width:850px;
	height:600px;
	z-index:0;
}

#innerContainer     {
    position:relative;
    left:0px;
    top:0px;
	width: 850px;
	height: 600px;
}

h1 	{
	position: absolute;
	top:0px;
	left: 0px;
	width: 318px;
	height: 28px;
	background-image: url('../images/home/hamiltroWebsiteDesign.gif');
	background-repeat: no-repeat;
	font-family: peignot lt std light, helvetica;
	color: #999999;
	font-size: 28px;
	text-indent:-1000em;
	margin-top:5px;
	margin-bottom:0px;
	border: 0px solid #ffffff;
}

#topLine	{
	position:absolute; 
	left:0px; 
	top:0px; 
	width: 100%;

}

hr	{
	height: 1px; 
	color: #660000; 
	background-color: #660000;
	margin-top:60px;
	margin-bottom:40px;
	text-align:center;
	border: 0;
}


#address	{
	position:absolute; 
	left:0px; 
	top:35px; 
	width: 100%;
	font-family:peignot lt std light,verdana, helvetica, arial, sans-serif;
	color: #999999; 
	font-size: 13px;
}

#topRightLinks	{
	position:absolute; 
	right:0px; 
	top:66px; 
	width: 100%;
	text-align:right;
	font-family:peignot lt std light,verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	letter-spacing:3px;	
	font-weight: normal;
}

a:link, a:visited	{
	color: #00ffcc;
	text-decoration: none;
}

a:hover, a:active	{
	color: #ffffff;
	text-decoration: none;
}

.linkBarPad	{
	margin-left: 10px;
	margin-right: 5px;
}

#logo	{
	 position: absolute; 
	 left:-150px; 
	 top: 200px; 
	 width: 160px;
	 height:120px;
	 background-image: url('../images/siteDesign/abaxialAleatorics.gif');
	 background-repeat: no-repeat;
	 text-indent: -1000em;
	 z-index:100;
 }
 
#mainContent	{
	position: absolute;
	top: 150px;
	left: 0px;
	width: 100%;
}

.bottomRightLinks	{
	text-align:right;
	margin-top:-30px;
	margin-bottom: 50px;
	letter-spacing:3px;	
}

.bottomLCenterLinks	{
	width: 100%;
	text-align:center;
	padding-top: 40px;
	font-size: 11px;
	letter-spacing:1px;
	line-height: 22px;
}
/* HOME  ---------------------------------------------------------------------- */


.HOME h2 	{
	font-size: 15px;
	margin-bottom: 0px;
	letter-spacing: 2px;
	color: #cccccc;
	font-weight: normal;
}

#servicesSummary	{
	position:absolute; 
	right:0px; 
	top:90px; 
	width: 100%;
	height: 200px;
	text-align:right;
	font-family:verdana, helvetica, arial, sans-serif;
	font-size: 13px;
}

#servicesSummary ul	{
	margin-top: 5px;
}

#servicesSummary li	{
	list-style: none;
	line-height: 20px;
}

#feature	{
 	position: absolute;
 	left: 52px;
 	top: 262px;
 	width: 602px;
 	height: 202px;
 	z-index: 200;
 	float: left;
 	line-height: 20px;
 }
 
 #feature img	{
 	float: left;
 	margin-right: 20px;
 }
 
#feature .bordered	{
	border: solid 1px #666666; 
}

#featureDescription	{
	position: absolute;
	top: 430px;
	left: 70px;
	font-size: 10px;
	z-index:200;
}

#featureDescription a:link,
#featureDescription a:visited	{
	color: #bbbbbb;
}

#featureDescription a:active,
#featureDescription a:hover	{
	color: #00ffcc;
}

#river	{
	position: absolute; 
	left:0px; 
	bottom:0px; 
	width:105%;
	height:185px; 
	z-index:10; 
}

.bgbottom	{
	 position:absolute; 
	 bottom:0px; 
	 left:0px; 
	 border:0px; 
	 z-index:0;
 }
 
 .HOME .emphasis	{
	font-weight: normal; 
	color:#ddd;
}

/* PORTFOLIO  ----------------------------------------------------------------- */

.PORTFOLIO h2	{
	position: absolute;
	top:0px;
	left: 324px;
	width: 142px;
	height: 28px;
	background-image: url('../images/siteDesign/portfolio.gif');
	background-repeat: no-repeat;
	font-family: peignot lt std light, helvetica;
	color: #999999;
	font-size: 28px;
	text-indent:-1000em;
	margin-top:5px;
	margin-bottom:0px;
	border: 0px solid #ffffff;
}

.PORTFOLIO h3	{
	font-family:  verdana, arial, helvetica, sans-serif;
	color: #ccc; 
	font-size: 12px; 
	font-weight: normal;
	margin-bottom: 3px;
}

.PORTFOLIO h4	{
	font-family:  verdana, arial, helvetica, sans-serif;
	color: #ccc; 
	font-size: 16px; 
	margin-bottom: 3px;
	margin-top: 0px;
}

.portfolioText	{
	position: relative;
	top: 0px;
	left: 50px;
	width: 740px;
	margin-bottom: 50px;
	line-height: 20px;
	font-style: italic;
	font-size: 13px;
}

.projectContainer	{
	position: relative;
	top: 0px;
	left: 50px;
	width: 740px;
	height: 202px;
	margin-bottom: 30px;
	line-height: 20px;
	border: 0px solid #ffffff;
}

.projectContainerPlus18	{
	position: relative;
	top: 0px;
	left: 50px;
	width: 740px;
	height: 220px;
	margin-bottom: 30px;
	line-height: 20px;
	border: 0px solid #ffffff;
}

.projectContainerArchive	{ /* delete */
	position: relative;
	top: 0px;
	left: 50px;
	width: 740px;
	height: 102px;
	margin-bottom: 30px;
	line-height: 20px;
	border: 0px solid #ffffff;
}

.projectThumb	{
	float:left;
	width: 300px;
	height: 200px;
	text-align: right;
	border: 1px solid #000000;
	margin-right: 20px;
}

.projectThumbSmall	{
	float:left;
	width: 150px;
	height: 100px;
	text-align: right;
	border: 1px solid #000000;
	margin-right: 20px;
}

.projectThumb img.bordered	{
	border: 1px solid #666666;
}

.projectDescription	{
	text-align: left;	
}

.PORTFOLIO .bordered	{
	border: solid 1px #555555;
}

.PORTFOLIO .b-bordered	{
	border: solid 1px #000000;
}




/* ABOUT  --------------------------------------------------------------------- */

.ABOUT h2	{
	position: absolute;
	top:0px;
	left: 324px;
	width: 92px;
	height: 28px;
	background-image: url('../images/siteDesign/about.gif');
	background-repeat: no-repeat;
	font-family: peignot lt std light, helvetica;
	color: #999999;
	font-size: 28px;
	text-indent:-1000em;
	margin-top:5px;
	margin-bottom:0px;
	border: 0px solid #ffffff;
}

#mainContentAbout	{
	position: relative;
	top: 0px;
	left: 100px;
	width: 640px;
	line-height: 20px;
	font-size: 13px;
}

#mainContentAbout .floatLeft	{
	float: left;
	border: 1px solid #666666;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.emphasis	{
	font-weight: normal; 
	color:#eeeeee;
}	

/* CONTACT  ------------------------------------------------------------------- */

.CONTACT h2	{
	position: absolute;
	top:8px;
	left: 324px;
	width: 120px;
	height: 15px;
	background-image: url('../images/siteDesign/contact.gif');
	background-repeat: no-repeat;
	font-family: peignot lt std light, helvetica;
	color: #999999;
	font-size: 28px;
	text-indent:-1000em;
	margin-top:5px;
	margin-bottom:0px;
	border: 0px solid #ffffff;
}

#portrait	{
	position:relative;
	left:50%; 
	margin-left:-300px; 
	top:0px; 
	width:300px; 
	height:400px; 
	border:solid 1px #666666;
}

#contactInfo	{
	position:absolute;
	left:50%; 
	margin-left:50px; 
	top:130px; 
	width:330px; 
	height:180px; 
	font-size:13px;color:#999999;
	font-family:  verdana, arial, helvetica, sans-serif;
	text-align: left;
}

#rhmContact-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
}

#rhmContact-02 {
	position:absolute;
	left:100px;
	top:0px;
	width:100px;
	height:100px;
}

#rhmContact-03 {
	position:absolute;
	left:200px;
	top:0px;
	width:100px;
	height:100px;
}

#rhmContact-04 {
	position:absolute;
	left:0px;
	top:100px;
	width:100px;
	height:100px;
}

#rhmContact-05 {
	position:absolute;
	left:100px;
	top:100px;
	width:100px;
	height:100px;
}

#rhmContact-06 {
	position:absolute;
	left:200px;
	top:100px;
	width:100px;
	height:100px;
}

#rhmContact-07 {
	position:absolute;
	left:0px;
	top:200px;
	width:100px;
	height:100px;
}

#rhmContact-08 {
	position:absolute;
	left:100px;
	top:200px;
	width:100px;
	height:100px;
}

#rhmContact-09 {
	position:absolute;
	left:200px;
	top:200px;
	width:100px;
	height:100px;
}

#rhmContact-10 {
	position:absolute;
	left:0px;
	top:300px;
	width:100px;
	height:100px;
}

#rhmContact-11 {
	position:absolute;
	left:100px;
	top:300px;
	width:100px;
	height:100px;
}

#rhmContact-12 {
	position:absolute;
	left:200px;
	top:300px;
	width:100px;
	height:100px;
}


/* TUTORIAL / FAQS  --------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ */

.TUTORIAL h2,
.FAQS h2	{
	position: absolute;
	top:0px;
	left: 324px;
	width: 175px;
	height: 28px;
	font-family: peignot lt std light, helvetica;
	color: #999999;
	font-size: 28px;
	text-indent:-1000em;
	margin-top:5px;
	margin-bottom:0px;
	border: 0px solid #ffffff;
}

.TUTORIAL h2	{
	background-image: url('../images/siteDesign/theProcess.gif');
	background-repeat: no-repeat;
}

.FAQS h2	{
	background-image: url('../images/siteDesign/faqs.gif'); /* needs to be made */
	background-repeat: no-repeat;
}


#mainContentTutorial,
#mainContentFAQS	{
	position: relative;
	top: 0px;
	left: 100px;
	width: 640px;
	line-height: 20px;
	font-size: 13px;
}

#mainContentTutorial p,
#mainContentFAQS p{
	margin-bottom: 20px;
}

.TUTORIAL h3,
.FAQS h3	{
	font-family: helvetica, verdana,  arial, sans-serif;
	color: #00ffcc;
	font-size: 18px;
}

.TUTORIAL h3 .subhead,
.FAQS h3 .subhead	{
	font-size: 80%;
	color: #ddd;
}

.TUTORIAL h4,
.FAQS h4	{
	font-family: helvetica, verdana,  arial, sans-serif;
	color: #00ffcc;
	font-size: 16px;
	font-weight: normal;
}

.TUTORIAL ul li,
.FAQS ul li	{
	list-style: none;
}

.TUTORIAL ul.links,
.FAQS ul.links{
	color: #00ffcc;
}

.TUTORIAL ul li a:link, 
.TUTORIAL ul li a:visited,
.FAQS ul li a:link, 
.FAQS ul li a:visited	{
	color: #ddd;
}

.TUTORIAL ul li a:hover, 
.TUTORIAL ul li a:active,
.FAQS ul li a:hover, 
.FAQS ul li a:active{
	color: #00ffcc;
}

ul.indented li 	{
	list-style position: outer;
	list-style: disc;
}

ul.indented-bordered	{
	padding: 30px;
	border: dotted 1px #000000;
	margin-bottom: 0px;
}

ul.indented-bordered li	{
	margin-bottom: 20px;
}

ul.indented-bordered li a:link,
ul.indented-bordered li a:visited	{
	color: #ffffff;
	font-size: 13px;
	text-decoration: underline;
}

.TUTORIAL .thumbnails,
.FAQS .thumbnails	{
	display: block;
	border: 0px solid #ff0000;
}

.TUTORIAL .thumbnail,
.FAQS .thumbnail	{
	float: left;
	margin-right: 7px;
	margin-bottom: 8px;
	border: 1px solid #666666;
}

/* MISC------------------------------------------------------------------ */

.googleAds	{
	position:relative;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	z-index: 100;
}

#rightSideContent	{
	 position: absolute; 
	 left:850px; 
	 top: 350px; 
	 width: 200px;
	 z-index:100;
 }
 
 
#url	{
	display: none;
	visibility: hidden;
	position:relative;
	top: 10px;
	left: 0px;
	width: 100%;
	text-align: center;
}

/*#mainContent hr	  {
	color: #ccc;
	background-color: #333;
}*/
/* ------------------------------------------------------------------------------ */

.addThis	{
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
	background-color: #ffffff;
	float: left;
	padding: 3px;
	margin-bottom: 20px;
}

.addThis2	{
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
	background-color: #ffffff;
	float: left;
	padding: 3px;
}


/*#subtleLink	{
	position: absolute;
	top: 0px;
	right: 5px;
	width: 2px;
}

#subtleLink a:link, #subtleLink a:visited	{
	color: #333;
}*/

.discreet a:link, .discreet a:visited 	{
	color: #bbb;
}