/* Start of CMSMS style sheet 'index' */
/* CSS Document */

/* Created by E-Advertising (c) 2007 adam@e-ads.com.au */

html {
		height: 100%;
		}
		
body {
		padding: 0;
		margin: 0;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		height: 100%;
		line-height: 15px;
		background: url(img/bg_tile.gif) repeat;
		}

img {
		margin: 0;
		padding: 0;
		border: 0;
		float: left;
		}

a {
		border: none;
		padding: 0;
		margin: 0;
		cursor: hand;
		}
		
p {
	margin: 8px 0 0 0;
	padding: 0;
	text-align: left;
	clear: both;
	}
	
a img { border: none;}	
a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #333333; text-decoration: underline; }

.container {
		width: 800px;
		margin: auto;
		}

.header {
		width: 800px;
		height: 85px;
		background: url(img/bg_header.jpg) repeat-x;
		margin: 0;
		padding: 0;
		float: left;
		}
		
.nav {
		width: 800px;
		height: 67px;
		background: url(img/bg_nav.jpg) repeat-x;
		margin: 0;
		padding: 0;
		float: left;
		}
		.home, .safety, .firstaid, .cameras, .clients, .contact, .home_on, .safety_on, .firstaid_on, .cameras_on, .clients_on, .contact_on {
				width: 51px;
				height: 67px;
				margin: 0 9px 0 0;
				padding: 0;
				float: left;
				}
		.home 		{ background: url(img/nav_home_r1.jpg) no-repeat; }
		.safety 	{ background: url(img/nav_safety_r1.jpg) no-repeat; }
		.firstaid 	{ background: url(img/nav_firstaid_r1.jpg) no-repeat; }
		.cameras 	{ background: url(img/nav_camera_r1.jpg) no-repeat; }
		.clients 	{ background: url(img/nav_clients_r1.jpg) no-repeat; }
		.contact 	{ background: url(img/nav_contact_r1.jpg) no-repeat; }
		a:hover .home		{ background: url(img/nav_home_r2.jpg) no-repeat; }
		a:hover .safety 	{ background: url(img/nav_safety_r2.jpg) no-repeat; }
		a:hover .firstaid 	{ background: url(img/nav_firstaid_r2.jpg) no-repeat; }
		a:hover .cameras 	{ background: url(img/nav_camera_r2.jpg) no-repeat; }
		a:hover .clients 	{ background: url(img/nav_clients_r2.jpg) no-repeat; }
		a:hover .contact 	{ background: url(img/nav_contact_r2.jpg) no-repeat; }
		.home_on		{ background: url(img/nav_home_r2.jpg) no-repeat; }
		.safety_on 		{ background: url(img/nav_safety_r2.jpg) no-repeat; }
		.firstaid_on	{ background: url(img/nav_firstaid_r2.jpg) no-repeat; }
		.cameras_on 	{ background: url(img/nav_camera_r2.jpg) no-repeat; }
		.clients_on 	{ background: url(img/nav_clients_r2.jpg) no-repeat; }
		.contact_on 	{ background: url(img/nav_contact_r2.jpg) no-repeat; }

.main {
		width: 641px;
		height: 396px;
		background: #ffffff;
		margin: 4px 0 0 0;
		padding: 0;
		float: left;
		}
		.column {
			width: 274px;
			height: 344px;
			float: left;
			margin: 25px 0 0 25px;
			}
			
.product {
		width: 522px;
		height: 396px;
		background: #ffffff;
		margin: 4px 0 0 0;
		padding: 0;
		float: left;
		text-align: center;
		}

		#thumbnails {
				width: 266px;
				height: 388px;
				background: #ffffff;
				margin: 4px 0 0 0;
				padding: 0;
				border: 4px solid #ffffff;
				/*border-right: none;*/
				float: right;
				overflow: -moz-scrollbars-vertical;
				overflow-y: scroll;
				/*overflow: scroll;*/
				}

.hero {
		width: 155px;
		height: 396px;
		background: #ffffff;
		margin: 4px 0 0 0;
		padding: 0;
		float: right;
		}

.flash {
		width: 197px;
		height: 70px;
		background: #000000;
		margin: 4px 0 0 0;
		padding: 0;
		float: left;
		}

.footer {
		width: 197px;
		height: 70px;
		background: #000000;
		margin: 4px 0 0 4px;
		padding: 0;
		float: left;
		}
		
.siteby {
		width: 88px;
		float: right;
		margin: 8px 0 0 0;
		}
		
.thumblinks {
		width: 120px;
		height: 120px;
		margin: 0 4px 4px 0px;
		padding: 0;
		float: left;
		}
		
.thumblinks {
		opacity: 0.50;				/* CSS3, Mozilla 1.7+, Safari 1.2+, FireFox 0.9+, Opera 9, IE 7.0beta, Konqueror? */
		-moz-opacity: 0.50;			/* Mozilla < 1.7 (2003) / Firefox 0.8 (2004) */
		-khtml-opacity: 0.50;		/*	Safari 1.1, Konqueror 3.1 (support removed later) */
		filter: alpha(opacity=50);	/* Internet Explorer 5.5, 6 */
		}	
.thumblinks:hover {
		opacity: 1.00;				/* CSS3, Mozilla 1.7+, Safari 1.2+, FireFox 0.9+, Opera 9, IE 7.0beta, Konqueror? */
		-moz-opacity: 1.00;			/* Mozilla < 1.7 (2003) / Firefox 0.8 (2004) */
		-khtml-opacity: 1.00;		/*	Safari 1.1, Konqueror 3.1 (support removed later) */
		filter: alpha(opacity=100);	/* Internet Explorer 5.5, 6 */
		}
		
.selectedthumb {
		width: 120px;
		height: 120px;
		margin: 0 4px 4px 0px;
		padding: 0;
		float: left;
		opacity: 1.00;				/* CSS3, Mozilla 1.7+, Safari 1.2+, FireFox 0.9+, Opera 9, IE 7.0beta, Konqueror? */
		-moz-opacity: 1.00;			/* Mozilla < 1.7 (2003) / Firefox 0.8 (2004) */
		-khtml-opacity: 1.00;		/*	Safari 1.1, Konqueror 3.1 (support removed later) */
		filter: alpha(opacity=100);	/* Internet Explorer 5.5, 6 */
		}
		
.formbuilderform {
		margin: 8px 0 0 0;
		padding: 0;
		text-align: left;
		clear: both;
		}
		
.formbuilderform input {
		border: none;
		background: #dedede;
		width: 220px;
		height: 20px;
		margin-bottom: 10px;
		float: left;
                font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		}

.formbuilderform textarea {
		border: none;
		background: #dedede;
		width: 220px;
		height: 128px;
		float: left;
                font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		}

.formbuilderform label {
		width: 50px;
		float: left;
		}
		
.formbuilderform .submit {
		width: 220px;
		float: left;
		padding-top: 10px;
                font-size: 10px;
		}
/* End of 'index' */