/*
--------------------------------------------------------------------------------
CLIENT: Odyssey Medical, Inc. (INTRO)
AUTHOR: Collin Houseal - housealcreative.com
----------------------------------------------------------------------------- */


/*  STRUCTURE
----------------------------------------------------------------------------- */

* {
    padding: 0;
    margin: 0;
    }

body {
    text-align: center;
    background-color: #000;
	}

#wrap {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
    }

#header {
    width: 640px;
    height: 165px;
    background: transparent url(/images/intro_bg-header.gif) top center no-repeat;
    }

#nav {
    width: 640px;
    height: 255px;
    background: transparent url(/images/intro_bg-nav.gif) top center no-repeat;
    }

#footer {
    width: 640px;
    height: 100px;
    background: transparent url(/images/intro_bg-footer.gif) top center no-repeat;
    }


/*  NAVIGATION
----------------------------------------------------------------------------- */

#nav ul {
    float: left;
    display: inline;
    }

#nav ul li {
    float: left;
    }

#nav ul li a {
    height: 255px;
    float: left;
    text-decoration: none;
    text-indent: -99999px;
    }

li#n1 a { width: 220px; background: transparent url(/images/intro_nav-OFF.gif) 0 0; }
li#n2 a { width: 200px; background: transparent url(/images/intro_nav-OFF.gif) -220px 0; }
li#n3 a { width: 200px; background: transparent url(/images/intro_nav-OFF.gif) -420px 0; }

li#n1 a:hover { background: transparent url(/images/intro_nav-ON.gif) 0 0 no-repeat; }
li#n2 a:hover { background: transparent url(/images/intro_nav-ON.gif) -220px 0 no-repeat; }
li#n3 a:hover { background: transparent url(/images/intro_nav-ON.gif) -420px 0 no-repeat; }


/*  TEXT
----------------------------------------------------------------------------- */

#footer p {
    font: 10px/18px Arial, Helvetica, sans-serif;
    color: #666;
    padding-top: 75px;
    }

#footer p span {
    margin: 0 10px 0 10px;
    color: #cc9933;
    }


/*  LINKS
----------------------------------------------------------------------------- */

#footer p a {
    color: #999;
    text-decoration: none;
    }
    
    #footer p a:hover {
    color: #fff;
    }

/*  IMAGES
----------------------------------------------------------------------------- */

img {
    border: 0;
    }

img.facebook {
    margin: 20px 0 40px 0;
    }


/*  MISC
----------------------------------------------------------------------------- */

a {
    outline: none;
    }