/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.royaltone.com/
   TEMPLATE NAME:  ROYALTONE, INC
   DATE:           June-22-2010
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0 0 0 50px;
padding: 0px;
height: 100%; 
background-image:url(/images/bgrd_grad2.jpg);
background-color:#8d8d8d;
background-repeat:repeat-x;
} 


.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }

.imgfloat{
	float:left; padding-right:10px; padding-bottom:10px;
}
/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border-style: none;
	border-color: inherit;
	border-width: 0px;
	font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	color: #000; }
td { line-height: 20px; }
table b { color: black; }
table a, tr a, td a, font a, .content table a {color: black; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #083faf;}
table hr {border: none; border-bottom: 1px solid #000; height: 0px;}
font img { border: 6px solid #000; margin-right: 10px; }


/* ----------Centered Container Or the Layout--------------------- */

#container { 
height: auto !important; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;

} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #777;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
border: 1px solid #46a1c6;
}

/* --------------HEADER------------- */

#header {
background: black  url(/images/bkgrd_header.jpg) no-repeat ;
height: 107px;
}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink, #swap { width: 205px; height: 105px; }
.logolink { background-image:url(/images/royaltone_logo.png); background-repeat: no-repeat; margin-left:30px;}
.logolink a {  margin-left:30px; width: 205px; height: 105px; }
 

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------- */

#topnav {
background: #8d8d8d url(/images/bkgrd_nav.jpg) no-repeat;
height: 33px;
padding:33px 40px 0px 40px;
}

.topnav li{
display: inline;
}

.topnav li a{
float: left;
color: #4a4a4a;
padding-right: 15px;
text-decoration: none;
font:13pt  Calibri, optima, "Trebuchet MS", sans-serif;
}

.topnav li a:hover {
color: #083faf;
}


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#mission{
width:880px;
height:277px;
margin-bottom:15px;
}

#main {
height: auto !important; 
font-family:Calibri, optima, "Trebuchet MS", sans-serif;
background-color:white;

}


#main .content {
margin: 0px;
height: auto;
padding: 0px 40px 10px 40px;
background:url(/images/bkgrd_main.jpg)repeat-x;
}

#onecolumn{
padding-top: 20px;
height: auto;

}

#left {
	width:555px;
	float:left;
	height:auto;
	margin:10px 0px 10px 0px;
}

#left ul {
padding:10px;
}

#left li{
display: block; 
list-style-type:disc;
list-style-position:inside;
font: 10pt Calibri, optima, "Trebuchet MS", sans-serif; 
color:#222222;
padding-bottom:5px;
}


#right {
width:300px;
float:right;
margin-top:10px;
height:auto;
}



#news {
	width:300px;
	float:right;
	padding:10px;
	background:#22b0f8 url(/images/bkgrd_news.jpg) repeat-x;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
}
#news h1 {
font-family:Calibri, optima, "Trebuchet MS", sans-serif; 
font-size:17pt; 
font-style:italic;
color:white;
}

#news p {
font-family:Calibri, optima, "Trebuchet MS", sans-serif; 
font-size:10pt; 
color:white;
}



 h1, h2, h3, p {
font-family:Calibri, optima, "Trebuchet MS", sans-serif; 
padding-bottom:5px;
}


h1 {
font-size:17pt; 
font-style:italic;
color:#083faf;
}

h2 {
font-size:17pt; 
font-style:italic;
color:#721404;
}

h3 {
font-size:14pt;
font-weight:bold; 
color:#222222;
}



p { 
font-size:10pt; 
color:#222222;
}

a { 
font-size:10pt; 
color:#222222;
text-decoration: none;
}

.bold {
font-weight:bold;
}


/* --------------FOOTER------------- */


#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
background-color:transparent;
} 

#footer {
height: auto;
text-align:center;
padding-top:15px;
}

#footer .content { 
width: 880px; 
padding:0px 40px 0px 40px;
margin: 0 auto; 
position: relative; 
}


/* --------------FOOTER LINKS------------- */

#footer ul { padding-top: 10px; }
#footer .links ul { margin: 0px; padding: 0px; }

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: white;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font:10pt Calibri, optima, "Trebuchet MS", sans-serif;
}

#footer .links li a:hover { text-decoration: underline; }


#footer .text ul {
margin-top:15px;
}

#footer .text li{
display: block; 
list-style-type: none;
font: 10pt Calibri, optima, "Trebuchet MS", sans-serif; 
color:#2f2f2f;
padding-bottom:7px;
}

#footer .text li a {
text-decoration: none;
color:#2f2f2f;
}

#footer .text li a:hover { text-decoration: underline; }



/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none; }

#footer .asc li a {
color:#2f2f2f;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 10pt Calibri, optima, "Trebuchet MS", sans-serif;
}

/* --------W3 LINKS--------- */

#footer .w3 ul { margin: 0px; padding: 10px;}
#footer .w3 li { display: inline; list-style-type: none;}
#footer .w3 li a { color: #000; text-decoration: none; border-right: 1px solid; padding: 0px 10px 0px 10px; font: 10pt Calibri, optima, "Trebuchet MS", sans-serif;}
#footer .w3 li a:hover { text-decoration: underline;}


.homepageform{width: 300px;float: right;
}


/* --------------FOOTER SEO LINKS------------- */


#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8pt Calibri, optima, "Trebuchet MS", sans-serif;
}
 

#footer .seo a {
color: #6e4a2f;
text-decoration: none;
font: 8pt Calibri, optima, "Trebuchet MS", sans-serif;
}