@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);
html{ height: 100%; }
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
	font-family: 'Open Sans', sans-serif;
}

body{
	background: #fff url(../images/banner.jpg) center top no-repeat;
}

h1, h2, h3, h4{ font-weight: normal; margin: 0 0 20px 0; text-align: center; color: #080c15;}
p{ margin: 0 0 20px 0; text-align: center; color: #222222; font-size: 15px;}
label{ color: #222222; font-size: 15px;}
p:last-child{ margin-bottom: 0;}

h3{ font-size: 23px; }
h4{ font-size: 20px; }

a{
	color: #f74444;
}
a:hover{
	color: #011bd3;
}

/* generic */

.container{ margin: 0 auto; width: 960px; overflow: hidden; }

.half{
	overflow: hidden;
}
.half .left,
.half .right{
	width: 460px;
}
.half .left{ float: left;}
.half .right{ float: right;}

.gray{ background-color: #e8e8e8; }
.light{ background-color: #f7f7f7; }
.blue{ color: #011bd3; }

.tri{
	text-align: center;
	margin-bottom: 20px;
}
.tri .col{
	display: inline-block;
	margin: 0 15px;
	vertical-align: top
}
.tri .col1{
	margin-left: 0;
	width: 300px;
}
.tri .col2{
}
.tri .col3{	
	margin-left: 0;
}

.range .col{
	background: #011bd3;
	height: 98px;
	line-height: 98px;
	color: #fff;
	padding: 0 10px;
	width: 280px;
}

.range .col.multi{
	height: auto;
	line-height: 1em;
	padding: 33px 0;
	min-height: 20px;
}

.paints .col{
	background: #fff;
	padding: 10px;
	width: 280px;
	min-height: 510px;
}

.nomargin{
	margin: 0;
}



/* topbar */

#topbar{
	position: fixed;
	left: 0; top: 0; right: 0;
	background: #f74444;
	z-index: 5555;
}
#topbar .container{
	padding: 0;
}
#topbar .container ul{
	list-style: none;
	text-align: center;
}
#topbar .container ul li{
	display: inline-block;
}
#topbar .container ul li a{
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 0 15px;

}
#topbar .container ul li a:hover{
	background: #011bd3;
}

/* banner */

#banner{
	margin-top: 40px;
}

#banner .container{
	height: 560px;
	text-align: center;
	overflow: hidden;
}

#banner h1{
	background: url(../images/logo.jpg) center top no-repeat;
	padding: 112px 0 0 0;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 40px 0 20px 0;
	color: #f74444;
	line-height: 1em;
}
#banner h2{
	font-size: 20px;
	color: #fff;
	margin: 0 0 20px 0;
	line-height: 1em;
	font-weight: normal;
	line-height: 1em;
}
#banner h3{
	font-size: 16px;
	color: #fff;
	margin: 0 0 20px 0;
	line-height: 1em;
	font-weight: normal;
	line-height: 1em;
}
#banner .callto a{
	display: inline-block;
	background: #f74444;
	font-size: 16px;
	text-transform: uppercase;
	width: 150px; height: 40px; line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#banner .callto a:hover{
	background: #011bd3;
}

/* profile or about */

#about{
}
#about .container{
	padding: 80px 0;
	
	padding-bottom: 187px;
	background-image: url(../images/sample-bucket1.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	
}

/* products */

#products{}
#products .container{
	padding: 80px 0;
}


/* gallery */

#gallery{}
#gallery .container{
	padding: 80px 0;
}

/* scrollbar */

#scrollbar1 { width: 100%; height: 100%; clear: both; margin: 0; float: left;}
#scrollbar1 .viewport { float: left; width: 938px; height: 544px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background: #c0c0c0;
background-position: center center;
background-repeat: no-repeat !important; }
#scrollbar1 .thumb .end { background: #c0c0c0;
background-image: none; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 22px; }
#scrollbar1 .track { background-color: #d3d3d3; height: 100%; width:22px; position: relative; padding: 0; }
#scrollbar1 .thumb { height: 20px; width: 22px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { height: 5px; width: 22px; }
#scrollbar1 .disable{ display: block; }

#scrollbar1 ul { list-style: none; }
#scrollbar1 li {
	float: left;
	margin: 0 17px 17px 0;
}
#scrollbar1 li a{
	display: block;
	width: 170px; height: 170px;
}
#scrollbar1 li a:hover{
	opacity: 0.8;
}

/* contact */

#contact{}
#contact .container{
	padding: 80px 0;
}

#contact h3,
#contact p,
#contact label{
	text-align: left;
}

#contact p,
#contact label{
	text-align: left;
	font-size: 14px;
}


/* footer */

#footer{
	background: #e8e8e8;
	
}
#footer .container{
overflow: hidden;
padding: 0;
}

#footer p{
	font-size: 14px;
	height: 80px; line-height: 80px;
	margin: 0; padding: 0;
	color: #828282;
}
#footer p strong{
	font-weight: bold;
}
#footer p a{
	text-decoration: underline;
}
#footer p a:hover{
	text-decoration: none;
}
#footer .left{
float: left;
}
#footer .right{
float: right;
}



/* form */

#contactus label
{
}

#contactus input[type="text"],
#contactus textarea
{
  font-size: 15px;
  width: 450px;
  padding: 5px;
  color: #111;
  background: #dddddd;
}

#contactus input[type="text"]
{
  height: 30px;
}

#contactus #scaptcha
{
  width:60px;
  height:18px;
}

#contactus input[type="submit"]
{
   width: 150px;
   height: 40px;
   text-transform: uppercase;
   color: #fff;
   font-size: 15px;
   background: #f74444;
}

#contactus input[type="submit"]:hover{
	background: #011bd3;
}

#contactus textarea
{
  height: 70px;
}

#contactus input[type="text"]:focus,
#contactus textarea:focus
{
  background-color : #ebebeb;
  outline: none;
}

#contactus .container
{
   margin: 0 0 20px 0;
   padding: 0;
   width: 100%;
}

#contactus .error
{
   font-size: 13px;
   color: #900;
   background-color : #ffff00;
}

#contactus fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactus fieldset#antispam legend
{
   font-size: 13px;
   font-weight:bold;
   color:#333;   
}

#contactus .short_explanation
{
   font-size: 13px;
   color:#333;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-size: 13px;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}

#thankyou{
	background-color: #080c15;
	background-position: center bottom;
	height: 100%;
}

#thankyou h3{
	color: #fff;
	margin: 40px 0 20px 0;
}
#thankyou p{
	color: #fff;
	margin: 0 0 20px 0;
}

#thankyou p a{
	text-decoration: none;
}

#thankyou p a:hover{
	text-decoration: underline;
	color: #f74444;
}