/*
CSS - ROSS PHILIP DISTRIBUTORS WA
*/


* {padding: 0; margin: 0;}/* this will reset all elements to margin/padding = 0 */

body {margin: 0;	padding: 0;	background: #96ccee url(../images/core/bg.jpg) top repeat-x;}

#container {margin: 0 auto; padding: 0; width: 798px; margin-top:50px;}
#banner{width:798px; background:url(../images/core/banner_pic.jpg) right no-repeat;}
#navigation{width:798px; height:32px; padding:0; background: #1b90da;}
#separator1{width:798px; height:7px; background:#9ec4f2; border-bottom:none; border-top:1px #fff solid;}
#separator2{width:798px; height:7px; background:#1b90da; border-bottom:1px #fff solid; border-top:1px #fff solid; margin-bottom:10px;}
#container{width:798px; background:#e8f4fb;}
	#left{width:530px; background:#fff; float:left; padding: 20px;}
	#right{width:198px; background:#e8f4fb url(../images/core/cta.jpg) top no-repeat; float:left; padding:150px 15px 0 15px; text-align:right;}
#footer{width:798px; height:30px; margin:0 auto; padding:0;}




/* font styles */
#left h1{font:20px Arial, Helvetica, sans-serif; color:#292828; line-height:17px; padding:5px 0 10px 0;} 
#left h2{font:16px Arial, Helvetica, sans-serif; color:#292828; line-height:17px; padding:0 0 10px 0;}
#left h3{font:16px Arial, Helvetica, sans-serif;color:#1b90da; line-height:17px; padding:0 0 10px 0;}
#left h4{font:14px Arial, Helvetica, sans-serif; color:#1b90da; font-weight:bold; padding:0 0 10px 0;}
#left h5{font:12px Arial, Helvetica, sans-serif; color:#0467ba; font-weight:bold; padding:0 0 10px 0;}
#left ul { font:12px Arial, Helvetica, sans-serif; color:#5e5c5c; line-height:20px; padding:5px 0 10px 30px; }
#left p{font:12px Arial, Helvetica, sans-serif; color:#5e5c5c; line-height:20px; padding:5px 0 10px 0;}

#right p{font:11px Arial, Helvetica, sans-serif; color:#5a5e5a; line-height:18px; padding:5px 0 5px 0;}

#footer p{font:10px Arial, Helvetica, sans-serif; color:#82adc8;}


/* nav */
ul#nav {list-style:none;}
ul#nav li {float:left;text-indent:-9999px;overflow:hidden;}
ul#nav li a {display:block;height:32px;}
ul#nav li a:hover {background-position:0 -32px!important;}

ul#nav li#placeholder {background:url(../images/nav/placeholder.gif) no-repeat 0 0; width:200px;} 
ul#nav li#home a {background:url(../images/nav/home.gif) no-repeat 0 0; width:56px;} 
ul#nav li#glass a {background:url(../images/nav/glass.gif) no-repeat 0 0; width:157px;} 
ul#nav li#decorative a {background:url(../images/nav/fencing.gif) no-repeat 0 0; width:144px;} 
ul#nav li#gates a {background:url(../images/nav/gates.gif) no-repeat 0 0; width:148px;} 
ul#nav li#contact a {background:url(../images/nav/contact.gif) no-repeat 0 0;width:92px;} 

#left a{font:12px Arial, Helvetica, sans-serif; color:#20a0db; text-decoration:none; font-weight:bold;}
#left a:hover{text-decoration:underline;}

#right a{font:11px Arial, Helvetica, sans-serif; color:#1b90da; text-decoration:none; font-weight:bold;}
#right a:hover{text-decoration:underline;}

#footer a{font:11px Arial, Helvetica, sans-serif; color:#557488; font-weight:normal; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/*  Gallery*/
.gallery { margin-top:10px;}
.gallery img { margin:0px 10px 10px 0px;}

/*---------------------------------------------   
    forms
----------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
	font:12px Arial, Helvetica, sans-serif; 
	color:#5e5c5c; }


form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#1b91db;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #1b91db;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}


.right {
float:right;
margin-top:20px;
margin-right:45px;
}

.right2 {
float:right;
margin-top:7px;
margin-right:45px;
}




#left a img {
border:none;
}

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */