@charset "utf-8";

table.content {
	padding: 20px 0;
	text-align: left;
	margin: auto;
	color: #FFF;
			}

# table.content li a:hover{
			colour:FFFFFF;
			}
			
div {
	text-align:center;
}

div.alloy {
	text-align: right;
}

div.menu {
			background-color: transparent;
			border:0px;
			width:1100px;
			height:46px;
			margin: 0 auto;
			text-align: left;
}

body {
			font-family:Arial, Helvetica, Sans-Serif;
			font-size:12px;
			color:#ffffff;
			margin: 150px 0px;
			background:url(../images/smart%20repair%20glass%20aid%20website%20back%20ground%200.jpg) no-repeat top #3d3d3d;
			}
			

		
        /* ------------------------------------------------------------------ menu ------------------------------------------------------------------ */
		
		
#menu{
			margin:auto;
			padding:0px;
			list-style:none;
			color:#fff;
			line-height:45px;
			display:inline-block;
			float:left;
			z-index:1000;
			}

#menu a {
			color:#fff;
			text-decoration:none;
			}
	
#menu > li {
			background:#172322 none repeat scroll 0 0;
			cursor:pointer;
			float:left;
			position:relative;
			padding:0px 10px;
			}
		
#menu > li a:hover {
			color:#C27DBE;
			}
	
	
#menu .logo {
			background:transparent none repeat scroll 0% 0%;
			padding:0px;
			background-color:Transparent;
			}
	
	
       /* ------------------------------------------------------------------ sub-menus ------------------------------------------------------------------ */
	   
	   
#menu ul { 	padding:0px;
			margin:0px;
			display:block;
			display:inline;
			}
			
#menu li ul {
			position:absolute;
			left:-10px;
			top:0px;
			margin-top:45px;
			width:150px;
			line-height:16px;
			background-color:#172322;
			color:#0395CC;
			
			/* ---------------------------------------------------------------- FOR IE!! ---------------------------------------------------------------- */
			
			display:none;
			}
			
#menu li:hover ul {
			display:block;
			}
			
#menu li ul li{
			display:block;
			margin:5px 20px;
			padding: 5px 0px; 
			border-top: dotted 1px #606060;
			list-style-type:none;
			}
	
#menu li ul li:first-child {
			border-top: none;
			}
       
	   
        /* ------------------------------------------------------------------ Corners ------------------------------------------------------------------ */
		
		
#menu .corner_inset_left {
			position:absolute;
			top:0px;
			left:-12px;
			}
			
#menu .corner_inset_right {
			position:absolute;
			top:0px;
			left:150px;
			}
			
#menu .last {
			background:transparent none repeat scroll 0% 0%;
			margin:0px;
			padding:0px;
			border:none;
			position:relative;
			border:none;
			height:0px;
			}
			
#menu .corner_left {
			position:absolute;
			left:0px;
			top:0px;
			}
			
#menu .corner_right {
			position:absolute;
			left:132px;
			top:0px;
			}
			
#menu .middle {
			position:absolute;
			left:18px;
			height: 20px;
			width: 115px;
			top:0px;
			}
			
a:link {
			color: #C27DBE;
			text-decoration: none;
			}
			
a:visited {
			color: #C27DBE;
			text-decoration: none;
			}
			
a:hover {
			color: #FFFFFF;
			text-decoration: none;
			}

a:active {
			color: #C27DBE;
			text-decoration: none;
			text-align: left;
			}
			
.content tr td div p {
			text-align: center;
			}
			
.content tr td h2 strong {
			color: #C27DBE;
			}
			
.content tr td h2 {
			color: #C27DBE;
			text-align: justify;
			}
			
/* ---------------------------------------------------------------- CSS Form -------------------------------------------------------- */
			
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
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: 180px;
}

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