/*
	 CSS
*/
*                                       { margin: 0; padding: 0; background-color: #333333;}
body                                    { font: 12px Georgia, Serif; color:#333333 }
a, a img                                { border: 0; text-decoration: none; outline: 0; background-color:#999999; }

#page-wrap                              { width: 760px; padding: 15px; background: #999999; margin: 0 auto 50px; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

h1                                      { font: bold 20px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 20px 0; text-align: center; }
h2                                      { font: bold 20px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; }
h3                                      { font: 12px Georgia, Serif; margin: 0 0 10px 0; font-style:italic;}  
h5                                      { font: 11px Georgia, Serif; text-align: center; }
pre                                     { font: 10px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0;}

ul                                      { margin: 0 0 25px 25px; }
ul li                                   { font: 10px Georgia, Serif; margin: 0 0 8px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

.topHeader								{ height:230px; }
.yarn		                            { margin: 10px 70px 10px 50px; background-color: #999999; }
.contentContact		                    { margin: 10px 70px 10px 50px; background-color: #999999; font: 11px Georgia, Serif;}
.form									{ background-color: #cccccc; }
.footer									{ background-color: #999999; font: 10px Georgia, Serif;  text-align: center; margin: 0 5px 30px 0; vertical-align:bottom;}





/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 20px/30px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 15px 20px; background-color:#CCCCCC; }
#textSlide h3                           { font: 10px Georgia, Serif; background-color:#CCCCCC;}
#textSlide h4                           { text-transform: uppercase; font: 10px Georgia, Serif; margin: 10px 0; background-color:#CCCCCC;}
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px;background-color:#CCCCCC; }
#textSlide ul li                        { display: list-item; background-color:#CCCCCC;}

#quoteSlide                             { padding: 30px; background-color:#CCCCCC;}
#quoteSlide blockquote                  { font: italic 15px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; background-color:#CCCCCC;  }
#quoteSlide p                           { text-align: center; background-color:#CCCCCC; }


/*
    For Navigation
*/
#nav 									{ font-family: Verdana, Arial, sans-serif; font-size: small; padding:5px; margin:0px; background-color: #999999; color:#fff; margin:0 0 10px 0; height:60px;}
#nav a 									{ color: #990000; text-decoration:none; background-color: #999999;}
#nav a:hover 							{ text-decoration:underline;}
.navleft								{ background-color: #999999;}