/* 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:671px; margin:auto auto; paddding:0; overflow:hidden;}
#header {width:671px; position:relative; height:66px; border-bottom:1px dotted #565f6a;}
#buttons {position:absolute; top:17px; left:550px; height:39px; width:121px;}
#toplinks {width:671px; height:97px; position:relative;}
#logo {position:absolute; top:19px; left:0px; width:204px; height:49px;}
#topmenu {position:absolute; top:23px; right:0px; width:391px; height:41px; background:url(/images/bkgnd_topmenu.gif) top left #3b434a;}
#footer {
	width:649px; height:48px; padding:37px 0px 0px 22px; 
	font:11px/14px Georgia,serif; color:#798596;
	border-bottom:22px solid #3d444d; border-top:1px dotted #565f6a;
}
#footer a:link, #footer a:visited {text-decoration:none; color:#798596;}
#footer a:hover, #footer a:active {text-decoration:none; color:#FFF;}


/* ----- HOME PAGE ONLY ----- */
#mainimage {position:relative; margin-bottom:15px; height:317px; width:671px; background: #494d56;}
#random {background:#798596; position:absolute; top:6px; left:6px; width:659px; height:305px;}
#intro {width:671px; height:158px; position:relative; border-top:1px dotted #565f6a; background: url(/images/bkgnd_intro.gif) top left #383f47; font:11px/14px Georgia,serif; color:#798596;}
#welcome {position:absolute; top:55px; left:23px; width:232px; height:91px; overflow:hidden;}
#latestwork {position:absolute; top:55px; left:506px; width:166px; height:91px; overflow:hidden;}
#welcome a:link, #welcome a:visited, #latestwork a:link, #latestwork a:visited {text-decoration:none; font:11px/14px Georgia,serif; color:#FFF;}
#welcome a:hover, #welcome a:active, #latestwork a:hover, #latestwork a:active {text-decoration:underline; font:11px/14px Georgia,serif; color:#FFF;}
.whitetype {color:#FFF;}
#latestworkpic {position:absolute; top:57px; left:301px; width:182px; height:77px; overflow:hidden;}


/* ----- CONTENT PAGES ONLY ----- */
#content {width:619px; border:6px solid #494d56; background:#FFF; padding:20px 20px 0px 20px; margin-bottom:15px; float:left;}
#artholder {width:619px; margin-bottom:15px; padding-bottom:14px; float:left; clear:left; border-bottom:1px dotted #565f6a;}
#artwork {float:left; margin:10px 10px 10px 0px; width:180px; height:220px; overflow:hidden; background-color:#ebebec; text-align:center;border-bottom:1px solid #565f6a;}
#artworktall {float:left; margin:10px 10px 10px 0px; width:180px; height:310px; overflow:hidden; background-color:#ebebec; text-align:center;border-bottom:1px solid #565f6a;}
#artworklong {float:left; margin:10px 10px 10px 0px; width:180px; height:150px; overflow:hidden; background-color:#ebebec; text-align:center;border-bottom:1px solid #565f6a;}
.frame {border:1px solid #494d56;}
.paypal {margin-top:3px;}

/* -----  TYPOGRAPHY AND LINKS ----- */
#topmenu1 {position:absolute; top:37px; left:281px; width:75px; text-align:center; font:12px Georgia,serif; color:#798596;}
#topmenu2 {position:absolute; top:37px; left:364px; width:75px; text-align:center; font:12px Georgia,serif; color:#798596;}
#topmenu3 {position:absolute; top:37px; left:440px; width:75px; text-align:center; font:12px Georgia,serif; color:#798596;}
#topmenu4 {position:absolute; top:37px; left:517px; width:75px; text-align:center; font:12px Georgia,serif; color:#798596;}
#topmenu5 {position:absolute; top:37px; left:596px; width:75px; text-align:center; font:12px Georgia,serif; color:#798596;}
#topmenu1 a:link, #topmenu1 a:visited, #topmenu2 a:link, #topmenu2 a:visited, #topmenu3 a:link, #topmenu3 a:visited, #topmenu4 a:link, #topmenu4 a:visited, #topmenu5 a:link, #topmenu5 a:visited {text-decoration:none; font:11px/14px Georgia,serif; color:#798596;}
#topmenu1 a:hover, #topmenu1 a:active, #topmenu2 a:hover, #topmenu2 a:active, #topmenu3 a:hover, #topmenu3 a:active, #topmenu4 a:hover, #topmenu4 a:active, #topmenu5 a:hover, #topmenu5 a:active {text-decoration:none; font:11px/14px Georgia,serif; color:#FFF;}


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

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

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