/*-----------------------------------------------------------------------
Master style sheet
version:   1.0
author:    rose berg
email:     webmaster@mybluepoint.com
website:   http://www.mybluepoint.com
--------------------------------------------------------------------------*/

body
{
font-size: 100%;
background: #242b40;
font-family: "Corbel","Trebuchet MS", Tahoma, Verdana, sans-serif;
color: #fff;
}



/* ---------------   Headings   ------------------------------*/
#header
{
float: left;
width: 103%;
height: 100px;
background: #242b40;
margin-top: -4.375em;
margin-left: -1%;
padding:0;
z-index: 0;
}

#logo
{
float: left;
width: 100%;
height: 92px;
margin-top: -30px;
background-color: #666d83;
padding: 0;
z-index: 10;
}

#logo img
{
float: left;
margin-top: 3px;
margin-left: 130px;
z-index: 20;
}

h1
{
position: relative;
top: 1%;
left: 20%;
width: 100%;
height: 92px;
text-indent: -9999px;
z-index: 7;
padding-bottom: 10px;
margin-bottom: 0px;
}

h1 span
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 92px;
z-index: 10;
}

h2
{
font-size: 1.5em;
}


/*  -----------  Page structure  ------------------------------*/


#wrap
{
max-width: 80em;
margin: auto auto;
font-size: 1em;
}

#main
{
float: left;
width: 53%;
margin-top: 3.125em;
margin-left: -3%;
padding: 0;
}

/* -------------------  Footer  -------------------------*/


#footer
{
float: left;
width: 100%;
padding: 5px;
font-size: .65em;
font-family: "Corbel","Trebuchet MS", Tahoma, Verdana, sans-serif;
text-align: center;
}

#footer a
{
color: #fff;
}

#footer span
{
margin-left: 6em;
}

#main img
{
max-width: 100%;
}

/*  --------------  Main Nav  --------------------------*/
#mainNav, #mainNavAbout
{
float: left;
width: 10%;
margin-left: 12%;
z-index: 100;
}

#mainNav
{
margin-top: 240px;
}

#mainNavAbout
{
margin-top: 175px;
}

ul.topMenu, ul.bottomMenu
{
display: block;
margin-top: 10px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
}

ul.topMenu
{
margin-bottom: 50px;
}

ul.topMenu li, ul.bottomMenu li
{
list-style:none;
position: relative;
z-index: 50;
margin-top: 5px;
padding: 0px 5px 0px 0px;
}

ul.topMenu a:link, ul.bottomMenu a:link
{
color: #fff;
text-decoration: none;
}

ul.topMenu a:visited, ul.bottomMenu a:visited
{
color: #cdccd7;
text-decoration: none;
}

ul.topMenu a:hover, ul.bottomMenu a:hover
{
color: #ff33ff;
text-decoration: none;
}

.active
{
color: #ffcc66;
text-decoration: none;
}

/*----------------   Home page -----------------*/

#slideshowHome
{
float: left;
width: 53%;
margin-top: 6.25em;
margin-left: 5%;
}

#rotating
{
position: relative;
width: 42.1875em;
height: 433px;
padding: 0;
}

#photo
{
position: relative;
width: 575px;
height: 335px;
margin-top: -387px;
margin-left: 47px;
border: 4px solid #666d83;
}


/*#rotating
{
float: left;
width: 42.1875em;
height: 433px;
margin-top: 6.25em;
margin-left: 5%;
padding: 0;
}

#photo
{
float: left;
width: 35.9375em;
height: 335px;
margin-top: -24.1875em;
margin-left: 12%;
border: 4px solid #666d83;
}*/

/* ------------    Info / About / Events Page  -----------------------------*/

#about, #info, #events, #contact
{
float: left;
width: 60%;
margin-top: 11.875em;
margin-left: 2%;
padding: 1.25em 0em 1.25em 2.1875em;
font-family:  Arial, Tahoma, Verdana, sans-serif;
font-size: 80%;
border-left: 1px solid #fff;
}

#info a
{
color: #fff;
}

#events img
{
margin-top: 25px;
margin-left: 15%;
}

ul.storeImages
{
width: 100%;
list-style-type: none;
margin-left: -1em;
margin-top: 25px;
margin-bottom: 25px;
}

ul.storeImages li
{
display: inline;
margin-left: 5px;
margin-right: 20px;
}

ul.storeImages li img
{
border: 1px solid #fff;
}

#poster
{
margin-top: 30px;
margin-left: 75px;
}

span#goToTop
{
float: right;
}

span#goToTop a
{
color: #fff;
}

/*--------------  Art Page -------------------*/


#artLines
{
float: right;
width: 55%;
margin-top: 11.875em;
margin-right: 20%;
font-size: 80%;
padding: .5%;
font-family:  Arial, Tahoma, Verdana, sans-serif;
border-left: 1px solid #fff;
}

#artLines h2
{
margin-left: 1.15em;
margin-top: 1.35em;
}

ul.one li img, ul.two li img, ul.three li img
{
background-color: #242b40;
padding: 3px;
border: 5px solid #666d83;
}

.one, .two, .three
{
width: 90%;
margin-top: 30px;
margin-left: -30px;
}

/*.three
{
width: 85%;
margin-top: 30px;
margin-left: -30px;
}*/

.one li, .two li, .three li
{
display: inline;
list-style: none;
width: 13em;
min-height: 155px;
float: left;
margin: 20px 10px 10px 25px;
text-align: center;
}

/*.three li
{
display: inline;
list-style: none;
width: 13em;
min-height: 155px;
float: left;
margin: 20px 0 10px 90px;
text-align: center;
}*/

.one li a, .two li a, .three li a
{
color: #fff;
}


/*----------------  All Gallery pages ----------------*/
#gallery
{
float: left;
width: 50%;
margin-top: 12em;
margin-left: 6em;
padding: 2em;
font-size: 90%;
border-left: 1px solid #fff;
}

#gallery h2
{
margin-top: -20px;
margin-left: 1.5em;
}

#gallery h2 span
{
font-size: 80%;
margin-left: 15%;
}

#gallery h2 span.right
{
font-size: 80%;
margin-left: 35%;
}

#gallery p
{
width: 95%;
}

#flashcontent, #flashcontent2, #flashcontent3, #flashcontent4, 
#flashcontent5, #flashcontent6, #flashcontent7, #flashcontent8, #flashcontent9 
{
float: left;
width: 105%;
height: 500px;
margin-top: 0px;
margin-left: -1em;
z-index: 10;		
}

/*-------------- All art line About pages -------*/
#aboutArtist, #aboutArtistLong
{
float: left;
width: 50%;
margin-left: 5em;
padding: 1.25em 0em 1.25em 2.1875em;
font-family:  Arial, Tahoma, Verdana, sans-serif;
font-size: 80%;
border-left: 1px solid #fff;
}

#aboutArtist
{
margin-top: 20em;
}

#aboutArtistLong
{
margin-top: 15em;
}

#aboutArtist h2, #aboutArtistLong h2
{
margin-top: -10px;
}

#aboutArtist p#last, #aboutArtistLong p#last
{
margin-bottom: 20px;
}

#aboutArtist p#links a, #aboutArtistLong p#links a
{
color: #fff;
}

#aboutArtist p#links span, #aboutArtistLong p#links span
{
margin-left: 10px;
margin-right: 10px;
}

#aboutArtistLong img
{
margin-bottom: 20px;
}

#aboutArtistLong a
{
	color: #fff;
}

img#stephen
{
float: left;
margin-right: 20px;
margin-bottom: 5px;	
}

/*--------------- Contact page -------------------*/

#contact p
{
width: 40%;
margin-top: 4em;
margin-left: 1.75em;
}

#contact a
{
color: #fff;
}

#map
{
float: right;
width: 50%;
margin-right:-2%;
margin-top: -19em;
}

#map
{
border: 0px;
}

/* --------  Forms  ---------------------------------*/

#inquiry
{
margin-top: 7em;
margin-left: 0em;
}

#inquiry input, #inquiry textarea
{
padding: 5px;
width: 70%;
margin: 0px 0px 10px 25px;
background-color: #cdccd7;
}

#inquiry textarea 
{
height: 50px;
}

#inquiry input.submit-button 
{	
width: 6.25em;
margin-top: .5em;
color: #000033;
}

#inquiry label 
{
margin-left: 2em;
width: 1%;
}


/* --------------  Tables  ---------------------------------*/

table
{
float: left;
width: 18.75em;
margin-left: 22%;
margin-bottom: 40px;
border-spacing: 0;
border-collapse: collapse;
}

tr
{
width: 9.375em;
height: 10px;
}

td
{
width: 9.375em;
padding: 1px 5px 1px 5px;
font-weight: normal;
}


/*------------------ Sitemap page --------------*/
#sitemap
{
float: left;
width: 50%;
margin-top: 11.875em;
margin-left: 20em;
padding-left: 5em;
padding-bottom: 10em;
font-family:  Arial, Tahoma, Verdana, sans-serif;
font-size: 80%;
border-left: 1px solid #fff;
}

#sitemap h2
{
margin-bottom: 2em;
}

#sitemap ul, #sitemap ul.sub1, #sitemap ul.sub2
{
list-style-type: disc;
margin-top: 10px;
margin-bottom: 10px;
}

#sitemap ul li
{
margin-top: 10px;
}

#sitemap ul.sub1
{
margin-left: 10px;
 }
 
#sitemap ul.sub2
{
margin-left: 20px;
}

#sitemap ul.sub1 li
{
margin-top: 5px;
margin-left: 30px;
}

 #sitemap ul.sub2 li
{
margin-top: 5px;
margin-left: 60px;
}

#sitemap a:link, #sitemap ul a:link, #sitemap ul li a:link
{
text-decoration: none;
color: #fff;
}

#sitemap a:visited, #sitemap ul li a:visited
{
text-decoration: none;
color: #cdccd7;
}

#sitemap a:hover, #sitemap ul li a:hover
{
text-decoration: none;
color: #ff33ff;
}

/*  ------------------   Misc --------------------------------*/

/* Remove border around linked images */
a img
{
border: none;
}

hr, .hide
{
display: none;
}

/* Self-clear floats */
.group:after
{
content: ".";
display: block;
height: 0;
clear:both;
visibility: hidden;
}