body{ 
 margin: 0;
 padding: 0;
 text-align:center;    /* Center main container in IE */
 background-image:url('img_BackGroundPatternRepeat03.jpg');
 background-position: top center;
 background-repeat:repeat;
}

hr { 
 background:#ff3c01;
 color:#ff3c01; 
 width:100%; 
 border: 0;
 height:2px;
} 

a { color:white; Text-decoration: none; }

a:link    {color:white;}
a:visited {color:white;}
a:hover   {color:yellow;}
a:active  {color:yellow;} 

/*
h1,h3,h4,h5 {color:black; font-family:brawler!important;}
h2          {color:black; font-family:georgia!important;} 
*/

p{margin-bottom: 0em;}

@media print {
   #horizontal {
     display:none;
   }
}

/* H-styles */
#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 {
color: black; 
color: darkblue;
color: #404040; 
color: black; 
/*line-height: 12px;*/
margin-top: 3px;
margin-bottom: 3px;
font-family:Verdana, Geneva, sans-serif;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-family:Tahoma, Geneva, sans-serif;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* P-styles */
#content p{
margin-top: 3px;
margin-bottom: 3px;
font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px; 
color: black;
font-weight:bold;
line-height: 14px;
}


#all{
z-index: 0;
position:relative;
margin: 0;
padding: 0;
text-align:center;    /* Center main container in IE */
width: 100%;
height: 1200px;
}

#horizontal{
z-index: 4;
position:absolute;
margin-left:auto;
margin-right:auto;
text-align:center;    /* Center main container in IE */
width:100%;
top: 120px;
height: 200px;
opacity: 0.1;
zoom: 1;                    /*For Opacity in <IE8, something to trigger HasLayout*/
filter: alpha(opacity=10);    /*For Opacity in <IE8*/
background: blue;
}

#loggo{
z-index: 7;
position: absolute;
top: 180px;
left: 6px;
float:left;
width: 700px;
height: 100px;
}

#loggo2{
z-index: 7;
position: absolute;
top: 223px; left: 660px;
float:left;
width: 200px;
height: 200px;
}

#special{
z-index: 8;    
position: absolute;
top: 0px;
right: 50px;
width: 60px;
height: 60px;
opacity: 0;
background-color: red;
}

#container{
z-index: 2;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
width: 850px;
/*height: 850px; */
background: black;
}

#vertical1{
z-index: 3;
float:left;
width: 220px;
height: 850px;
opacity: 1;
background: #333399;
}

#phonemail{
position:relative;
top: 30px;
left: 45px;
width: 110px;
height: 55px;
font-family:"arial";
font-size: 12px; 
font-weight:bold;
color:white;
text-align:left;
/*background: grey;*/
}

#buttons{
position:relative;
top: 280px;
left: 25px;
width: 140px;
height: 200px;
font-family:"arial";
font-size: 32px; 
font-weight:bold;
color:white;
text-align:left;
/*font-size:150%*/
/*background: grey;*/
}

#address{
position:relative;
top: 530px;
left: 51px;
width: 110px;
height: 55px;
font-family:"arial";
font-size: 12px; 
font-weight:bold;
color:white;
text-align:left;
/*background: grey;*/
}


#content{
z-index: 3;
float:left;
width: 630px;
height: 850px;
opacity: 1;
background: #9999FF;
}

.text01_01, .text02_01{
z-index: 5;
position:absolute;
margin-left: 20px;
margin-top: 33px;
width: 590px;
height: 100px;
/*background: grey;*/
}
.text02_01{text-align:left;}

.text01_02, .text02_02{
z-index: 5;
position:absolute;
margin-left: 20px;
margin-top: 340px;
width: 590px;
height: 100px;
/*background: grey;*/
}
.text02_02{
text-align:left;
margin-top: 500px;
}

#collage{
z-index: 4;
/*float:left;*/
position:relative;
top: 400px;
left: 28px;
width: 575px;
height: 400px;
opacity: 1;
/*background: darkgrey;*/
}

#collage_automation{
z-index: 4;
text-align:left;
float:left;
position:relative;
top: 350px;
left: 40px;
width: 576px;
height: 400px;
opacity: 1;
/*background: darkgrey;*/
}

#contactform{
z-index: 5;
position:absolute;
margin-left: 20px;
margin-top: 305px;
width: 610px;
height: 500px;
/*background: grey;*/
}




