body, html {
 padding: 0;
 margin: 0;
  }
 


body{
    	font: 12px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
    	font-weight: normal;
    	line-height: 12pt;
    	text-decoration: none;
    	color: #003466;
	text-align: center;
	height: 100%;
	background-image: url('img/bg.gif');
	}
	
#bigdiv{ 
margin: 0 auto;
width: 1200px;
background-image: url(img/shadow.gif); 
background-repeat: repeat-y;
}



#wrap{
width:770px;
text-align: left; 
margin: 0 auto;
height: 100%;
padding: 0 0px 0 0px;
background-color: #fff;
background-image: url(img/background_pattern.jpg);
background-repeat: no-repeat;
}


#head{
height: 151px;
background-image: url(img/head.jpg);
background-repeat: no-repeat;
}

#main, #contact, #about{

padding:35px 25px 15px 25px;
width: 720px;
}




#menu{
width: 770px;
height: 25px;
background-image: url(img/menu.gif);
background-repeat: repeat-x;
}

#menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#menu li
{
float: left;
margin: 0 ;
}

#menu li a
{
height: 25px;;
padding-top: 2px;
width: 191px;
display: block;
color: #fff;
text-decoration: none;
text-align: center;
font: 13px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
font-weight: bold;
text-transform:uppercase;
}

#menu li a:hover{
color:#acacac;
}

/* Hide from IE5-Mac \*/
#menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:30em
} 




#coltop{
width: 720px;
padding: 0px 0 20px 0; 

}


#coltop h2, h3{
text-indent:-500em;
}



#colleft{
width: 420px;
background-image: url(img/crystall.gif); 
background-repeat: no-repeat;
float: left;
}



#colleft h2, h3{
text-indent:-500em;
}


#colright{
width: 300px;
height: 300px;
float:left;
background-image: url(img/cutt.gif); 
background-repeat: no-repeat;
}




#footer {
background-image: url(img/footer.gif); 
background-repeat: repeat-x;
height: 96px;
width: 770px;
margin: 0 auto;
clear:both;
}

#footer a:link {
text-decoration: none;
color: #fff;
}

#footer a:visited {
text-decoration: none;
color: #fff;
}

#footer a:hover {
text-decoration: none; 
color: #666;
}

/*********************** P & H TAGS *******************************/

p {
font: 12px arial,Verdana,Arial,Sans-serif;
line-height: 12pt;
text-align:justify;
padding:0px 15px 15px 0px;
margin:0px;
position:relative;
font-weight: normal;
}


h1 {
font: 30px Arial,Verdana,Arial,Sans-serif;
font-weight: normal;

text-decoration : none;
position:relative;
text-align:left;
padding:0px 10px 5px 0px;
margin:0px;

text-indent:-500em;
}


h2 {
font: 20px arial, Verdana,Arial,Sans-serif;
line-height: 12pt;

text-decoration : none;
text-transform:uppercase;
position:relative;
text-align:left;
padding:0px 0px 0px 0px;
margin:0px;
}


h3 {
font: 12px arial, Verdana,Arial,Sans-serif;
color:#acacac;
line-height: 12pt;
text-decoration : none;
text-transform:uppercase;
position:relative;
text-align:left;
padding:0px 0px 0px 0px;
margin:0px;
}


h4 {
margin: 0px;
padding: 0px 0px 0px 0px; 
font: 20px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
text-decoration : none;
color: #acacac;
text-align:left;
}


h5 {
margin: 0px;
padding: 70px 0px 0px 0px; 
font: 10.5px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
color: #fff;
text-align:left;
background-image: url(img/bottom_logos.gif);
background-repeat: no-repeat;
text-align:center;
}


h6 {
padding: 3px 0px 0px 130px;
font: 9px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
color: #fff;
float: right;
position: absolute;
}

#colright h5 {
padding: 3px 0px 0px 0px;
font: 9px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
color: #acacac;
text-align: left;
} 


img{
border:0px;
}



ul{
padding: 0;
margin-top: 5px;
}


/************************* EMAIL FORM *************************/

#myform{
padding: 0;
margin:0;
}


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}

.cssform textarea{
width: 240px;
height: 150px;
}











/*********************** LIST TAGS *******************************/

li{

text-align: left;
list-style-type: none;
list-style-position: outside;
padding: 0px 0px 7px 0px;

}


ul{
margin-left:0px; 
margin-right:0px; 
padding: 0;
list-style-type:none;
text-indent: 0pt;
}


/*********************** HYPERLINKS TAGS *******************************/

a:link {
text-decoration: none;
color: #acacac;
}

a:visited {
text-decoration: none;
color: #acacac;
}

a:active {
text-decoration: none;
}

a:hover {
text-decoration: none; 
color: #666;
}