/* ---------------------------------------------
Screen Stylesheet for http://www.iseeitsolutions.com
Author:		Joey Brunelle / www.gooserockdesign.com

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, fieldset, form,
h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
/* ---------- ::HTML & Body:: --------------------- */
html { 
font-size:100.01%;  
height: 101%;
}
body { 
height:100%;
background:#ffffff;
color:#333333;
}
/* ---------- ::Links:: ------------------------ */
a, a:visited {text-decoration:underline; color:#688ac3;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}
/* ---------- ::Typography:: ------------------- */
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding:.6em 0;}
h1 {font-size:16px; letter-spacing:1px; margin:0;line-height:16px;color:#002a5c; font-family:Lucida Sans, Verdana, sans-serif;font-weight:bold;letter-spacing:0;margin-bottom:0px;padding-bottom:0px;}
h2 {font-size:14px;margin:12px 0 0 0;padding:0;line-height:14px;font-family:Lucida Sans, Verdana, sans-serif; font-weight:bold;color:#4f91cd;}
h3 {font-size:16px;margin:5px 0 5px 5px;padding:0;position:relative;font-weight:normal;color:#688ac3;z-index:5;}
h3.img, h4.img, h5.img {color:#ffffff; }
h3.img img, h4.img img, h5.img img {position:absolute;top:0;left:0;border:0;padding:0;}
h4 {font-size:14px;margin:5px 0 5px 5px;font-weight:normal;color:#688ac3;position:relative;z-index:5;}
h4.img img {top:10px; }
h4.img {padding-top:43px;}
h5 {font-size:12px;margin:5px 0 5px 20px;font-weight:normal;color:#688ac3;position:relative;z-index:5;}
h5.img img {top:0; }
h5.img {padding:0;margin:0;}
h6 {font-size:1.1em;margin:5px 0 5px 20px;}
p {margin:0;line-height:14px;z-index:15;font-size:12px;font-family:Lucida Sans, Verdana, Arial, sans-serif;color:#444444;}
dt {font-weight:bold;}
pre {font-size: 12px;}
b, strong {color:#688ac3;font-weight:normal; }

	/* Resets for Nested elements */
	blockquote p, p blockquote,
	div div, div li, div p,
	li li, li li li,ul ul,
	p address, p pre, pre p,
	td address, td h1, td h2, td h3, td h4, td li, td dd, td dt, td p, td pre
	{font-size: 100%;font-family:Lucida Sans, Verdana, Arial, sans-serif;}
/* ---------- ::Lists:: ------------------- */
dl, ol, ul {margin:10px 20px 10px 50px;padding:0;}
li, ol, dd, dt {
padding:0;
margin:10px;
}

/* ---------- ::Template:: --------------------- */
#wrap {
    position:relative;
    margin:15px auto;
    width:860px;
    border:0;
    background:#ffffff;
}
#head {
    position:relative;
    margin:0;
    padding:0;
    width:100%;
    height:90px;
    z-index:100;
}

#head #nav {
    position:absolute;
    top:30px;
    right:0;
    margin:0;
    padding:0;
    width:538px;
    height:58px;
    background-image:url('../img/nav-bg.png');
    background-repeat:no-repeat;
    text-align:center;
    z-index:100;
}
#head #nav span.tagline {
    margin:18px 0 0 0;
    padding:0;
}
#head #nav span.tagline img {
    margin:0;
    padding:0;
}

#main {
    position:relative;
    width:100%;
    margin:37px 0 40px 0;
}
div.full #main{
    margin-top:20px;
}

#main h3 {
    margin:0 0 60px 16px;
    z-index:7;
}
#main p {
    margin:10px 5px 5px 5px;
    font-size:13px;
    line-height:18px;
    z-index:7;
}
#main ul {
    margin:10px 10px 10px 35px;
}
#main ul li {
    color:#688ac3;
}
#main ul li p {
    color:#999999;
}
#main object {
    margin:38px 0 0 0;
}
#main #main-left {
    position:relative;
    width:420px;
    z-index:7; }
    #main #main-left #btn-start-today {
        position:absolute;
        top:0;
        left:0;
        z-index:8; }
#main #main-right {
    position:relative;
    float:right;
    width:420px;
    z-index:7; }


#main div.lighthouse-bg {
    background-image:url('../img/lighthouse-bg.png');
    background-repeat:no-repeat;
    min-height:405px;
    _height:405px;
}
*+html #main div.lighthouse-bg {
    height:405px;
}
#main #handheld {
    position:relative;
    margin:0px 30px;
    background-image:url('../img/handheld.jpeg');
    background-repeat:no-repeat;
    background-position:0 20px;
    height:354px;
    width:367px;
    z-index:0; }
#main #lighthouse,
#main #overview-children,
#main #overview-adults,
#main #overview-veterans {
    position:relative;
    margin:0;
    padding:0;
    background-repeat:no-repeat;
    height:380px;
    width:420px;
}
#main #lighthouse { background-image:url('../img/lighthouse.jpg'); }
#main #overview-children { background-image:url('../img/overview-children-bg.jpg'); }
#main #overview-adults { background-image:url('../img/overview-adults-bg.jpg'); }
#main #overview-veterans { background-image:url('../img/overview-veterans-bg.jpg'); }


/*  Guided Tour Related Things  */
#main #tour-box {
    float:right;
    margin:0px 23px 60px 60px;
}

#main #where-am-i {
    position:absolute;
    top:390px;
    right:16px;
    font-size:12px;
}
#main #where-am-i-box {
    display:none;
    border:1px solid #cccccc;
    position:absolute;
    top:180px;
    right:270px;
    z-index:5;
}
#main .tour-text, #main .tour-text-active {
    display:none;
}
#main #tour-text0 {
    display:block;
}
#main .orange {
    color:#ff9900;
}


#footer {
    position:relative;
    top:20px;
    width:100%;
    text-align:center;
    height:40px;
    margin:0 0 20px 0;
    clear:both;
}
#footer-interior {
    position:relative;
    background-image:url('../img/footer-bg.png');
    background-repeat:no-repeat;
    height:40px;
    width:805px;
    margin:0 auto;
    padding:0;
}
#footer-interior ul {
    position:relative;
    top:7px;
    height:10px;
    list-style-type:none;
    margin:0;
    padding:0;
}
#footer-interior ul li {
    display:inline;
    margin:0;
    height:10px;
    padding:0 13px 0 10px;
    _padding:0 13px;
}
*+html #footer-interior ul li {
    padding:0 13px;
}
#footer-interior ul li.last {
    border:0;
}
#footer-interior ul li a,
#footer-interior ul li a:active,
#footer-interior ul li a:focus,
#footer-interior ul li a:visited {
    color:#777777;
    font-size:10px;
    text-decoration:none;
}
#footer-interior ul li a:hover {
    color:#666666;
    text-decoration:underline;
}




/* ----------  ::Navigation:: ------------------ */
/* --- : Top Menu : --- */

	#nav ul {
	    list-style-type:none;
	    margin:0px 0 0 7px;
	    padding:0;
	    z-index:100;
	}
	#nav li {float:left;padding:0;margin:0;color:#444444;z-index:100;}	
	#nav a{
        display:block;
        letter-spacing:0;
        color:#444444;
        font-size:12px;
        text-decoration:none;
        padding:28px 20px 18px 20px;
        z-index:100;
	}
	#nav a:visited {color:#444444;}
	#nav a:active,#nav a:hover,#nav a:focus,
	/* Keep parent hover while hovering child menu */
	#nav li:hover a, #nav li.hover a {color:#444444;z-index:100;}
	
		/* 2nd Tier child menu */
		#nav li ul {
            position: absolute;
            top: -999em;
            left: -999em;
            padding:5px 5px 5px 5px;
            list-style-type:none;
            text-align:left;
            width:200px;
            background:#cdd5e3;
            opacity: .93; /* Firefox 1.5, Safari, Opera 9 */
            -moz-opacity: .93; /* Firefox 1.0.x */
            filter: alpha(opacity=93); /* IE */
            -khtml-opacity:0.93; /* older safari */		
            z-index:100;
		}
		#nav li:hover ul, #nav li.hover ul {top: auto;left: auto;margin:-3px 0 0 3px;}
		#nav li:hover ul li, #nav li.hover ul li {
            position:relative;
            float:none;
            display:block;
            border:0;
            color:#444444;
            padding:0;
            z-index:100;
		}
		#nav li ul li a { padding:5px 15px; }
		#nav li:hover ul li a, #nav li.hover ul li a {z-index:10;color:#444444;}
		#nav li:hover ul li a:active, #nav li.hover ul li a:active,
		#nav li:hover ul li a:focus, #nav li.hover ul li a:focus,
		#nav li:hover ul li a:hover, #nav li.hover ul li a:hover {color:#333333;text-decoration:none;background-image:url('../img/nav-roll-bg.png');background-repeat:repeat-x;}
		
/* ---------- :: Form Builder Forms :: ---------- */
#main form,
#main form fieldset{
    margin:0;
    padding:0;
    border:0; }
#main form fieldset legend { display:none; }
#main form fieldset div { 
    position:relative;
    margin:20px 0; }
#main form fieldset label {
    color:#688ac3;
    font-size:13px; }
#main form fieldset select {
    position:absolute;
    top:0px;
    left:120px; }
#main form fieldset input {
    position:absolute;
    top:-5px;
    left:120px;
    width:278px;
    border:1px solid #cdd5e3;
    font-size:13px;
    line-height:18px;
    color:#222222;
    font-family:Lucida Sans, Verdana, Arial, sans-serif;
    padding:4px 5px; }
#main form fieldset textarea {
    width:398px;
    border:1px solid #cdd5e3;
    font-size:13px;
    color:#222222;
    font-family:Lucida Sans, Verdana, Arial, sans-serif;
    padding:4px 5px;
    line-height:18px; }
#main form fieldset p.form_error {
    font-size:13px;
    color:#ab1313; }
#main form fieldset p.description {
    font-size:11px;
    color:#777;
    font-style:italic;
    margin:0 0 0 120px;}
#main form div.submit {
    text-align:right;
    margin:0 11px 0 0; }
	
/* ---------- :: Classes :: --------------- */
.center {text-align:center;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
.external {/* for use with new window JS */}
.floatleft {float:left;}
.floatright {float:right;}
.floatright-border{float:right;border:1px solid #688AC3;margin:0 0px 15px 15px;}
.floatleft-border{float:left;border:1px solid #688AC3;margin:0 15px 15px 0;}
.hidden, .accordion-hidden {display:none;}
.inline {display:inline;}
.large {font-size:20px;font-weight:bold;}
.light {color:#999;}
.right {text-align:right;}
.png {/* for use with png fix JS */}
.gray {color:#999999; }
.button {margin:8px 0 8px 3px;}
/* ---------- ::Other:: ------------------------ */