/* 

	Title:  AMD Specialist Coatings - Default Stylesheet
	Created by:  Kev Strong
	Last Modified:  18th December 2008

*/

/* Universal Selector */
* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family: Calibri, Arial, Verdana;
	}
	
/* Links */
a:link 		{ color: #273D93; text-decoration: none;  }
a:visited 	{ color: #273D93; text-decoration: none;  }
a:hover 	{ color: #273D93; text-decoration: none; border-bottom: 1px dotted #273D93; }
a:active 	{ color: #273D93; text-decoration: none;  }

/* Default Tags */
body {
	color: #000;
	text-align: justify;
	
	background: url('../images/background.jpg') top left repeat-x #FFF;
	}
	
p {	padding-bottom: 10px; }
	
img { border: 0px; }
	
ul { padding: 0px; }
li { margin: 0px; }

table {
	border-left:	0px;
	border-right:	0px;
	border-top:		1px solid #293D93;
	border-right:	1px solid #293D93;
	}

tr { 
	padding: 0px;
	margin :0px;
	}
td { 
	padding: 0px; 
	margin: 0px;
	border-top:		0px;
	border-left:	1px solid #293D93;
	border-bottom:	1px solid #293D93;
	border-right:	0px;
	}

td p {
	padding: 0px;
	margin: 0px;
	}

h1 { font-size: 160%; padding-bottom: 10px; margin-top: 10px; }
h2 { font-size: 140%; padding-bottom: 10px; margin-top: 10px; }
h3 { font-size: 120%; padding-bottom: 10px; margin-top: 10px; }

blockquote{ border: 1px dotted #CCCCCC; padding: 15px; margin-bottom: 5px; background-color: #F7F7F7 }

/* Classes */
.block{ border: 1px solid #CCCCCC; background-color: #EAEAEA; padding: 15px;}
.block label { font-size: 100%; width: 100px;}
.caption { font-style: italic; font-size: 80%; }
.caption-small { font-style: italic; font-size: 80%; max-width: 170px; text-align: center; }
.center { text-align: center; }
.clear { clear: both; }
.float-50 { float: left; width: 47%; min-height: 250px;}
.float-left { float: left; }
.float-right { float: right; }
.gallery { margin: 10px ; border: 1px solid #EAEAEA; padding: 5px; }
.gallery-small { margin: 1px ; border: 1px solid #EAEAEA; padding: 1px; }
.header-image { float: left; background: url("../images/photos/header2.jpg") top right no-repeat; height: 193px;  width: 786px; }
.header-contact { float: right; display:block; width: 170px; height: 193px; margin-top: 0px; }
.home-content { margin: 0px auto 5px 0px; text-align: justify; border: 1px solid #CCC; background-color: #EAEAEA; padding: 10px; }
.home-content img { border: 1px solid #CCC; padding: 5px; }
.image-left { margin: 0px 10px 0px 0px; float: left; border: 1px solid #EAEAEA; padding: 5px; }
.image-right { margin: 0px 0px 0px 10px; float: right; border: 1px solid #EAEAEA; padding: 5px; }
.nolisttype { list-style-type: none; }
.margin-10 { margin-right: 13px; }
.sector-content { width: 800px; margin: 0px auto 5px auto ; text-align: justify; border: 1px solid #CCC; background-color: #EAEAEA; padding: 10px; }
.table-right { float: right; font-size: 85%; margin: 10px; }
.table-padding { padding-left:	20px; }
.white { color: #FFF; } 


a:hover.header-contact { border-bottom:  none; }

/* Div Elements */
#container {
	width: 960px;
	margin: 0px auto 0px auto;
	}
	
#header {
	min-height: 87px;	
	}
	
#navigation {
	min-height: 31px;
	width: 960px;
	margin: 20px auto 0px auto;
	padding: 6.5px 6.5px 0px 6.5px;
	text-align: center;
	text-transform: uppercase;
	background: url('../images/navigation-background.jpg') top left no-repeat;
	}
	
#main {
	/**background: url('../images/sub-nav-background.jpg') bottom left no-repeat;**/
	width: 918px; margin: 0px auto 0px 0px; text-align: justify; padding: 0px;
	}
	
	
#footer {
	background: url('../images/footer-background.jpg') top left no-repeat;
	height: 83px;
	padding: 15px 0px 0px 0px;
	text-align: center;
	clear: both;
	font-size: 80%;
	}
	
	
/* Navigation Elements */
#navigation ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
#navigation ul li { font-weight: bold; margin: 10px;  display: inline;}

#navigation li a:link { color: #273D93; padding: 6.5px; margin: 10px;}
#navigation li a:visited { color: #273D93;  padding: 6.5px; margin: 10px;}
#navigation li a:hover { color: #FFF; background-color: #273D93; padding: 6.5px 6.5px 5px 6.5px; margin: 10px; }
#navigation li a:active { color: #EAEAEA; background-color: #273D93; padding: 6.5px; margin: 10px;}

/* Main Elements */
#sub-nav { 
	width: 140px;
	min-height: 160px; 
	float: left; 
	padding: 10px 10px 150px 10px; 
	}
	
#mainCol { width: 780px; margin-left: 160px; padding: 10px; }

#mainCol ul { 
	margin: 15px;
	list-style-type: circle;
	}
	
#mainCol ol { 
	margin: 15px;
	}
	
#mainCol ul li, #mainCol ol li { margin-left: 20px; padding: 3px; }

#mainCol2 { width: 960px; padding: 0px 10px 10px 0px; }

#mainCol2 ul { 
	margin: 15px;
	list-style-type: circle;
	}
	
#mainCol2 ol { 
	margin: 15px;
	}
	
#mainCol2 ul li, #mainCol2 ol li { margin-left: 20px; padding: 3px; }

#mainCol2 ul.nolisttype { 
	list-style-type: none;
	}

#mainCol2 ul.nolisttype li { 
	margin-left: 0px;
	}


/* Footer Elements */
#footer-left { float: left; text-align: left; }
#footer-right { float: right; text-align: right;}

/* Footer Elements */
#footer-left ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
#footer-left ul li { font-weight: bold; margin: 0px 10px 0px 10px; float: left;}

#footer-left li a:link { color: #273D93; }
#footer-left li a:visited { color: #273D93; }
#footer-left li a:hover { color: #273D93; border-bottom: 1px dotted #273D93; }
#footer-left li a:active { color: #990000; color: #273D93; border-bottom: 1px dotted #273D93;}

/*	Default form elements */
label {
	width: 130px;
	float: left;
	padding: 0px 0px 0px 15px;
	font-weight: bold;
	color: #333333;
	}

form textarea, input, option  {
	border: 1px solid #22568F;
	background-color: #FFF;
	font-size: 90%;
	padding: 4px;
	width: 200px;
	}

form option  {
	width: 220px;
	}
	

.error {
	color:#FF0000;
	font-size: 90%;
	}

form .button {
	border: 1px solid #22568F;
	background-color: #999999;
	color: #FFCC00;
	font-weight: bold;
	font-size: 90%;
	padding: 2px;
	margin: 5px 0px 10px 0px;
	width: auto;
	}
	
form textarea {
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	height: 60px;
	}
		
fieldset {
	border: none;
	}


legend {
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	margin: 0px 5px 0px 5px;
	color: #000000;
	}

div.formrow {
	padding-top: 5px;
	}
	
#mainCol ul.nolisttype { list-style-type: none; }

/* CALL TO ACTIONS */
.c2a-box {
	background: url('../images/call-to-action/bottom-box.jpg') bottom left no-repeat #293D93; 
	width: 300px;
	margin: 10px;
	float: left;
	text-align: center;
	color: #FFF;
	padding-bottom: 16px;
	margin-bottom: 18px;
	}
	
.c2a-box p { margin: 10px; }

.c2a-box h2 {
	background: url('../images/call-to-action/top-box.jpg') top left no-repeat #293D93;
	color: #FFF;
	padding: 3px 10px 3px 10px;
	margin: 0px;
	text-align: left;
	text-indent: -9000px;
	min-height: 37px;
	
	}
	
.c2a-box a.shot-blasting h2, .c2a-box a.shot-blasting:visited h2, .c2a-box a.shot-blasting:active h2 { background: url('../images/call-to-action/shot-blasting-header.jpg') top left no-repeat; }
.c2a-box a.shot-blasting:hover h2 { background: url('../images/call-to-action/shot-blasting-header.jpg') bottom left no-repeat; }	

.c2a-box a.wet-paint-coating h2, .c2a-box a.wet-paint-coating:visited h2, .c2a-box a.wet-paint-coating:active h2 { background: url('../images/call-to-action/wet-paint-coating-header.jpg') top left no-repeat; }
.c2a-box a.wet-paint-coating:hover h2 { background: url('../images/call-to-action/wet-paint-coating-header.jpg') bottom left no-repeat ;}
	
.c2a-box a.powder-coating h2, .c2a-box a.powder-coating:visited h2, .c2a-box a.powder-coating:active h2 {	background: url('../images/call-to-action/powder-coating-header.jpg') top left no-repeat; }	
.c2a-box a.powder-coating:hover h2  { background: url('../images/call-to-action/powder-coating-header.jpg') bottom left no-repeat ; }
	
.c2a-box p a:link 		{ color: #99CCFF; text-decoration: none; font-size: 130%; }
.c2a-box p a:visited 	{ color: #99CCFF; text-decoration: none; font-size: 130%;  }
.c2a-box p a:hover 		{ color: #FFF; text-decoration: none; font-size: 130%; border-bottom: 1px dotted #273D93; }
.c2a-box p a:active 	{ color: #99CCFF	; text-decoration: none;  font-size: 130%; }

.c2a-box a:link img, .c2a-box a:active img, .c2a-box a:visited img { border: 6px solid #FFF; }
.c2a-box a:hover img { border: 6px solid #99CCFF; }