/************************ SCREEN STYLES **********************************/

/*________________________GROUND RULES__________________________________*/

html   { height:100%; 
         font-size: 100.01%; /* prevent extreme font resizing in IE */
         }

body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: arial,sans-serif;
    font-size: 12px;
    color: #333;
    background-color: #000;
    height: 101%; /*The 101% vs. 100% causes a virtical scrollbar in all cases and thus prevents page shift - Remove this line if you don't want a scrollbar*/
    }
		
body, p, ul, li, h1, h2, h3, h4, form, html, input, img, a { /*Starts you off with no padding or margin which you can add later on a more specialized basis.*/
    margin:0; 
    padding:0;
    } 

table, td { margin:0; padding:0; border-spacing: 0px; border-collapse:collapse; text-align:left; } /*This equates too: <table cellspacing="0" cellpadding="0" border="0"> thus, in your HTML your table tags can look like this <table>... </table>. Warning: if you're accommodating IE MAC use: <table cellspacing="0">... </table> */

img, a img, a:link img, a:visited img {border:none; background:none;} /* remove border from images and linked images */    

/* Default links */
a:link { color: #000; text-decoration: none; border-bottom: 1px solid #336699;}
a:hover { color: #336699; text-decoration: none; border-bottom: none;}
a:visited { color: #666; text-decoration: none; border-bottom: 1px solid #666;}
a:visited:hover { color: #000; text-decoration:none; border-bottom: none;}

.imagelink a:link { border: none;} /* removes link style from linked images - must be applied to each individual linked image throughout site */
.imagelink a:hover { border: none;}
.imagelink a:visited { border: none;}
.imagelink a:visited:hover { border: none;}


/*________________________SHARED STYLES__________________________________*/

 p, h3, h2, li {
    line-height: 1.5em;
    padding-bottom:10px;
    }

h3 {
    font-size:15px;
    text-transform: lowercase;
    font-weight:normal;
    color:#990000;
    }

h4 {
    font-size:11px;
    font-weight: bold;
    text-transform: uppercase;
    }

#wrap {
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    }
    
#center_col {
    width:692px;
    vertical-align:top;
    background: white url(../images/in_bg.gif) repeat-y;
    }
    
#right_bar {
    background: #cccc00 url(../images/right_bar.png) no-repeat;
    }

#logo_bar {
    vertical-align:top;
    background:#939300;
    }

#logo_bar_contact {
    height:109px;
    /*background: url(../images/bar_contact_bg.jpg) repeat-x;*/
    padding-top:12px;
    }
 
#bar_email, #bar_tel{
    height:14px;
    background: url(../images/bar_icon_at.png) no-repeat;
    padding-left: 19px;
    margin-left: 10px;
    font-size:11px;
    color:white;
    }

#bar_tel {
    background: url(../images/bar_icon_tel.png) no-repeat;
    margin-top:6px;
    font-size:13px;
    }

#logo_bar_contact a:link { color: #FFF; text-decoration: underline; border-bottom: none;}
#logo_bar_contact a:hover { color: #000; text-decoration: none; border-bottom: none;}
#logo_bar_contact a:visited { color: #FFF; text-decoration: underline; border-bottom: none;}
#logo_bar_contact a:visited:hover { color: #000; text-decoration:none; border-bottom: none;}    
 

/*________________________HOME ONLY STYLES__________________________________*/

#gallery { 
    position: relative; 
    width:692px; 
    height:418px; 
    margin:0; 
    padding:0;
    z-index:0;
    }
 
#gallery ul {
    list-style: none;  
    }
    
#gallery li {
    display: block;
    background-image: none;
    }

#hm_promo_wrap {
    background: url(../images/hm_trans.png) no-repeat;
    padding:22px 0px 0 32px;
    }

#hm_promo_wrap ul {
    list-style-type: none;
    padding-left:10px;
    margin: 0;
    padding-bottom:10px;
    }

#hm_promo_wrap li {
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    padding-left: 1.5em;
    }  

#left {
    background: url(../images/hm_vert.png);
    background-position: right top;
    background-repeat: repeat-y;
    width:390px;
    float:left;
    }

#right {
    width:230px;
    padding-left:23px;
    float:left;
    }

#home_blurb {
    clear:both;
    line-height:2em;
    font-size:11px;
    color:#666;
    margin:0 45px 20px 0px;
    }

/*________________________INSIDE ONLY STYLES__________________________________*/

#in_content {
    margin:8px 26px 8px 32px;
    }

#breadcrumb { 
    text-align:right;
    text-transform:lowercase;
    }

#breadcrumb a {
    font-weight:bold;
    }

.call {
    font-size:18px;
    color:#336699;
    }
    
.image_holder {
	margin: 10px 0;
	border:1px solid #666;
	width:630px;

	}

	
.image_holder a { border:none; }

.image_holder a:hover{ none;}

.size {
	text-align:center;
	font:14px bold;
	font-family: arial,sans-serif;
	}

.size a:link { color: #000; text-decoration: none; border-bottom: 1px solid #336699;}
.size a:hover { color: #336699; text-decoration: none; border-bottom: none;}
.size a:visited { color: #666; text-decoration: none; border-bottom: 2px solid #336699;}
.size a:visited:hover { color: #000; text-decoration:none; border-bottom: none;}


/* Unordered list styles for the content area */
#in_content ul {
    list-style-type: none;
    padding-left:10px;
    margin: 0;
    }

#in_content li {
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    padding-left: 1.5em;
    }
  
/* Footer Styles */
    
#footer {
    background: url(../images/foot.png) no-repeat;
    width:859px;
    height:28px;
    padding:5px 0 33px 0;
    vertical-align:top;
    }

#footer .left {
    float:left;
    padding-left: 197px;
    height:17px;
    }

#copyright {
    float:right;
    padding:2px 26px 0 0;
    font-size:11px;
    color:#aaa;
    height:17px;
    }
   


/*________________________form styles__________________________________*/	
	
.formtable td {
	padding: 7px;
	}