/*Font and center the #container div in Internet Explorer */
body {text-align:center; font-family: georgia; arial, sans-serif;
font-size:76%; letter-spacing:0.05em;}

/*Box for menu*/
#menucontainer {position:relative; width:800px; height:32px; margin:5px auto 0 auto; padding: 5px;
border:1px solid #fff; background: #000 url(http://www.jasonography.com/jasonography-logo.jpg) 5px 5px no-repeat; background-position: center; color:#fff; text-align:center;}
ul.menucontainer{float:center;width:100%;padding:0px;margin:7px 0px;list-style-type:none; text-align:center;}
a.menucontainer{float:center;width:25px;text-decoration:none;color:black;background-color:white;padding:2px 10px}
a.menucontainer:hover {color:white; background-color:black}
li.menucontainer {display:inline}

/*index page*/
#indexcontainer {position:relative; width:800px; height:auto; margin:5px auto 0 auto; padding:5px;
border:1px solid #fff; background:#000 10px 10px no-repeat; color:#fff; text-align:center;}
a.index:link {text-decoration:none; color:white; background-color:black}
a.index:visited {text-decoration:none; color:white; background-color:black}
a.index:hover {text-decoration:none; color:black; background-color:white}

/*galleries page*/
#galleriescontainerone {position:relative; width:800px; height:auto; margin:5px auto 0 auto; padding: 5px;border:1px solid #fff; background: #000 10px 10px no-repeat; color:#fff; text-align:center;}
#galleriescontainertwo {position:relative; width:800px; height:1500px; margin:5px auto 0 auto; padding: 5px;border:1px solid #fff; background: #000 10px 10px no-repeat; color:#fff; text-align:left;}
a.galleriescontainertwo{float:left; width:30%; text-decoration:none; text-align:left; color:black; background-color:white; padding:5px 5px 5px 5px; margin:5px 5px 5px 5px;}
a.galleriescontainertwo:hover {color:white; background-color:black}
a.galleriescontainerblank{float:left; width: 30%; text-decoration:none;text-align:left;color:black;background-color:black;padding:5px 5px 5px 5px; margin: 5px 5px 5px 5px;}
a.galleriescontainerblank:hover {color:black; background-color:black}

/*download page*/
#downloadcontainerone {position:relative; width:800px; height:30px; margin:5px auto 0 auto; padding: 5px; border:1px solid #fff; background: #000 10px 10px no-repeat; color:#fff; text-align:left;}
#downloadcontainertwo {position:relative; width:800px; height:600px; margin:5px auto 0 auto; padding: 5px 5px 5px 5px;border:1px solid #fff; background: #000 10px 10px no-repeat; color:#fff;}
a.downloadcontainertwo{float:left; width:30%; text-decoration:none; text-align:left; color:black; background-color:white; padding:5px 5px 5px 5px; margin: 5px 5px 5px 5px;}
a.downloadcontainertwo:hover {color:white; background-color:black}
a.downloadcontainerblank{float:left; width: 30%; text-decoration:none; text-align:left; color:black; background-color:black; padding:5px 5px 5px 5px; margin: 5px 5px 5px 5px;}
a.downloadcontainerblank:hover {color:black; background-color:black}

/*contact page*/
#contactcontainer {position:relative; width:800px; height:auto; margin:5px auto 0 auto; padding:5px;
border:1px solid #fff; background:#000 10px 10px no-repeat; color:#fff; text-align:left;}
a.contact:link {text-decoration:none; color:white; background-color:black}
a.contact:visited {text-decoration:none; color:white; background-color:black}
a.contact:hover {text-decoration:none; color:black; background-color:white}

/*add text box*/
#textcontainer {position:relative; width:800px; height:auto; margin:5px auto 0 auto; padding: 5px;
border:1px solid #fff; background:#000 10px 10px no-repeat; color:#fff; text-align:left;}

/*index page photo*/
#indexphoto {position:relative; width:800px; height:auto; margin:5px auto 0 auto; padding:5px; border:1px solid #fff; background: #000 10px 10px no-repeat; color:#fff; text-align:center;}

/*index page update*/
#updatecontainer {position:relative; width:800px; height:auto; margin:5px auto 0 auto; padding:5px;
border:1px solid #fff; background:#000 10px 10px no-repeat; color:#fff; text-align:left;}
a.update:link {text-decoration:none; color:white; background-color:black}
a.update:visited {text-decoration:none; color:white; background-color:black}
a.update:hover {text-decoration:none; color:black; background-color:white}

/*larger galleries box*/
#galleriescontainerthree {position:relative; width:1000px; height:auto; margin:5px auto 0 auto; padding: 5px;border:1px solid #fff; background: #000 10px 10px no-repeat; color:#fff; text-align:center;}