/* Tinos Marble NEW! Style Sheet */

body { background-color:#336699; font-family:Georgia, Times New Roman, Times, serif; font-size:67.5%; margin:0px; }

/* Divs */
#container { margin-right: auto; margin-left: auto; width: 731px; }

#top { width: 731px; height: 24px; float: left; background: transparent url(images/top.gif) no-repeat top left; }

#container2 { float: left; width: 705px; background: #336699 url(images/bg.gif) repeat-y top left; padding: 0px 14px 0px 12px; }

#leftcol { float: left; width: 183px; margin-right: 9px; font-size: 1.2em; }

#leftbanner { float: left; width: 183px; height: 200px; background: #336699 url(images/banner.gif) no-repeat top left; }

#nav { float: left; width: 183px; background: transparent url(images/navtop.gif) no-repeat top left; padding: 15px 0px 10px 0px; }

#rightcol { float: left; width: 513px; }

#rightbanner { float: left; width: 513px; height: 132px; background: #5e85af; padding-top:2px; }

/* First Position */
#banner01 { float: left; width: 99px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner01.jpg) no-repeat top left; }
#banner012 { float: left; width: 99px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner012.jpg) no-repeat top left; }
#banner013 { float: left; width: 99px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner013.jpg) no-repeat top left; }

/* Second Position */
#banner02 { float: left; width: 99px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner02.jpg) no-repeat top left; }
#banner022 { float: left; width: 99px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner022.jpg) no-repeat top left; }
#banner023 { float: left; width: 99px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner023.jpg) no-repeat top left; }

/* Third Position */
#banner03 { float: left; width: 100px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner03.jpg) no-repeat top left; }
#banner032 { float: left; width: 100px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner032.jpg) no-repeat top left; }
#banner033 { float: left; width: 99px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner033.jpg) no-repeat top left; }

/* Fourth Position */
#banner04 { float: left; width: 99px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner04.jpg) no-repeat top left; }
#banner042 { float: left; width: 99px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner042.jpg) no-repeat top left; }
#banner043 { float: left; width: 99px; height: 126px; margin-right: 4px; background: #5e85af url(images/banner043.jpg) no-repeat top left; }

/* Fifth Position */
#banner05 { float: left; width: 99px; height: 126px; background: #5e85af url(images/banner05.jpg) no-repeat top left; }
#banner052 { float: left; width: 99px; height: 126px; background: #5e85af url(images/banner052.jpg) no-repeat top left; }
#banner053 { float: left; width: 99px; height: 126px; background: #5e85af url(images/banner053.jpg) no-repeat top left; }

#content { float: left; width: 471px; background: transparent url(images/contenttop.gif) no-repeat top left; padding: 13px 40px 13px 20px; font-size: 1.2em; }

#footer { float: left; width: 713px; height: 28px; background: #336699 url(images/footer.gif) no-repeat top left; font-size: 1em; color: #ffffff; text-align: right; padding: 6px 18px 10px 0px; }

#frontpage { float: left;  width: 247px; height: 197px; background: #dfe5f0 url(images/frontpage1.jpg) no-repeat top left; border: 1px solid #336699; margin: 5px 10px 10px 0px; }

/* Old Picture Divs */
.horizpicleft {border: 1px solid #336699; margin: 0px 10px 10px 0px; float:left; width:250px; height:200px; color:#000000; }
.horizpicleft2 { border: 1px solid #336699; margin: 0px 10px 10px 0px; float:left; width:250px; height:220px; color:#000000; }
.horizpicright { border: 1px solid #336699; margin: 0px 0px 10px 10px; float:right; width:250px; height:200px; color:#000000; }
.vertpicleft { border: 1px solid #336699; margin: 0px 10px 10px 0px; float:left; width:200px; height:250px; color:#000000; }
.vertpicleft2 { border: 1px solid #336699; margin: 0px 10px 10px 0px; float:left; width:200px; height:265px; color:#000000; }
.vertpicright { border: 1px solid #336699; margin: 0px 0px 10px 10px; float:right; width:200px; height:250px; color:#000000; }

/* Link Styles */
a { color: #336699; text-decoration: underline; }
a:hover { text-decoration: none; color: #000099; }
#nav a{ color: #336699; display: block; width: 168px; padding: 5px 0px 5px 15px; text-decoration: none; font-weight: bold; background: transparent; margin-bottom:1px;}
#nav a:hover { background: #a8bcd4 url(images/linkshadow.gif) repeat-y top right; }
#nav ul { padding: 0px; margin: 0px; }
#nav li { list-style: none; }
a.studiogallery { float: left; display: block; width: 232px; height: 73px; background:  url(images/studiogallery.gif) no-repeat top left; }
a:hover.studiogallery { background: url(images/studiogallerydown.gif) no-repeat top left; }
a.islandgallery{ float: right; display: block; width: 232px; height: 73px; background: #dfe5f0 url(images/islandgallery.gif) no-repeat top left; }
a:hover.islandgallery { background: url(images/islandgallerydown.gif) no-repeat top left; }
#footer a { color: #ffffff; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
table a { font-weight: bolder; text-decoration: none; }
table a:hover { text-decoration: underline; }

h1 { font-size: 1.4em; margin-top: 0px; padding-top: 0px; }
h2 {font-size: 1.2em; font-weight: bolder; }

p { text-indent: 20px; }

/* Advanced Nav Functional Links that I will hopefully never have to mess with */
#nav a.sub { font-size: .9em; padding: 3px 0px 3px 22px; width: 161px; font-weight: normal; }
#nav a.current { background: #a8bcd4 url(images/linkshadow.gif) repeat-y top right; }