/*
//
// primary styles
// Author: DataSetGo
// Date: 2009/08/12
//
/////////////////////////////////////// */



/* Global Styles
/////////////////////////////////////// */
body {
	font: 13px/15px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
	background-color: #f7f5f5;
	color: #000;
	margin: 0;
	padding: 0;
}

a {
	color: #dc291e;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

h1 {
	font-size: 21px;
	line-height: 42px;
	color: #dc291e;
	font-weight: normal;
	margin: 0;
}

h2 {
	font-size: 16px;
	line-height: 18px;
}

h3 {
	font-size: 12px;
	line-height: 14px;
	color: #333;
	font-family: arial, helvetica, sans-serif;
}

/* color for red inline copy */
.red {
	color: #dc291e;
}

div#container {
	width: 919px;
	margin: 0 auto;
	padding:0;
	height: 652px;
}

div#content {
	padding: 0;
}

div#header {
	height: 106px;
	border: 1px solid #fff;
}

/* Main Navigation */
div#nav {
	position: relative;
	top: 0px;
	left: 272px;
	margin: 13px 0 0 0;
	padding: 0;
	width: 632px;
	height: 12px;
	}
	
ul#mainNav {
	list-style-type: none;
	height: 12px;
	margin: 0;
	padding: 0;
}

ul#mainNav li {
	display: inline;
	width: 150px;
	height: 12px;
	border-top: 2px solid #dc291e;
	font:12px/20px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
	margin-right: 12px;
	float: left;
	text-align: right;
}

ul#mainNav li a {
	color: #999999;
	clear: both;
}

ul#mainNav li a:hover, ul#mainNav li.on a {
	color: #dc291e;
	text-decoration: none;
}

div#footer {
	height: 40px;
	width: 901px;
	margin: 0 0 0 9px;
	font-size: 11px;
	color: #999;
}

div#footerAddy {
	float: right;
	text-align: right;
}

br.clear {
	clear: both;
}



/* other shared components */
div#leftShadow {
	float: left;
	background: transparent url('../images/backgrounds/leftDropShadow.png') repeat-y;
	height: 652px;
	width: 9px;
}
div#pageBox {
	float: left;
	height: 652px;
	width: 901px;
	background-color: #fff;
}
div#rightShadow {
	float: left;
	background: transparent url('../images/backgrounds/rightDropShadow.png') repeat-y;
	height: 652px;
	width: 7px;
}
div#bottomShadow {
	position: relative;
	left: 0px;
	height: 9px;
	width: 918px;
	background: transparent url('../images/backgrounds/bottomDropShadow.png') repeat-x;
}

img#leftBottomCorner {
	position: absolute;
	left: 0px;
}

img#rightBottomCorner {
	position: absolute;
	left: 907px;
}

a#logoLink {
	display: block;
	position: relative;
	top: 0;
	left: 45px;
	width: 143px;
	height: 106px;
	background: transparent url('../images/suncoLogo.png') no-repeat;
	float: left;
}

a#skipIntro {
	display: block;
	position: relative;
	top: 20px;
	left: -45px;
	float: right;
}

span#tagline {
	position: relative;
	display: block;
	width: 400px;
	left: 511px;
	top: -47px;
	color: #dc291e;
	font: 25px/25px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
	text-align: left;
}

span.upperBold {
	text-transform: uppercase;
	font-weight: bold;
}

/* inner pages */

/* Subnavigation */
div#subnav {
	width: 901px;
	height: 50px;
	background: transparent url('../images/backgrounds/subnav.png') no-repeat;
	padding:0;
}

ul.subnav {
	position: relative;
	top: 10px;
	list-style-type: none;
	height: 17px;
	padding: 0;
	margin: 0 auto;
}

/* adjust width of subnavs for each section */
ul.subnav#classic {
	width: 500px;
}
ul.subnav#elite {
	width: 510px;
}

ul.subnav#about {
	width: 285px;
}

ul.subnav li {
	display: inline;
	height: 17px;
	font:11px/11px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
	margin-right: 16px;
	float: left;
	text-align: right;
}

ul.subnav li#last, ul.subsubnav li#last {
	margin-right: 0;
}

ul.subnav li a, ul.subsubnav li a {
	color: #999999;
}

ul.subnav li a:hover, ul.subnav li.on a {
	color: #dc291e;
	text-decoration: none;
	border-top: 2px solid #dc291e;
}

/* sub-sub navigation */

ul.subsubnav {
	position: relative;
	top: 10px;
	list-style-type: none;
	height: 17px;
	padding: 0;
	margin: 0;
}

ul.subsubnav#eliteKitchens {
	width: 320px;
	left: 290px;
}

ul.subsubnav#eliteVanities {
	width: 210px;
	left: 367px;
}

ul.subsubnav#classicKitchens {
	width: 335px;
	left:280px;

}

ul.subsubnav#classicVanities {
	width: 275px;
	left: 350px;
}

ul.subsubnav li {
	display: inline;
	height: 17px;
	font:11px/11px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
	margin-right: 16px;
	float: left;
	text-align: right;
}

ul.subsubnav li a:hover, ul.subsubnav li.on a {
	color: #dc291e;
	text-decoration: none;
}


/* Columns for inner 2-col layouts */

div.leftCol {
	width: 360px;
	height: 494px;
	background: transparent url('../images/backgrounds/leftCol.png') no-repeat;
	float: left;
	padding: 30px 22px 30px 30px;
}

/* spacing for copy */
/* classic */

img#constructionLogos {
	margin-top: 150px;
}

div.leftColCopy#whyRTA {
	margin-top: 145px;
}

div.leftColCopy#whyElite {
	margin-top: 75px;
}

div.leftColCopy#classicConstruction{
	margin-top: 145px;
}

/* elite */

div.leftColCopy#eliteConstruction{
	margin-top: 205px;
}

div.leftColCopy p, div.leftColCopy ul {
	font: 12px/19px arial, helvetica, sans-serif;
	padding-bottom: 10px;
	color: #000;
}

div.leftColCopy.smallerCopy p {
	font: 10px/16px arial, helvetica, sans-serif;
}

div#ourCompanyRight {
	padding: 0 0 60px 420px;
}
div#ourCompanyRight.smallerCopy p {
	font: 10px/16px arial, helvetica, sans-serif;
}

div.rightCol {
	float: left;
}

div.center {
	display: block;
	margin: 0 auto;
}

div.center img {
	display: block;
	margin: 0 auto;
}

/* text table for specs */



table.specs {
	margin: 20px 0 5px 0;
}

table.specs th {
	font: 12px/16px arial, helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

table.specs td {
	font: 12px/16px arial, helvetica, sans-serif;
	color: #000;
	text-align: left;
	padding-left: 20px;
}

img#heritageVanityTop {
	position: relative;
	top: -20px;
	left: -30px;
}



/* page-specific styles
////////////////////////////////////// */

/* movie page */
embed, .embed {
   pluginspage: http://www.apple.com/quicktime/download/;
   controller: false;
   autoplay: true;
   bgcolor: #000;
   loop: true;
}

div#movie {
	display: block;
	position: relative;
	margin: 75px auto;
	width: 640px;
	height: 360px;
	text-align: center;
}

/* crassfade javascripts for jitchens pages */
#imageContainer {
	position:relative;
	margin:auto;
	width:902px;
}

#imageContainerEliteVanities {
	position:relative;
	margin:auto;
	left: 412px;
}

#eliteVanities {
	position: relative;
	left: 412px;
}

/* classic Heritage Vanities */
div#heritage_img_btns {
	position: relative;
}
a#heritage_honey_btn {
	display: block;
	position: absolute;
	top: 68px;
	left: 3px;
	width: 105px;
	height: 105px;
}
a#heritage_white_btn {
	display: block;
	position: absolute;
	top: 68px;
	left: 125px;
	width: 105px;
	height: 105px;
}
a#heritage_burgundy_btn {
	display: block;
	position: absolute;
	top: 68px;
	left: 250px;
	width: 105px;
	height: 105px;
}

div#heritage_honey {
	width:489px;
	height:496px;
	position:relative;
	left:412px;
	background: transparent url('../images/classic/heritage_honey.jpg') no-repeat;
}
div#heritage_white {
	width:489px;
	height:496px;
	position:relative;
	left:412px;
	background: transparent url('../images/classic/heritage_white.jpg') no-repeat;
}
div#heritage_burgundy {
	width:489px;
	height:496px;
	position:relative;
	left:412px;
	background: transparent url('../images/classic/heritage.jpg') no-repeat;
}
/* classic_kitchens.html */

div#classicKitchensLightbox {
	height: 494px;
	background: transparent url('../images/classic/kitchens.jpg') no-repeat;
}

div#classicKitchensLightbox a {
	display: block;
	position: relative;
	width: 39px;
	height: 39px;
}

a#smallDoors {
	top: 114px;
	left: 272px;
}

a#smallDoors:hover {
	background: transparent url('../images/classic/kitchens.jpg') -272px -608px no-repeat;
}

a#glassPanes {
	top: 89px;
	left: 572px;
}

a#glassPanes:hover {
	background: transparent url('../images/classic/kitchens.jpg') -572px -622px no-repeat;
}

a#plates {
	top: 105px;
	left: 505px;
}

a#plates:hover {
	background: transparent url('../images/classic/kitchens.jpg') -505px -677px no-repeat;
}

a#bigDoors {
	top: 44px;
	left: 843px;
}

a#bigDoors:hover {
	background: transparent url('../images/classic/kitchens.jpg') -843px -655px no-repeat;
}

div#eliteKitchensLightbox {
	height: 494px;
	background: transparent url('../images/elite/eliteKitchens.png') no-repeat;
}

/* elite drawer options */
div.eliteDrawerOptions {
	width: 240px;
	padding: 20px;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}


div.eliteDrawerOptions ul {
	padding-left: 15px;
}

/* elite construction */
div#eliteConstruction {
	width: 901px;
	height: 494px;
	background: transparent url('../images/elite/construction.jpg') no-repeat;
}

span#drawerOpsHdr {
	display: block;
	position: relative;
	left: 718px;
	top: 12px;
	font-size: 12px;
	width: 150px;
	height: 14px;
	padding: 0 0 5px 10px;
	border-bottom: 1px solid #666;
}

div.drawerOps {
	margin: 20px 0 0 730px;
}

ul.drawerOpsList {
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0;
	width: 180px;
	font-size: 12px;
}

ul.drawerOpsList li {
	font-size: 9px;
}

/* news and updates */
div#newsRelease {
	padding: 20px;
	margin: 50px 0 0 412px;
	font: 12px/16px arial, helvetica, sans-serif;
	color: #000;
}

span.newsHead {
	color: #000;
	font-weight: bold;
	padding-bottom: 20px;
}

/* contact Us */
table#contactForm {
	padding: 0;
	margin-left: -5px;
}
table#contactForm td {
	font: 11px/16px arial, helvetica, sans-serif;
	color: #666;
	font-weight: bold;
	padding: 5px;
}

input#fname {
	
} 

input#lname {
	
}

input#address, input#email {
	width: 330px;
}

input#city {
}

input#state {
	width: 30px;
	margin-right: 10px;
}

input#zip {
	width: 103px;
}

input#phone {
	
}

input#fax {
	
}

input#howHear {
	width: 160px;
}

textarea#comments {
	width: 250px;
	height: 90px;
}

input#submit {
	position: relative;
	top: 2px;
	left: 20px;
}

div.whereToBuy {
	margin: 0 0 0 420px;
}

div.whereToBuy h1 {
	margin: 0 0 15px 17px;
}

div.whereToBuyCell {
	float: left;
	padding: 0 20px;
	font: 11px/16px arial, helvetica, sans-serif;
	color: #666;
}