html body {
height: 100%;
width: 100%; 
margin: 0;
padding: 0;
background: #44483d url(/images/bkgd.gif) repeat-x fixed bottom;
font-size: 11px;
font-family: "Lucida Grande", sans-serif; 
color: #555;
}

#shell {
width: 990px;
padding: 0;
margin: 0 auto;
height: 100%;
text-align: left; 
}

img {
border: 0;
}

a {
color: #069;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
margin-top: 0;
font-size: 12px;
line-height: 1.7em;
}

b {
}

.alert {
padding: 5px 0;
color: #930;
margin-bottom: 15px;
}

.clear {
display: block;
clear: both; 
height: 1px;
}

.l {
float: left;
}

.r {
float: right;
}

#wrapper {
padding: 20px 35px 25px 35px;
text-align: left;
background: #fff; 
position: relative;
}

#wrapper ul {
list-style: none;
font-size: 12px;
margin: 10px 0 0 0;
padding-left: 10px;
}

#wrapper ul li {
margin-bottom: 5px;
padding-left: 10px;
}

#feedback-img {
position: absolute;
right: 35px;
}

#leftNav {
float: left;
width: 250px;
padding: 0 25px 0 0;  }

#nav {
background: #f4f4f4;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd; 
padding: 10px 25px;  }


#navTop {
background: url(/images/nav-top.gif);
width: 250px;
height: 6px;
padding-top: 1px;
}

#navBottom {
background: url(/images/nav-bottom.gif);
width: 250px;
height: 6px;
padding-bottom: 1px;
}

#nav ul {
list-style: none; 
padding: 0;
margin: 0;
border-top: 1px solid #ddd; 
}

#nav ul li {
font-size: 12px; 
font-weight: bold; 
border: 0;
border-bottom: 1px solid #ccc; 
padding: 7px 5px;
margin: 0;
}

#nav ul li a {
}

#nav ul li a:active, #nav ul li a:hover {
color: #88aa44; 
}

#nav ul li img {
padding-right: 8px;   
}

#nav li.sub_nav {
padding: 0;
margin: 0; 
}

#nav li.icon a {
padding: 0;
margin: 0; 
}

#nav li#currentpage {
background: #fff; 
}

#nav li#currentpage a {
color: #88aa44; 
font-weight: bold;
}

#nav li.sub_nav ul {
background: #fff; 
border: 0;
}

#nav li.sub_nav ul li {
padding-left: 20px;
border-bottom: 1px dotted #ccc;  
font-weight: normal;
}

#content {
float: left !important;  
width: 580px !important; 
padding: 0; 
border: 0;   
}

#content ul {
padding: 0 0 30px 0;
margin: 0; 
}

#content ol {
padding: 15px 0;
margin: 0; 
}

#content ul li,
#content ol li {
padding: 0 0 3px 0;
margin: 0 0 0 30px; 
}

.dotted {
border-top: 1px dotted #ccc;
margin: 45px 0 0 0;
}

#topbar {
height: 48px;
}

#logo {
float: left; 
padding: 8px 20px;
}

#toplinks {
font-size: 11px;
padding: 17px 10px;
text-align: right; 
color: #887;
}

#toplinks a {
color: #eed;
margin: 0 10px;
}

#toplinks b {
color: #eed;
font-weight: normal;
margin-right: 10px;
}

#top-cap {
height: 5px;
background: url(../images/bkgd-top.gif) no-repeat bottom;
margin-top: 4px;
}

#bottom-cap {
height: 5px;
background: url(../images/bkgd-bottom.gif) no-repeat top;
margin-bottom: 4px;
}

ul#endLogos {
padding: 20px 0 0 0;
margin: 0;
list-style: none;  }

ul#endLogos li {
padding: 0 10px 0 0;
margin: 0; 
display: inline;
}

ul#endLogos li img {
vertical-align: top;
}

h1 {
color: #e70;
margin: 0;
padding: 0;
margin-bottom: 15px;
font-weight: normal;
font-size: 24px;
}

h1 div {
font-size: 12px;
color: #555;
}

h2 {
color: #8a4;
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: normal;
padding: 5px 0;
margin: 15px 0 0 0;
}

h2.B {
padding: 0 0 2px 15px;
margin: 0;
*margin: -20px 0 0 0;
border-bottom: 1px dotted #ccc;
}

h3 {
color: #333;
font-size: 12px;
margin-top: 0;
}

h4 { 
font-size: 12px;
margin: 0;
padding: 3px 0; 
text-transform: uppercase;
}

h5 { 
font-size: 12px;
margin: 0 0 10px 0;
padding: 0; 
text-transform: uppercase;
}

h6  {
color: #999999; 
font-size: 11px; 
padding: 15px 0 0 0;  
margin: 0;  
}

select {
background: #eee;
}

form {
padding: 0;
margin: 0;
font-size: 12px;
}

form input.image { 
background: transparent; 
} 

form input#submit_index { 
position: relative;
top: 11px; 
padding: 0 0 0 8px;
background: transparent; 
} 

form input.text,
form#setup_form input.text {
width: 260px; 
margin: 2px 0;
padding: 2px;
}

form select  {
width: 260px; 
margin: 3px 0 3px 0;
padding: 1px;
}

form textarea,
#spa_code {
width: 98%; 
height: 75px; 
margin: 2px 0;
padding: 2px;
background: #eee; 
} 

form ul,
#col1-content ul  {
margin: 0;
padding:0;
list-style: none;
}

form ul li,
#col1-content ul li {
margin: 0 0 12px 0;
padding:0;
}

#footer {
text-align: right; 
background: url(/images/footer-bkgd.gif) no-repeat;
height: 48px;
margin-bottom: 40px;
}

#footlinks {
font-size: 10px;
padding: 17px 20px;
color: #887;
}

#footlinks a {
color: #eed;
margin: 0 10px;
}

.line2 {
border-top: 1px solid #d2d7c6;
margin: 20px 0;
}

.lineGreen {
border: 0;
border-top: 1px solid #6a9f2b;
color: #6a9f2b;
height: 1px;
padding: 0; 
margin: 0;
}

.orng {
color: #ff9900; 
font-size: 14px; 
font-weight: bold; 
margin: 0;
padding: 0 10px 0 0;
}

.or {
color: #ff9900;
font-size: 14px; 
padding: 0 3px 0 0; 
margin: 0;
}

.backtop {
padding: 30px 0 30px 0;
margin: 0;
}

.QA {
font-size: 14px !important;
font-weight: bold !important;
}

#swatches {
height: 45px;
}

a.swatch:hover {
border: 1px solid #f60;
}

.swatch-div {
float: left;
padding: 8px;
}

.selected {
background: #eee;
}

.swatch {
float: left;
width: 20px;
height: 30px;
}

.swatch-sep {
float: left;
margin: 7px;
margin-bottom: 15px;
width: 1px;
height: 32px;
border-left: 1px dotted #bba;
}

.color1 {
background: #eee;
border: 1px solid #888;
}

.color2 {
background: #def;
border: 1px solid #578;
}

.color3 {
background: #deb;
border: 1px solid #684;
}

.color4 {
background: #e4dbd0;
border: 1px solid #876;
}

.color5 {
background: #fea;
border: 1px solid #b50;
}

.color6 {
background: #fde;
border: 1px solid #967;
}

.color7 {
background: #dde;
border: 1px solid #668;
}

.color8 {
background: #444;
border: 1px solid #222;
}

#steps {
text-align: right;
}

.step-btn {
border: 0;
margin: 2px;
}

#Menu-Url {
position: absolute; 
visibility: hidden; 
top: 230px !important; 
_top: 250px !important; 
left: 27% !important; 
width: 200px; 
color: #000000;
text-align: left;
background: #ffffff;
padding: 10px;
border: 1px solid #000000; 
z-index: 11;
}

/* DOWNLOAD PAGE STYLES */

.download {
position: relative;
height: 170px;
margin-top: 10px;
margin-bottom: 20px;
padding: 5px;
background: url(/images/download-bkgd.gif) repeat-x bottom right;
}

ul.orangeBullet {
margin: 0;
padding: 0 10px;
}

ul.orangeBulletHalf {
width: 250px;
position: relative; 
top: -6px;
left: 195px;
margin: 0;
padding: 0 10px;
}

ul.orangeBulletHalf2 {
width: 200px;
position: relative; 
top: -6px;
left: 195px;
margin: 0;
padding: 0 10px;
}

ul.orangeBullet li,
ul.orangeBulletHalf li,
ul.orangeBulletHalf2 li {
list-style: none;
background: url(/images/bullet-orange.gif) no-repeat; 
padding: 0px 10px;
}

.fullScreen {
position: absolute; 
top: 86px; 
left: 10px; 
z-index: 1;
}

.fullDownload {
position: absolute; 
top: 116px; 
right: 12px; 
z-index: 1;
}

.halfScreen {
position: absolute; 
top: 36px;
left: 10px;
}

.halfDownload {
position: absolute; 
top: 116px; 
right: 10px; 
}

.crnrL {
position: absolute; 
bottom: 0; 
left: 0; 
z-index: 1;
}

.crnrR {
position: absolute; 
bottom: 0; 
right: 0; 
z-index: 1;
}

/* FEEDBACK */

#rating {
width: auto;
height: 40px; 
margin: 14px 0 20px 0;
padding: 0;
}

#rating ul {
margin: 5px;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

#rating ul li { 
display: inline;
margin: 5px;
padding: 0;
font-size: 10px;
text-transform: uppercase;
color: #999;
}

#rating ul li p { 
font-size: 10px;
text-transform: uppercase;
color: #999;
}

#rating li a { 
border: none !important;
}

#popfooter {
clear: both; 
margin: 15px 0;
text-align: right;
}

input.b { 
width: 230px;
height: 22px;
background: #eee;
color: #333; 
padding: 0 2px 0 5px; 
margin: 0 0 3px 0;
}

.badges {
width: 530px;
border-top: 1px dotted #ccc;
margin-top: 20px; 
}

.badges td  {
padding-top: 10px;
}

.badges textarea {
height: 80px;
width: 330px !important;
font-size: 11px;
color: #555; 
}

td {
vertical-align: top;
}

.col1 {
text-align: center;
color: #777;
line-height: 2em;
}

table#shot-ref  {
border-collapse: collapse;
border: 1px solid #ccc; 
}

table#shot-ref td  {
border: 1px solid #ccc; 
}

#sidebar h2 { 
font-size: 14px;
letter-spacing: 1px;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px dotted #ccc; 
margin-bottom: 10px !important; 
}

.sidebar-module {
border: 1px solid #ccc;
padding: 10px 10px 5px 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 16px;
}

.sidebar-logo {
margin: 10px 10px 4px 10px;
text-align: center;
}

#sidebar ul { 
margin: 0 0 15px 0;
padding: 0;
list-style: none;
font-size: 14px !important; 
font-weight: normal;
}

#sidebar li {
height: 17px;
color: #555555;
font-size: 12px;
padding: 10px 0 0 20px !important;
background: url(http://i.snap.com/images/bullet-dktan.gif) no-repeat 0 -.3em;
line-height: 15px; 
font-weight: normal; 
}

#sidebar li.ff {
height: 17px;
color: #555555;
font-size: 12px;
padding: 10px 0 15px 26px !important;
background: url(http://i.snap.com/images/icon-firefox.gif) no-repeat 0 .5em; 
font-weight: normal; 
border-bottom: 1px dotted #cccccc; 
}

#sidebar li#ie {
height: 17px;
color: #555555;
font-size: 12px;
padding: 10px 0 15px 26px !important;
background: url(http://i.snap.com/images/icon-ie.gif) no-repeat 0 .5em; 
font-weight: normal; 
border-bottom: 1px dotted #cccccc; 
}

#sidebar li#sf {
height: 17px;
color: #555555;
font-size: 12px;
padding: 10px 0 15px 26px !important;
background: url(http://i.snap.com/images/icon-sf.gif) no-repeat 0 .5em; 
font-weight: normal; 
border-bottom: 1px dotted #cccccc; 
}

#sidebar li.none {
height: 17px;
color: #555555;
font-size: 12px;
padding: 10px 0 0 0 !important;
background: none !important; 
font-weight: normal; 
}

#sidebar li#ie2 {
height: 17px;
color: #555555;
font-size: 12px;
padding: 10px 0 0 0 !important;
background: none !important;  
font-weight: normal; 
}

table#people td {
font-size: 11px !important;
}

table#people img {
border:1px solid #ccc;
}

table#careers {
width: 640px;  }

table#careers td {
padding: 2px 2px 2px 4px;
}

table#careers td h6 {
font-size: 12px; 
color: #ffffff; 
padding:0; 
margin: 0;
}

table#careers td a, 
table#careers td a:visited {
text-decoration: none;
border-bottom: 1px dotted #999999 !important;
}

table#careers td a:hover, 
table#careers td a:active {
border-bottom: none; 
padding-bottom: 1px;
}

td.right_column {
border-left: 1px solid #ccc;
vertical-align: top;
padding: 0 0 0 20px;
}

ul.HList {
float: left; 
height: 1px;
padding: 0; 
margin: 0 0 20px 0 !important; 
list-style: none; 
border-right: 1px solid #cccccc;
}

ul.HListEnd  {
float: left;
height: 1px;
padding: 0; 
margin: 0 0 20px 0 !important; 
list-style: none;
}

ul.HList li,
ul.HListEnd li {
padding: 0 15px 2px 0 !important; 
margin: 0;
}

.l-column {
color: #555;
width: 430px;
float: left;
}

.r-column {
color: #555;
width: 430px;
float: right;
margin-right: 10px;
}

h2.shotsmenu {
color: #000;
font-size: 18px;
font-weight: normal;
margin-top: 0;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}

#sidebar {
float: right;
position: relative; /* peekaboo bug fix for IE6 */
color: #555;
width: 200px; 
}

#sidebar_archives {
float: right;
font-size: 14px;
color: #555;
width: 210px; 
padding: 7px 0 0 0;
}

#sidebar-module {
float: right;
position: relative; /* peekaboo bug fix for IE6 */
color: #555;
width: 200px; 
}

#sidebar h2 { 
font-size: 14px;
letter-spacing: 1px;
margin: 0;
font-weight: normal;
text-transform: uppercase;
}

.sidebar-module {
border: 1px solid #ccc;
padding: 10px 10px 5px 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 16px;
}

#sidebar .dotted {
border-bottom: 1px dotted #ccc;
margin: 10px 0;
}

.sidebar-logo {
margin: 10px 10px 4px 10px;
text-align: center; 
}

/* //// Shot Central //// */

#shotsContent {
position: relative; 
font-size: 11px;
background: #ffffff; 
border: 1px solid #81847b; 
margin: 0;
padding: 30px;
}

.logo {
float: left;
padding: 0 20px 10px 0;
}

#maintxt { 
margin-left: 10px;
padding: 10px 0;
color: #000;
font-size: 16px;
line-height: 20px;
}

#maintxt h3 { 
margin-top: 20px;
color: #555;
font-weight: normal;
text-transform: uppercase;
}

#maintxt ul { 
margin: 10px 0;
padding: 0;
list-style: none;
font-size: 14px !important;
}

#maintxt ul li {
color: #555;
font-size: 12px;
padding: 10px !important;
padding-left: 20px !important;
background: url(http://i.snap.com/images/bullet-grey.gif) no-repeat;
line-height: 16px;
border-top: 1px dotted #ccc;
}

#maintxt li.none {
color: #555;
font-size: 12px;
padding: 10px !important;
padding-left: 20px !important;
background: transparent !important;
line-height: 16px;
}

#start-btn {
text-align: center;
padding: 10px 0 0 0; 
}

#start-btn a {
font-size: 12px;
text-decoration: none;
margin: 5px 0;
}

#start-btn a:hover {
text-decoration: underline;
}

#start-btn img {
border: 0;
margin: 5px 0 10px 0;
}

.demo {
float: left;
margin-right: 10px;
margin-bottom: 30px;
}

.shot-module {
clear: left; 
}

.shot-info {
font-size: 11px !important;
line-height: 16px !important;
}

.shot-info p {
margin-top:0;
}

#web2links  {
margin-top: 0;
float: right;
}

#web2links img {
margin: 5px;
}

#form {
clear: both;
font-size: 16px;
}

input.text {
background: #eee;
color: #333;
font-size: 14px;
height: 25px;
padding-left: 5px;
width: 250px;
}

input.captcha {
background: #eee;
color: #333;
font-size: 14px;
height: 35px;
padding-left: 5px;
margin-left: 10px;
width: 150px;
}

.capt {
border: 1px solid #ccc;
}

.sidebar2 {
margin: 10px 0 0 0 !important;
text-align: center;
}

.sidebar-logo2 ul {
padding: 0;
margin: 0;
list-style: none;
}

.sidebar-logo2 ul li {
float: left; 
margin: 0;
padding: 0;
} 

#tabs {
height: 30px;
padding-left: 10px;
font-size: 12px;
text-transform: uppercase;
background: url(../images/tab-bkgd.gif);
}

#tabs a {
color: #555;
display: block;
float: left;
padding: 7px 25px;
border-right: 1px solid #bbb;
text-decoration: none;
}

#tabs a:hover {
background: url(../images/tab-bkgd-on.gif);
color: #333;
}

#dim {
color: #aaa;
display: block;
float: left;
padding: 8px 10px;
border-right: 1px solid #aaa;
}

.tab-on {
background: url(../images/tab-bkgd-on.gif);
}

#t1c, #t2c, #t3c, #t4c, #t5c, #t6c {
padding: 30px 10px;
background: url(/images/grey-fade.gif) repeat-x;
}

#t1cB {
padding: 30px 10px;
background: url(/images/grey-fade.gif) repeat-x;
border-top: 1px dotted #ccc;
}

#t1c p, #t2c p, #t3c p, #t4c p, #t5c p, #t6c p {
font-size: 12px;
line-height: 20px;
}

#intro {
position: relative;
float: left;
}

.intro {
font-size: 1.5em;
line-height: 1.2em;
color: #000;
margin: 0;
}

.example {
margin: 15px;
padding: 15px;
background: #eee;
border: 1px solid #ddd;
}

#demoMenu {
margin-bottom: 10px;
}

#demoMenu td {
font-size: 11px;
line-height: 16px;
width: 50%; 
border-bottom: 1px dotted #ccc;
padding: 5px;
padding-top: 15px;
}

#demoMenu td ul { 
margin: 0;
padding: 0;
list-style: none;
}

#demoMenu h3 {
color: #000;
}

#demoMenu p {
font-size: 11px;
line-height: 16px;
margin-top: 8px;
}

.smlist {
list-style: none;
margin:0;padding:0;
margin-left: 10px;
}

.smlist li {
margin: 5px 0;
padding-left: 10px;
background: url(/images/bullet-small.gif) no-repeat;
}

.best {
width: 670px;
margin-top: 15px;
border-top: 1px dotted #ccc;
}

#promo {
width: 185px;
height: 200px;
padding: 3px 5px 20px 10px;
*padding-top: 12px; 
margin: 10px 0;
background: url(/images/bkgd-promo2.gif) no-repeat;
font-size: 11px;
line-height: 15px;
color: #555;
}

#faq-list {
font-size: 12px;
width: 650px;
}

#faq-list h2 {
margin-top: 20px;
}

#faq-list ol {
margin: 10px 0;
padding-left: 30px;
}

#faq-list li {
margin: 10px 5px;
}

#faq-list ul li {
list-style: none;
margin: 5px 0;
}

#faq-list p {
margin: 5px 0;
}

#faq-list a {
cursor: pointer;
}

code {
color: #333;
background: #ffd;
margin: 10px 0;
padding: 3px 0;
clear: left;
line-height: 1.5em;
}

#iconImage {
float: left; 
width: 75px;
}

#Headers {
float: left;  
width: 300px;
}

#tagline {
color: #999999; 
margin: 0; 
text-transform: uppercase;
}

#tagLine2 {
font-size: 11px; 
color: #999999; 
margin: 2px 0 0 0; 
}


#creativeLicense {
 padding: 10px 0 0 0;
 margin: 0 0 0 -15px; 
 border-top: 1px dotted #ccc; 
}