body {margin: 0px;background-image: url(../images/background.gif);font-family: tahoma, sans-serif;font-size: 11px;color: #212F42;text-decoration: none;}

#container {width: 750px;background-color: #9EB4C4;margin-left: auto;margin-right: auto;border-right: 2px solid;border-bottom: 2px solid;border-left: 2px solid;border-color: #fff;overflow: hidden;margin-bottom: 200px;}

/* navagation bar start */
#nav {background-image: url(../nav.jpg);width: 750px;height: 59px;padding: 0;margin: 0;overflow: hidden;}
#home a{display: block;width: 75px;height: 21px;padding-top: 6px;padding-left: 10px;border: 0;position: relative;top: 24px;left: 151px;font-size: small;font-weight: bold;text-decoration: none;color: #fff;letter-spacing: 1px;background-image: url(../images/home.gif);background-repeat: no-repeat;overflow: hidden;}
#home a:hover, #home a:active {background-position: 0 -28px;}
#websites a{display: block;width: 112px;height: 21px;padding-top: 6px;padding-left: 16px;border: 0;position: relative;top: -3px;left: 226px;font-size: small;font-weight: bold;text-decoration: none;color: #fff;letter-spacing: 1px;background-image: url(../images/websites.gif);background-repeat: no-repeat;overflow: hidden;}
#websites a:hover, #websites a:active {background-position: 0 -28px;}
#flash a{display: block;width: 79px;height: 21px;padding-top: 6px;padding-left: 10px;border: 0;position: relative;top: -30px;left: 338px;font-size: small;font-weight: bold;text-decoration: none;color: #fff;letter-spacing: 1px;background-image: url(../images/flash.gif);background-repeat: no-repeat;overflow: hidden;}
#flash a:hover, #flash a:active{background-position: 0 -28px;}
#video a{display: block;width: 82px;height: 21px;padding-top: 6px;padding-left: 13px;border: 0;position: relative;top: -57px;left: 417px;font-size: small;font-weight: bold;text-decoration: none;color: #fff;letter-spacing: 1px;background-image: url(../images/video.gif);background-repeat: no-repeat;overflow: hidden;}
#video a:hover, #video a:active {background-position: 0 -28px;}
#photography a{display: block;width: 148px;height: 21px;padding-top: 6px;padding-left: 15px;border: 0;position: relative;top: -84px;left: 500px;font-size: small;font-weight: bold;text-decoration: none;color: #fff;letter-spacing: 1px;background-image: url(../images/photography.gif);background-repeat: no-repeat;overflow: hidden;}
#photography a:hover, #photography a:active {background-position: 0 -28px;}
#contact a{display: block;width: 102px;height: 21px;padding-top: 6px;padding-left: 13px;border: 0;position: relative;top: -111px;left: 648px;font-size: small;font-weight: bold;text-decoration: none;color: #fff;letter-spacing: 1px;background-image: url(../images/contact.gif);background-repeat: no-repeat;overflow: hidden;}
#contact a:hover, #contact a:active {background-position: 0 -28px;margin: 0px;width: 89px;}
/* navagation bar end */

#banner {position: relative;height: 164px;overflow: hidden;}

/* title bar */
#title {margin: 0;padding: 0;position: relative;width: 750px;height: 203px;overflow: hidden;}
#title span {display: block;position: absolute;left: 0;top: 0;z-index: 1;width: 750px;height: 203px;margin: 0;padding: 0;}
#titlebar {position: relative;height: 40px;background-image: url(../title.jpg);background-repeat: no-repeat;overflow: hidden;}

#content {background-color: #fff;border: 1px solid #212F42;width: 700px;margin-top: 25px;margin-bottom: 25px;margin-left: auto;margin-right: auto;}

/* footer */
#footer {height: 30px;background-color: #212F42;margin: 0;padding: 0;}
#footer p {font-size: 10px;color: #fff;text-align: center;padding-top: 7px;margin: 0;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #fff;text-decoration: none;}

html>body #container {margin-bottom: -100px;}