/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

body {
  color:#000000; 
  font: 62.5%/1.48 Arial, Helvetica, sans-serif; 
  background:#FFFFFF;
/*background: url(../images/bg_01.gif);*/
/*background-attachment: fixed;*/

}

h1 {
color:#F0E7DD;
  font-size: 46px;
  font-weight: normal;
  line-height:49px;
  padding:8px 0 0 0;
  margin:0;
}

h2 {
color:#ACABAB;
  font-size: 20px;
  font-weight: normal;
 
  padding:3px 3px 1px 0px;
  margin:0;
 
}

h3 {
color:#FFFFFF;
  font-size: 20px;
  font-weight: normal;
  background:#FF3300;
  padding:3px 3px 0px 8px;
  margin:0;
  display:block;
  border-bottom: solid 8px #fff;

}
h4 {
 color:#868484;
  font-size: 12px;
  line-height:17px;
    padding:3px 0px 6px 0px;

}
h5 {
color:#000000;
  font-size: 13px;
  font-weight: normal;
  padding:0;
  margin:0;

}

p {
color:#B4AFA9;
  font-size: 13px;
  line-height:21px;
    padding:0px 0px 0px 0px;
}

a {
	outline: none;
}
img
{  border-style: none;
}

 object { padding:0px; border-width:0px; margin:0px; display: block}
 
/* img { padding:0px; border-width:0px; margin:0px; display: block} maybe just drop block*/
 
/* HR HORIZONTAL LINE */
 div.hr { margin: 10px 0px 10px 0px; border: none; border-top: 5px solid #F0E7DD; }
 div.hr hr { display: none; }

/* Body and Wrapper
========================================================== */

body {
  text-align: center; 
  min-width: 980px;
}

#wrapper {
  width: 948px; 
  margin: 0 auto; 
  /*remove 'auto' to stop centering*/
  text-align: center; 
  padding:0px 8px 0px 8px;
  background:#FFFFFF;

}
/* BRANDING */

#branding {
/*height: 200px;*/
text-align: center; 
width:932px; 
padding:14px 0px 0px 0px;
margin:0;
  
}
/* NEW IMAGES AND THUMBS */
#largeImg {
	border: solid 1px #FFFFF; /*hidden for now*/
	width: 800px;
	height: 550px;
	padding: 10px 0 0 0;
	margin:0px;
}

.thumbs a img {
	border: solid 1px #F8D0C3;
	/*width: 26px;
	height: 26px;*/
	padding: 0px;
	display:inline;
}
.thumbs a img:hover {
	border-color: #F1592A;
}


/* MAIN BITS - PROJECT EXAMPLE PAGES
====================================================================================*/
/* Content Holder - contains divs below */

.myNav {
text-align: center; 
width:948px;
padding:0px;
margin:0px;
clear:both; 
/*border-top: 1px solid #D8D8D8;*/

}

#aboutBtm{
text-align: center; 
width:948px;
padding:0px 0 0 0; /*add more for each left and right nested div*/
margin:0;
clear:both; 

}



.abTextleft {
text-align: left; 
width:405px;
padding:10px 0 0 50px;
margin:0;
float:left; 
/*background: url(../images/sj_grey_bg.gif);
background-repeat: no-repeat;*/
}
/*.myTextleft p {
border-right: 1px solid #D8D8D8;
padding:0 20px 8px 0px;
}*/
.abTextright {
text-align: left; 
width:405px;
padding:10px 50px 0 0px;
margin:0;
float:right; 

}

#contentMain{
text-align: center; 
width:948px;
padding:0;
margin:0;
clear:both; 
}

/* PICS AND TEXT BOXES SQUARE */
.mainImagearea {
width:932px; /*944  less 16*/
padding:10px 0 0 0;
margin:0px;
clear:both;

}
/* LOWER NAV*/
#lowNav {
width:948px;

padding:50px 0 0 0;
margin:0;
  text-align:center;
    clear: both;


}
/* Footer
========================================================== */

#footer {
width:912px; /*less16px + 4*/
padding:0px 10px 20px 10px;
margin:0px 8px 0 8px;
  text-align:center;
    clear: both;


}
#footer p {
font-size: 11px;
color:#F1592A;
padding:0 0 8px 0;
}
	/*  FOOTER LINKS 
================================*/

#footer a:link {
        text-decoration: none;
        color: #F1592A;
		/*background-color: #00CC00;*/
		border-bottom:1px dotted #F1592A;
		border-top:0px solid #00CC00;
		border-left:0px solid #00CC00;
		border-right:0px solid #00CC00;
		
        }
#footer a:visited {
        text-decoration: none;
        color: #F1592A;
		/*background-color: #00CC00;*/
		border-bottom:1px dotted #F1592A;
		border-top:0px solid #00CC00;
		border-left:0px solid #00CC00;
		border-right:0px solid #00CC00;
        }
#footer a:hover {
        text-decoration: none;
        color: #FFFFFF;
        background-color: #F1592A;
		border-bottom:1px solid #FFFFFF;
		border-top:0px solid #000;
		border-left:0px solid #000;
		border-right:0px solid #000;
        }
		

/* icon stuff */
			
.iconOutlink {
background: transparent url(../images/icon_outlink.gif)
scroll no-repeat right center;
padding: 2px 27px 2px 0px;
}

.iconInlink {
background: transparent url(../images/icon_inlink.gif)
scroll no-repeat right center;
padding: 2px 27px 2px 0px;
}