/*ELECTRO CUT SIGNS BASE INDEX CSS Page*/

h1,h2,h3,h5,h6
{
font-family:Trebuchet MS,arial,sans-serif;
text-align:center;
margin-top:0px;
color:white;
}

h5
{
font-family:Trebuchet MS,arial,sans-serif;
text-align:center;
margin-top:-6px;
margin-bottom:6px;
color:black;
}

h4
{
font-family:Trebuchet MS,arial,sans-serif;
text-align:center;
margin-bottom:-0px;
color:grey;
}

p
{
font-family:Trebuchet MS,arial,sans-serif;
}

a
{
font-family:Trebuchet MS,arial,sans-serif;
}

img
{
border:0px;
padding:0px;
}

a:link {color:grey;}
a:visited {color:grey;}
a:focus {color:grey;}
a:hover {color:grey;}
a:active {color:grey;}


#pagewrap 
{
margin:0 auto;
width:1120px;
height:750px;
border:0px dashed #333;
background:transparent;
}

#headerbox 
{
float:left;
width:1120px;
height:152px;
border:0px dashed #333;
background:transparent;
}

#title
{
float:left;
width:1120px;
height:40px;
border:0px dashed #333;
background:black;
}

#title1
{
float:left;
width:370px;
height:20px;
border:0px dashed #333;
background:transparent;
}

#title1
img
{
padding-top:10px;
vertical-align:bottom;
}

#title2
{
float:right;
width:390px;
height:20px;
padding-right:0px;
border:0px dashed #333;
background:transparent;
}

#title2
img
{
padding-top:15px;
vertical-align:bottom;
}

#blank
{
float:left;
width:1120px;
height:12px;
border:0px dashed #333;
background:#ECECEC;
}

#blank2
{
float:left;
width:1120px;
height:12px;
border:0px dashed #333;
background:#ECECEC;
}

#blank4
{
float:left;
width:1120px;
height:4px;
border:0px dashed #333;
background:black;
}

#body
{
float:left;
width:1120px;
height:550px;
border:0px dashed #333;
background:#ECECEC;
}

#body1
{
float:left;
width:350px;
height:550px;
border:0px dashed #333;
background:#ECECEC;
}

#body1
p
{
padding-left:10px;
padding-right:11px;
margin-top:-0px;
font-family:Trebuchet MS,arial,sans-serif;
font-size:0.8em;
line-height:1.2em;
text-align:justify;
color:black;
}

#body1
img
{
margin-left:12px;
margin-bottom:-20px;
}

#body1
a
{
margin-top:-2px;
margin-left:0px;
vertical-align:bottom;
color:navy;
font-size:1em;
line-height:0.8em;
text-decoration:underline;
}

.dropcap
{float:left;
padding-top:7px;
padding-right:3px;
font-size:2.7em; 
line-height:0.5em;
color:black;
}

#body2
{
float:left;
width:770px;
height:468px;
border:0px dashed #333;
background:black;
}

#container
{
position:relative;
width:769px;
height:468px;
margin:0px auto 0 auto;
border:0px solid #aaa;
}

/*BACKGROUND IMAGE TO GALLERY*/
#container
{
background:transparent url(images/bris_glass.jpg) 20px 20px no-repeat;
}

#container
p
{
font-family:Trebuchet MS,arial,sans-serif;
font-size:0.9em;
line-height:0.9em;
text-align:justify;
color:white;
}

#container
a
{
font-family:Trebuchet MS,arial,sans-serif;
text-align:center;
font-size:1em;
letter-spacing:0.9em;
}

/* Removing the list bullets and indentation */
#container
ul
{
padding:0;
margin:0;
list-style-type:none;
}

/* Removing the loaded images and text from sight */  
#container
 a.gallery span
{
position:absolute;
width:1px;
height:1px;
top:1px;
left:1px;
overflow:hidden;
background:#fff;
}
 
/* Adding the thumbnail images */
#container
a.gallery,
#container
a.gallery:visited
{
display:block;
color:white;
text-decoration:none;
border:1px solid #000;
margin:3px 3px 3px 3px;
text-align:justify;
cursor:default;
}

#container
a.slidea
{
background:url(images/absolute_hyd_tab.jpg);
height:56px;
width:75px;
}

#container
a.slideb
{
background:url(images/smart_energy_tab.jpg);
height:56px;
width:75px;
}

#container
a.slidec
{
background:url(images/outdoor_occasions_tab.jpg);
height:56px;
width:75px;
}

#container
a.slided
{
background:url(images/desco_tab.jpg);
height:56px;
width:75px;
}

* html
#container
a.slided
{
height:56px;
width:75px;
}

#container
a.slidee
{
background:url(images/rockstruct_tab.jpg);
height:56px;
width:75px;
}

#container
a.slidef
{
background:url(images/eam_combo_tab.jpg);
height:56px;
width:75px;
}

* html
#container
a.slidef
{
height:56px;
width:75px;
}

#container
a.slideg
{
background:url(images/petrie_tab.jpg);
height:56px;
width:75px;
}

#container
a.slideh
{
background:url(images/emg_tab.jpg);
height:56px;
width:75px;
}
#container
a.slidei
{
background:url(images/steam_cafe_tab.jpg);
height:56px;
width:75px;
}

#container
a.slidej
{
background:url(images/man_tab.jpg);
height:56px;
width:75px;
}

#container
a.slidek
{
background:url(images/hydraulink_tab.jpg);
height:56px;
width:75px;
}

* html
#container
a.slidek
{
height:56px;
width:75px;
}

#container
a.slidel
{
background:url(images/chicken_tab.jpg);
height:56px;
width:75px;
}

#container
a.slidem
{
background:url(images/truck_16_tab.jpg);
height:56px;
width:75px;
}

#container
ul
{
margin:5px;
float:right;
}

/* set the size of the unordered list to neatly house the thumbnails */   
#container
ul
{
width:290px;
height:386px;
}

#container
li
{
float:left;
}  

/*HOVER THUMBNAIL IMAGE BORDER*/
#container
a.gallery:hover
{
border:1px solid #fff;
}

#container
a.gallery:hover span
{
position:absolute;
width:400px;
height:440px;
top:20px;
left:20px;
background:black;
font-size:0.8em;
line-height:1.3em;
letter-spacing:1px;
text-align:justify;
color:white;
}

#container
a.gallery:hover
img
{   
border:0px solid #fff;   
float:left;   
margin-right:5px;
padding-bottom:25px;   
}

#container
a.slideb:hover
img,
#container
a.slidei:hover
img
{
float:right;
}

#info
{
margin-left:20px;
margin-top:335px;
float:left;
width:400px;
height:74px;
border:0px dashed #333;
background:black;
}

#info
p
{
font-family:Trebuchet MS,arial,sans-serif;
font-size:0.9em;
line-height:1.2em;
text-align:justify;
color:white;
}

#body3
{
margin-left:1px;
margin-right:5px;
margin-top:5px;
float:left;
width:453px;
height:77px;
border:0px dashed #333;
background:black;
}

#body3
p
{
margin-top:-3px;
margin-left:6px;
font-family:Trebuchet MS,arial,sans-serif;
font-size:0.8em;
line-height:1.2em;
text-align:justify;
color:white;
}

#body3
h5
{
margin-top:5px;
margin-left:6px;
font-family:Trebuchet MS,arial,sans-serif;
line-height:1.1em;
text-align:justify;
color:white;
}

#body3
img
{
margin-top:-5px;
padding-left:5px;
padding-right:5px;
}

#body4
{
margin-left:1px;
margin-top:5px;
float:left;
width:309px;
height:77px;
border:0px dashed #333;
background:black;
}

#body4
h5
{
margin-top:5px;
margin-left:6px;
font-family:Trebuchet MS,arial,sans-serif;
line-height:1.1em;
text-align:justify;
color:white;
}

#body4
img
{
margin-top:-18px;
padding-right:20px;
}

#footer
{
float:left;
width:1120px;
height:60px;
border:0px dashed #333;
background:transparent;
}

p
{
font-family:Trebuchet MS,arial,sans-serif;
text-align:center;
font-size:1em;
line-height:1.1em;
color:#ACACAC;
}

a
{
font-family:Trebuchet MS,arial,sans-serif;
text-decoration:none;
text-align:center;
font-weight:bold;
font-size:0.7em;
line-height:1.1em;
color:#ACACAC;
}
a:hover {color:black;}