@charset "utf-8";
/* CSS Document - Rhinoshield */

html, body {
	margin: 0;
	padding: 0;
	background-color:#fff;
	background-image:url(../images/bg_slice.png);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #691d1d;
}

.hidden {
	display: none;
}

#page-container {
	width: 960px;
	margin: auto;	
}

#nav-container {
	height: 100px;
	width: 960px;
}

#nav01 {
	height: 30px;
		float:right;
}

ul#navBarA{  
    width: 207px;  
    height: 30px;  
    margin: 0 auto;  
    list-style: none;  
}  
  
ul#navBarA li{  
    display: inline;  
}  

ul#navBarA li a{  
    height: 30px;  
    float: right;  
    text-indent: -9999px;  
} 

ul#navBarA li#navBarAHome a{  
    width: 57px;  
    background: url(../images/sprite01.png) no-repeat 0px 0px;  
} 

ul#navBarA li#navBarAHome a:hover{  
    background-position: 0 -30px;  
} 

ul#navBarA li#navBarANews a{  
    width: 85px;  
    background: url(../images/sprite01.png) no-repeat -57px 0px;  
} 

ul#navBarA li#navBarANews a:hover{  
    background-position: -57px -30px;  
} 

ul#navBarA li#navBarAContact a{  
    width: 65px;  
    background: url(../images/sprite01.png) no-repeat -142px 0px;  
} 

ul#navBarA li#navBarAContact a:hover{  
    background-position: -142px -30px;  
} 

#header01 {
	height: 98px;
}

#nav02 div.logo{
	display:block;
	margin:auto;
	width:90px;	
}

#header02 {
	margin-top:0px;
	height: 184px;
	background:url(../images/header02.png);
}

#nav02 {
	height: 70px;
	float:right;

}

ul#navBar{  
    width: 960px;  
    height: 70px;  
    margin: 0 auto;  
    list-style: none; 

}  
  
ul#navBar li{  
    display: inline;  
}  

ul#navBar li a{  
    height: 70px;  
    float: right;  
    text-indent: -9999px;  
}  

ul#navBar li#navBarWorks a{  
    width: 100px;  
    background: url(../images/sprite02.png) no-repeat 0px 0px;  
} 

ul#navBar li#navBarWorks a:hover{  
    background-position: 0 -70px;  
}  

ul#navBar li#navBarAbout a{  
    width: 100px;  
    background: url(../images/sprite02.png) no-repeat -100px 0px;  
}  

ul#navBar li#navBarAbout a:hover{  
    background-position: -100px -70px;  
} 

ul#navBar li#navBarProduct a{  
    width: 100px;  
    background: url(../images/sprite02.png) no-repeat -200px 0px;  
} 

ul#navBar li#navBarProduct a:hover{  
    background-position: -200px -70px;  
} 

ul#navBar li#navBarTestim a{  
    width: 100px;  
    background: url(../images/sprite02.png) no-repeat -300px 0px;  
} 

ul#navBar li#navBarTestim a:hover{  
    background-position: -300px -70px;  
} 

ul#navBar li#navBarMedia a{  
    width: 100px;  
    background: url(../images/sprite02.png) no-repeat -400px 0px;  
} 

ul#navBar li#navBarMedia a:hover{  
    background-position: -400px -70px;  
} 

ul#navBar li#navBarGallery a{  
    width: 100px;  
    background: url(../images/sprite02.png) no-repeat -500px 0px;  
} 

ul#navBar li#navBarGallery a:hover{  
    background-position: -500px -70px;  
} 

ul#navBar li#navBarEstimate a{  
    width: 100px;  
    background: url(../images/sprite02.png) no-repeat -600px 0px;  
} 

ul#navBar li#navBarEstimate a:hover{  
    background-position: -600px -70px;  
} 

#sidebar-a {
	float: left;
	width: 250px;
	line-height: 18px;
}

#sidebar-b {
	float: right;
	width: 60px;
	margin-top: 20px;
}
#sidebar-c {
	float: right;
	width: 1px;
	margin-top: 20px;
}

#sidebar-a div.holder{
	margin:10px;
	height:auto;
	width:auto;
}

#sidebar-a div.holderinner{
	background-repeat:no-repeat;
}

#sidebar-a div.callus{
	display:block;
	height:86px;
	width:220px;
	background: url(../images/graphic03.png) no-repeat 0 0px;
	margin-bottom: 10px;
	margin-top: 60px;
}

#sidebar-a div.linkus{
	display:block;
	height:44px;
	width:220px;
	background: url(../images/title05.png) no-repeat 0 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#content {
	padding:10px;
	margin-left: 250px;
	line-height: 18px;
}

#content div.holder{
	float: left;
	width: 160px;
	padding: 20px 0;
	margin: 0 20px;
	display: inline;
}

#content div.banner{
	height:270px;
	background-color:#e1bf86;
	border-style:solid;
	border-color:#dad4c5;
	border-width:1px;
}

#content div.bannerinner{
	margin:10px;;
	height:250px;
	background:url(../images/content_banner01.jpg);
}

#content div.text{
}

#content div.textinner{
	margin-top:10px;
	padding:10px;
	background-color:#fff;
	border-style:solid;
	border-color:#dad4c5;
	border-width:1px;
}

a.blacklink:link {
	color:#6f450d;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
a.blacklink:visited {
	color:#6f450d;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
a.blacklink:active {
	color:#6f450d;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}
a.blacklink:hover {
	color:#6f450d;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}


#footerpre {
	width:700px;
	float:right;
	background:url(../images/brush_slice01.png);
	height: 67px;
}

#footerpre div.graphic{
	float:right;
	background-image:url(../images/graphic03.png);
	background-repeat:no-repeat;
	height: 67px;
	width:150px;
}

#footer01 {
	clear:both;
	background:url(../images/footer_slice02.png);
	height: 99px;
}

#footer01 div.contact{
	float: left;
	width: 270px;
	height:auto;
	margin-left: 10px;
}

#footer01 div.testimonial{
	float: left;
	width: 270px;
	height:auto;
	margin: 10px;
	font-style:italic;
}

#footer01 div.link{
	float: left;
	width: 270px;
	height:50px;
	margin: 10px;
}

#footer01 div.tweet{
}

#footer01 p.with-line1{
	padding-top: 1px;
	background: url(../images/line01.png) no-repeat 0 0;
}


#footer01 div.brush{
	float:right;
	background:url(../images/brush01.png);
	height:200px;
	width:90px;
}

#footer02 {
	background:url(../images/footer02_slice.png);
	height: 101px;
}

#footer02 div.footer02banner{
	height:auto;
	width:auto;
	background:#d3bea1;
	border-style:groove;
	border-color:#a78f6c;
	border-width:1px;
}

#footer03 {
	background:#42001b;
	height: 30px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #c9c9c9;
	padding: 13px 25px;
	line-height: 18px;
}

#footer03 a {
	color: #c9c9c9;
	text-decoration: none;
}

#footer03 #altnav {
	width: 500px;
	float: right;
	text-align: right;
}

#footer a:hover {
	color: #db6d16;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#6f450d;
	margin: 0;
	padding: 0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#6f450d;
	margin: 0;
	padding: 0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#691d1d;
	margin: 0;
	padding: 0;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#691d1d;
	margin: 0;
	padding: 0;
}

.clear{
	clear: both;
}dr

#content p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#content-container { width: 700px; }

#page-container #aside
{
	float: right;
	width: 60px;
	padding: 0px 0;
	margin: 0 0px 0 0;
	display: inline;
}


/* NAV SPRITE ----------------------- */
#nav						{margin: 0; padding: 0; list-style-type: none;}
#nav li						{display: inline;}
#nav a						{display: block; width: 220px; background-image: url(../images/sprite04.png); background-repeat: no-repeat; text-indent: -9999px;}

#nav .benefit a					{background-position: 0px 0; 	 height: 36px;}
#nav .process a					{background-position: 0px -36px; height: 46px;}
#nav .warranty a				{background-position: 0px -81px; height: 45px;}
#nav .ceramics a				{background-position: 0px -126px;height: 37px;}
#nav .superior a				{background-position: 0px -167px;height: 41px;}

#nav .benefit a:hover			{background-position: -220px 0;}
#nav .process a:hover			{background-position: -220px -36px;}
#nav .warranty a:hover			{background-position: -220px -81px;}
#nav .ceramics a:hover			{background-position: -220px -126px;}
#nav .superior a:hover			{background-position: -220px -167px;}