/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */

/* ----- ALL PAGES ----- */
#uber {width:960px; margin:0; paddding:0;}
#headerlinks {position:absolute; top:35px; right:196px; text-align:right; font:11px Verdana,Arial,Helvetica,sans-serif; color:#1c568b;}
#logo {height:97px; width:349px; position:absolute; top:0; left:0;}
#blackline {width:960px; height:7px; margin:0; padding:0; overflow:hidden; background-color:#191b11;}
#footer {
	width:925px; height:41px; position:relative; padding:17px 0px 0px 35px; 
	font:11px/14px Verdana,Arial,Helvetica,sans-serif; color:#999;
}


/* ----- HOME PAGE ONLY ----- */
#header {height:99px; width:960px; position:relative; background:url(../images/bkgnd_header.gif) top left no-repeat;}
.homebody {background:url(../images/bkgnd_body_home.gif) top left repeat-x #FFF; padding:0; margin:0;}
#homesymbol {position:absolute; top:0; left:960px; height:550px; width:142px; background:url(../images/bkgnd_home.gif) top left no-repeat;}
#banner {height:177px; width:960px; position:relative; margin:0; padding:0; background:url(../images/bkgnd_banner.jpg) top left no-repeat;}
#bannertext1 {position:absolute; top:9px; left:388px; height:47px; width:168px; overflow:hidden; font:11px/13px Verdana,Arial,Helvetica,sans-serif; color:#FFF;}
#bannertext2 {position:absolute; top:9px; left:585px; height:47px; width:168px; overflow:hidden; font:11px/13px Verdana,Arial,Helvetica,sans-serif; color:#FFF;}
#bannertext3 {position:absolute; top:9px; left:783px; height:47px; width:168px; overflow:hidden; font:11px/13px Verdana,Arial,Helvetica,sans-serif; color:#FFF;}

#intro {height:267px; width:960px; position:relative; margin:0; padding:0; background:url(../images/bkgnd_intro.gif) top left no-repeat;}

#intromessage {position:absolute; left:13px; top:77px; width:334px; height:172px; overflow:hidden; font:12px/17px Verdana,Arial,Helvetica,sans-serif; color:#FFF;}
#random {position:absolute; top:65px; left:370px; height:82px; width:590px; overflow:hidden;}
#introtext1 {position:absolute; top:161px; left:388px; height:66px; width:168px; overflow:hidden; font:11px/13px Verdana,Arial,Helvetica,sans-serif; color:#FFF;}
#introtext2 {position:absolute; top:161px; left:585px; height:66px; width:168px; overflow:hidden; font:11px/13px Verdana,Arial,Helvetica,sans-serif; color:#FFF;}
#introtext3 {position:absolute; top:161px; left:783px; height:66px; width:168px; overflow:hidden; font:11px/13px Verdana,Arial,Helvetica,sans-serif; color:#1f6096;}


/* ----- CONTENT PAGES ONLY ----- */
.contentbody {background:url(../images/bkgnd_body_content.gif) top left repeat-y #FFF;}
#headercontent {height:99px; width:960px; position:relative; background:url(../images/bkgnd_header_content.gif) top left no-repeat;}
#contenttop {height:45px; width:960px; position:relative; background:url(../images/bkgnd_contenttop.gif) top left no-repeat;}
#toptext1 {position:absolute; top:9px; left:388px; height:47px; width:168px; overflow:hidden; font:11px/13px Verdana,Arial,Helvetica,sans-serif; color:#FFF;}
#toptext2 {position:absolute; top:9px; left:585px; height:47px; width:168px; overflow:hidden; font:11px/13px Verdana,Arial,Helvetica,sans-serif; color:#FFF;}
#toptext3 {position:absolute; top:9px; left:783px; height:47px; width:168px; overflow:hidden; font:11px/13px Verdana,Arial,Helvetica,sans-serif; color:#FFF;}

#columns {float:left; width:901px; margin:0; padding: 0px 24px 0px 35px; background:url(../images/bkgnd_columns.gif) top left repeat-y; border-bottom:1px solid #879298;}
#left {width:686px; float:left; padding:37px 65px 25px 0px;}
.pageintro {border-top:1px solid #1c568b; border-bottom:1px solid #1c568b; font:13px/17px Georgia,sans-serif; color:#1c568b; font-style:italic; padding:12px 0px; margin-bottom:15px;}

#item {border-top:1px solid #d2d6d8; border-bottom:1px solid #d2d6d8; background-color:#f3f4f4; padding:15px 15px; margin-top:5px; margin-bottom:10px; height:141px; position:relative;}
#itemodd {border-top:1px solid #d2d6d8; border-bottom:1px solid #d2d6d8; background-color:#dee9f5; padding:15px 15px; margin-top:5px; margin-bottom:10px; height:141px; position:relative;}
#item table, #itemodd table {width:208px; border:0; margin-right:23px; float:left; font:11px/14px Verdana,Arial,Helvetica,sans-serif; color:#333;}
#itembuy {position:absolute; right:15px; bottom:15px; height:50px; width:115px;}
/* added for larger items in sets */
#itemsets {border-top:1px solid #d2d6d8; border-bottom:1px solid #d2d6d8; background-color:#f3f4f4; padding:15px 15px; margin-top:5px; margin-bottom:10px; height:211px; position:relative;}
#itemsetsodd {border-top:1px solid #d2d6d8; border-bottom:1px solid #d2d6d8; background-color:#dee9f5; padding:15px 15px; margin-top:5px; margin-bottom:10px; height:211px; position:relative;}
#itemsets table, #itemsetsodd table {border:0; float:left; font:11px/14px Verdana,Arial,Helvetica,sans-serif; color:#333;}

#itempic {border:1px solid #344f6a; width:134px; height:134px; overflow:hidden;}
#itempicsmall {border:1px solid #344f6a; width:61px; height:61px; overflow:hidden;}
#showroom {border:1px solid #344f6a; margin:0px 10px 10px 0px;}
#showroomcentre {border:1px solid #344f6a; margin:0px 10px 10px 215px;}

#right {width:150px; float:left; padding:40px 0px 15px 0px; font:11px/14px Verdana,Arial,Helvetica,sans-serif; color:#666; font-style:italic;}
.rightpic {width:150px; padding-bottom:13px; border:0;}
.people {font-style:normal; padding-top:15px;}


/* -----  TYPOGRAPHY AND LINKS ----- */
#bannertext1 a:link, #bannertext1 a:visited, #bannertext2 a:link, #bannertext2 a:visited, #bannertext3 a:link, #bannertext3 a:visited {color:#FFF; text-decoration:none;}
#bannertext1 a:hover, #bannertext1 a:active, #bannertext2 a:hover, #bannertext2 a:active, #bannertext3 a:hover, #bannertext3 a:active {color:#FFF; text-decoration:underline;}

#introtext1 a:link, #introtext1 a:visited, #introtext2 a:link, #introtext2 a:visited {color:#FFF; text-decoration:none;}
#introtext1 a:hover, #introtext1 a:active, #introtext2 a:hover, #introtext2 a:active {color:#FFF; text-decoration:underline;}

#toptext1 a:link, #toptext1 a:visited, #toptext2 a:link, #toptext2 a:visited, #toptext3 a:link, #toptext3 a:visited {color:#FFF; text-decoration:none;}
#toptext1 a:hover, #toptext1 a:active, #toptext2 a:hover, #toptext2 a:active, #toptext3 a:hover, #toptext3 a:active {color:#FFF; text-decoration:underline;}

/* ----- NAV BUTTONS CSS AND FUNCTIONS ----- */
#navtab1 a {
		display: block; width: 94px; height: 28px; margin: 0; padding: 0; float: left;
		background: url(../images/nav1.jpg) 0 0 no-repeat; text-decoration: none;
}
#navtab1 a:hover {background-position: 0px -28px;}
#navtab1on, #navtab1on a, #navtab1on a:hover {
		display: block; width: 94px; height: 28px; margin: 0; padding: 0; float: left;
		background: url(../images/nav1.jpg) 0px -28px; no-repeat; text-decoration: none;
}

#navtab2 a {
		display: block; width: 94px; height: 28px; margin: 0; padding: 0; float: left;
		background: url(../images/nav2.jpg) 0 0 no-repeat; text-decoration: none;
}
#navtab2 a:hover {background-position: 0px -28px;}
#navtab2on, #navtab2on a, #navtab2on a:hover {
		display: block; width: 94px; height: 28px; margin: 0; padding: 0; float: left;
		background: url(../images/nav2.jpg) 0px -28px; no-repeat; text-decoration: none;
}

#navtab3 a {
		display: block; width: 94px; height: 28px; margin: 0; padding: 0; float: left;
		background: url(../images/nav3.jpg) 0 0 no-repeat; text-decoration: none;
}
#navtab3 a:hover {background-position: 0px -28px;}
#navtab3on, #navtab3on a, #navtab3on a:hover {
		display: block; width: 94px; height: 28px; margin: 0; padding: 0; float: left;
		background: url(../images/nav3.jpg) 0px -28px; no-repeat; text-decoration: none;
}

/* ----- END ----- */