/*======================================================
  Screen Style Sheet
  Hello Brainstorm
  ------------------------------------------------------
  Author(s): Melissa Garcia
  Created: 05/03/10
  ======================================================*/

/* General Classes */
.hidden {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.hidetext {text-indent:-9999px;outline:0;}

/* =links ***************************** */
a:link      {color: #ea1940;}
a:active    {color: #ea1940;}
a:visited   {color: #ea1940;}
a:hover     {color: #999; text-decoration: none;}

/* Layout */
html {background:#000;}
#wrap {width:100%; margin:0 auto; overflow:hidden; background:#000 url(images/stripes.jpg) repeat; font: normal 93% Georgia, "Times New Roman", Times, serif;}
#body {width:980px; margin:0 auto; background:#fff;}

/* Nav */
#nav-wrap  {width:100%;background:#000;}
#main-nav {position:relative; height:40px; width:980px; margin:0 auto;}
#main-nav ul {list-style:none; margin:0; position:relative; width:980px; height:36px; font-size:108%; font-weight:bold; font-style:italic;}
#main-nav li {float:left; display:inline; margin:0; color:#fff;}
#main-nav li.last {border-right:none;}
#main-nav a {text-transform: none; display:block; color:#fff; text-decoration:none; margin:10px 34px;}
#main-nav a:hover {color:#ccc;}


#header {position:relative; width:980px; height:76px; margin-top:20px; padding-bottom:15px; background:#fff url(images/header.jpg) no-repeat;}
#logo {position:absolute; width:468px; height:76px;}

#main-cta {z-index:99; position:relative; width:980px; height:338px; margin-top:10px; background:#fff url(images/main-cta.jpg) no-repeat;}
#new {position:absolute; left:700px; top:78px; width:180px; height:180px;}

/*#main-cta {margin:10px 0 0 0; width:980px; height:338px; background:#e1eaf2;}
#main-cta h1 {font: normal 153.9% Georgia, Times, serif; color:#1c4c6a;}
#main-cta p {line-height:1.5em; font-size:108%; color:#1c4c6a;}*/

.slideshow {}
.slideshow img { padding: 0; border: none;}

#main-content {padding:5px 0 30px 0; margin: 25px 30px 20px 30px;}
#main-content h1 {margin:0 0 0.8em; color:#222; font: bold italic 153.9% Georgia, Adobe Garamond Pro, Garamond, Palatino, Palatino Linotype, Times, Times New Roman, serif;}
#main-content h2 {margin:1em 0 0.8em; color:#222; font: bold italic 123.1% Georgia, Adobe Garamond Pro, Garamond, Palatino, Palatino Linotype, Times, Times New Roman, serif;}
#main-content h3 {margin:1em 0 0.5em; color:#222; font: normal 108% Georgia, Adobe Garamond Pro, Garamond, Palatino, Palatino Linotype, Times, Times New Roman, serif;}
#main-content p {margin:0 0 1em; line-height:1.6em; color:#585858;}
#main-content ul, #main-content ol {margin:1em 0;}
#main-content ul ul, #main-content ul ol,
#main-content ol ul, #main-content ol ol {margin:0; color:#585858;}
#main-content ul li,
#main-content ol li {margin:0 2.5em;line-height:1.5em; color:#585858;}
#main-content .icon {margin: 0 10px 0 0;}

.content-left {width:360px;}
.image-right {float:right; margin:0 0 20px 20px;}
.work {float:right; margin:0 0 20px 20px; width:530px; height:331px;}

hr {color:#ccc; background-color:#ccc; height:1px; clear:both; border:none; width:100%;}

#footer-wrap {float:left; width:100%; background:#000; padding:15px 0;}

#footer {width:980px; margin:0 auto; color:#ddd; position:relative;}
#footer p {font-size:77%; margin:10px; line-height:1.6em;}
#footer p.left {float:left;}
#footer p.right {float:right; text-align:right;}
#footer p a {color:#ddd;}