@import url("shared.css");

/* 
-----------------------------------------------
Reset Stylesheet
Author:   Eric Meyer

Taken from:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
img {
  border: 0;
}
:focus {   /* remember to define focus styles! */
    outline: 0;
}
body {
    line-height: 1;
    /*color: #000;*/
    background: #FFF;

}
ol, ul {
    list-style: none;
}
table {    /* tables still need 'cellspacing="0"' in the markup  */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: inherit;
}

/* Added by Justin */

/* /Added by Justin */


/* General
----------------------------------------------- */
* { 
/*color: #fff; */
line-height: 1.5; 
}

input { 
line-height: 1; 
}

body { 

    color:#333333;
    direction:ltr;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
    text-align:left;

}

#container {
position: relative;
margin: 0 auto;
padding: 0;
text-align: left;
}


h2 {
font-size: 16px;
margin-bottom: 16px;
font-weight: bold;
clear: both;
}

h3 {
font-size: 15px;
margin-bottom: 7px;
font-weight: bold;
clear: both;
}

p {
margin-bottom: 13px;
}

dt {
margin-top: 14px;
font-weight: bold !important;
font-size: 14px;
}

dd {
margin-bottom: 6px;
}

/* Masthead
----------------------------------------------- */
#mark {
position: absolute;
left: 180px;
top: 46px;
text-indent: -5000px;
width: 400px;
height: 74px;
line-height: 74px;
background: url(../i/mark.gif) no-repeat 0 0;
}

#mark a {
display: block;
width: 400px;
height: 74px;
}

#tag{
position: absolute;
left: 220px;
top: 128px;
text-indent: -5000px;
width: 326px;
height: 14px;
line-height: 14px;
background: url(../i/tag.png) no-repeat 0 0;
}

/*
####################
##  Navigation
####################
*/

#navcontainer {
position: absolute;
height: 32px;
left: -0px;
width: 760px;
}

#navwrap {
width: 760px;
float: left;
position: relative;
height: 32px;
}

ul#nav {
position: absolute;
top: 0;
left: 0;
width: 760px;
height: 32px;
background: url(../i/nav.jpg) no-repeat;
}

ul#nav li {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
text-indent: -9999px;
}

ul#nav li a {
border: 0;
text-decoration: none;
display: block;
background: transparent url(../i/nav.jpg) no-repeat;
}

/* Authenticated navbar definitions */

ul#navAuth {
position: absolute;
top: 0;
left: 0;
width: 760px;
height: 32px;
background: url(../i/authNav.jpg) no-repeat;
}

ul#navAuth li {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
text-indent: -9999px;
}

ul#navAuth li a {
border: 0;
text-decoration: none;
display: block;
background: transparent url(../i/authNav.jpg) no-repeat;
}

/* #### nav_home #### */

li#nav_home a {
margin-left: 20px;
display: inline;
width: 70px;
height: 32px;
}

li#nav_home a:link, li#nav_home a:visited {
background-position: -20px 0;
}

/* tab.home.Mouseover?  Move nav.jpg background up 64, showing blurred */
li#nav_home a:hover, li#nav_home a:focus {
background-position: -20px -64px;
}


#home_page li#nav_home a {
background-position: -20px -32px !important;
}


/* #### nav_create #### */

li#nav_teamcomposer a {
margin-left: 21px;
display: inline;
width: 83px;
height: 32px;
}

li#nav_teamcomposer a:link, li#nav_teamcomposer a:visited {
background-position: -110px 0;
}

li#nav_teamcomposer a:hover, li#nav_teamcomposer a:focus {
background-position: -110px -64px;
}

#teamcomposer_page li#nav_teamcomposer a {
background-position: -110px -32px !important;
}


/* #### nav_lessons #### */

li#nav_lessons a {
margin-left: 21px;
display: inline;
width: 73px;
height: 32px;
}

li#nav_lessons a:link, li#nav_lessons a:visited {
background-position: -213px 0;
}

li#nav_lessons a:hover, li#nav_lessons a:focus {
background-position: -213px -64px;
}
  
  
#lessons_page li#nav_lessons a {
background-position: -213px -32px !important;
}


/* #### nav_help #### */

li#nav_help a {
margin-left: 23px;
display: inline;
width: 59px;
height: 32px;
}

li#nav_help a:link, li#nav_help a:visited {
background-position: -307px 0;
}

li#nav_help a:hover, li#nav_help a:focus {
background-position: -307px -64px;
}

#help_page li#nav_help a {
background-position: -307px -32px !important;
}


/* #### nav_login #### */

li#nav_login a {
margin-left: 299px;
display: inline;
width: 85px;
height: 32px;
}

li#nav_login a:link, li#nav_login a:visited {
background-position: -664px 0;
}

li#nav_login a:hover, li#nav_login a:focus {
background-position: -664px -64px;
}


/*

##### AUTHORIZED MENU ######

*/


/* #### nav_account #### */

li#navAuth_account a {
margin-left: 265px;
display: inline;
width: 110px;
height: 32px;
}

li#navAuth_account a:link, li#navAuth_account a:visited {
background-position: -634px 0;
}

li#navAuth_account a:hover, li#navAuth_account a:focus {
background-position: -634px -64px;
}


/*
#account_page li#navAuth_account a {
background-position: -432px -32px !important;
}
*/

/*

#### Pages with wide backgrounds ####

*/


/* Content
----------------------------------------------- */
#content {
  position: absolute;
  left: 0;
  margin: 0 20px;
  width: 90%;
}







.bigblurb {
font-size: 18px;
float: left;
width:340px;
}

#screenshot {
float: left;
margin: 4px 0 24px 20px;
display: inline;
}

#whatisCentral {
text-indent: -5000px;
width: 720px;
height: 16px;
line-height: 16px;
background: url(../i/whatisCentral.gif) no-repeat 0 0;
}

#whatisComposer {
text-indent: -5000px;
width: 720px;
height: 16px;
line-height: 16px;
background: url(../i/what_is.gif) no-repeat 0 0;
}


#videocontainer {
border-top: 1px solid #abada8;
padding-top: 22px;
margin-bottom: 18px;
float: left;
}

#videocontainer p {
width: 720px;
}

#video {
text-indent: -5000px;
width: 720px;
height: 16px;
line-height: 16px;
background: url(../i/watch_video.gif) no-repeat 0 0;
}

#features {
text-indent: -5000px;
width: 720px;
height: 22px;
margin-bottom: 10px;
line-height: 22px;
background: url(../i/features.gif) no-repeat 0 0;
}

#faq {
text-indent: -5000px;
width: 720px;
height: 22px;
margin-bottom: 10px;
line-height: 22px;
background: url(../i/faq.gif) no-repeat 0 0;
}

#footer {
float: left;
clear: both;
width: 720px;
border-top: 1px solid #abada8;
margin-top: 16px;
padding-top: 16px;
font-size: 11px;
}


/*

Added by Justin

*/

#login {
color: #000;
}

#loginBox {
position:absolute;
display:none;
background:#bbb;
color: red;
z-index: 1;
padding: 8px;
}

#mnuCompose {
position:absolute;
display:none;
left: 206px;
width: 100px;
background:#bbb;
z-index: 1;
padding: 8px;
}

/*
#mnuNetwork {
position:absolute;
display:none;
left: 144px;
width: 100px;
background:#bbb;
z-index: 1;
padding: 8px;
}


#mnuContent {
position:absolute;
display:none;
left: 270px;
width: 100px;
background:#bbb;
z-index: 1;
padding: 8px;
}
*/

#mnuHelp
{
position:absolute;
display:none;
left: 432px;
width: 140px;
background:#bbb;
z-index: 1;
padding: 8px;
}

#mnuAccount
{
	position:absolute;
	display:none;
	left: 634px;
	width: 120px;
	background:#bbb;
	z-index: 1;
	padding: 8px;
}

/*
.clsTransparency80 {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.clsTransparency90 {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
*/

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #000;}


.border1
{
  border: 1px solid #abada8;
}