body{
text-align:center;
background:#eee;
font-size:75%;
font-family: Arial, Helvetica;
}

* {
padding:0;
margin:0;
outline:none;
}

#page{
width:100%;
background: white url(/siteImages/pageBG.gif) repeat-x top left;
}

#page div{
text-align:left;
}

#banner{
position:relative;
top:0;left:0;
height:80px;
width:750px;
margin:0 auto;
}

#banner img{
float:left;
margin:13px -10px 0 20px;
}

#content{
background: white;
margin:0px auto;
clear:both;
width:750px;
padding-bottom:40px;
}

#sidebar{
padding:15px;
float:left;
width:250px;
background:url(/siteImages/dotsV.gif) repeat-y right top;
border:none;
}

#page #footer{
padding:10px;
height:50px;
background: #eee url(/siteImages/grayGrad.gif) repeat-x 0px -5px;
clear:both;
text-align:center;
}

#footer p{
font-size:11px;
}

#footer a{
color:gray;
text-decoration:none;
padding-bottom:2px;
background: url(/siteImages/dotsH.gif) repeat-x bottom center;
}

#footer a:hover{
color:#444;
}

/*- - - |  N A V I G A T I O N   |- - - - - - - - - - - - - - - - */

#navs{
position:absolute;
top:55px;right:15px;
z-index:10;
}

#navs ul{
list-style:none;
margin:0;
padding:0;
display:block;
}

#navs li{
float:left;
background: url(/siteImages/tabBG.gif) no-repeat -7px 0px;
margin:0;padding:0;
height:25px;
}

#navs li a {
background: url(/siteImages/tabBG.gif) no-repeat 100% 0px;
display:block;
padding:9px 15px 2px 0;
margin-left:13px;
font-size:11px;
color:#888;
text-decoration:none;
}

#navs li a:hover{
color:#333;
text-decoration:underline;
}

#navs li.selected {
background-position: -3px -50px;
margin:0 -4px 0 -2px;
}

#navs li.selected a {
background-position: 100% -50px;
color:#888;
margin-left:18px;
}

#navs li.selected a:hover{
color:#333;
text-decoration:underline;
}

#navs2{
float:left;
width:100%;
background: url(/siteImages/gradDown.gif) repeat-x bottom left;
padding-bottom:15px;
margin-bottom:10px;
}

#navs2 ul{
width:750px;
list-style-type:none;
margin:0 auto;
}

#navs2 li{
float:right;
margin:0px;padding:0px;
}

#navs2 a{
display:block;
padding:4px 15px;
text-decoration:none;
background: url(/siteImages/dotsV.gif) repeat-y bottom left;
color:#666;
font-size:11px;
}

#navs2 a:hover{
background-color:#FFD38F;
}

#navs2 .selected{
background: url(/siteImages/gradDown.gif) repeat-x 100% -5%;
}

/*- - - |  T Y P E S T Y L E S   |- - - - - - - - - - - - - - - - */

p {
font-size:1em;
line-height:135%;
margin-bottom:1em;
color:gray;
}

p strong{color:#555}

h1,h2,h3, #jpopalt {
margin-bottom:.4em;line-height:100%;
color:#f70;}

h1 {font-size:2.5em;letter-spacing:-.4pt;}
h2 {font-size:2em;letter-spacing:-.2pt;}
h3, #jpopalt {font-weight:bold;font-size:1.5em;letter-spacing:-.1pt;}

h4,h5 {
font-size:1em;
float:left;
line-height:135%;
margin-right:.4em;
color:#555;
}

h5 {font-size:1em;
float:none;
}

div .blurb {
float:right;
width:33%;
background: url(/siteImages/dotsV.gif) repeat-y bottom left;
margin:0 0 10px 20px;
padding-left:15px;
border:none;
}

.main .blurb{
width:120px;
}

.blurb span{
display:block;
background: url(/siteImages/endQuote2.gif) no-repeat bottom right;
}

.blurb p{
font-size:1.3em;
line-height:120%;
color:#bbb;
text-indent:15px;
text-align: center;
font-weight:bold;
margin-bottom:0;
background: url(/siteImages/startQuote2.gif) no-repeat top left;
}

.blurb strong{
color:#888;
}

#sidebar1 h5{
border:none;
padding:0;
margin:0;
width:100%;
}

em{
color:#666;
}

/*- - - |  P A G E   E L E M E N T S   |- - - - - - - - - - - - */
.slideshowFrame {
position:relative;
width:375px;
height:208px;
float:right;
margin: 60px 0 0 35px;
overflow: hidden;
}

.domain .slideshowFrame{
margin: -70px 0 0 35px;
}

.story .slideshowFrame img{
margin:0;
width:375px;height:208px;
}

.slideshowFrame span{
position:absolute;
top:0;left:0;
width:375px;height:208px;
text-indent:-5000px;
background: url(/siteImages/imageMaskBG.png) no-repeat top left;
z-index:10000;
}

.main{
float:left;
margin:20px 0 0 0;
background: url(/siteImages/gradDownWide.gif) no-repeat bottom;
padding-bottom:20px;
}

.main .more, 
.twoThirds .more,
.creative .more {
display:none;
}

.domain .main{
width:750px;
padding:20px 0 50px;
background:none;
}

.basic {
background:none;
}

.basic h3{
padding-top:40px;
}

.secondary{
float:left;width:750px;
background: url(/siteImages/columns.gif) repeat-y center top;
margin-bottom:20px;
}

.twoThirds{
float:left;
width:480px;
padding:20px 20px 20px 0;
background: url(/siteImages/dotsV.gif) repeat-y bottom right;
}

.left, .right{
float:left;
width:229px;
padding:5px 15px 0 0;
background:none;
}

.center{
float:left;
width:232px;
padding:5px 12px 0 18px;
background:none;
}

.right{
padding:5px 0px 0 15px;
background:none;
}

.right img{
float: right;
}

.left img, .right img, .center img{
margin-bottom:10px;
}

.secondary h3{
font-size:1.3em;
}

.right h3{
clear:both;
}

.side{
margin-top:15px;
}

/*- - - |  T H U M B  P O P   |- - - - - - - - - - - - */
#desc{
display:none;
}

.rssThumbs{
clear:both;
}

.rssThumbFloat img{
width:100px;
border:none;
}

.rssThumbFloat a{
float:left;
margin:10px 7px 0 0;
}

.rssThumbFloat a:hover{
border:1px solid #bbb;
padding:3px 3px 3px 4px;
margin: 6px 3px -4px -5px;
}

#fullsize{
position:relative;
float:left;
padding:30px 0 30px;
background: url(/siteImages/gradDownWide.gif) no-repeat bottom;
}

#fullsize div{
float:right;
width:250px;
}

#fullsize span{
position:absolute;
background: url(/siteImages/imageMaskLargeBG.png);
top:30px;left:0;
width:480px;
height:266px;
}

#jpopalt{
margin-top:40px;
}

#jpopcap{
font-size:1em;
line-height:150%;
margin-bottom:1em;
color:gray;
}

#placeholder{
float:left;
}

.twoThirds h3{
clear:both;
}

/*- - - |  B U T T O N  L I S T   |- - - - - - - - - - - - */
.buttonList{
display:block;
list-style:none;
clear:both;
float:right;
margin:0 0 10px 0;
padding:0 20px 0 0;
width:100%;

}

.buttonList li{
float:right;
clear:none;
margin:0 0px 0 35px;;
background: url(/siteImages/dotsH.gif) repeat-x bottom;
padding-bottom:1px;
}

.buttonList a{
display:block;
text-decoration:none;
font-size:11px;
background: url(/siteImages/arrow.gif) 	no-repeat 100% 0px;
padding: 2px 20px 2px 0;
line-height:100%;
color:gray;
margin-right: -20px;
border:none;
}

.buttonList a:hover{
color:#001D4F;
background-position:100% -16px;
}

.rssEdit a{
background:url(/siteImages/edit.gif) no-repeat 100% 0px;
}

#phoneLink,#faxLink{
float:left;
}

#faxLink a{
background:url(/siteImages/fax.gif) no-repeat 100% 0px;
}

#phoneLink{;margin-left:20px}
#phoneLink a{background:url(/siteImages/phone.gif) no-repeat 100% 0px;
}

#phoneLink a:hover,
#faxLink a:hover{
background-position:100% -16px;
}

.up a{
background-image:url(/siteImages/arrowUpCircle.gif);
}

.prev a{
background:url(/siteImages/arrowLeftCircle.gif) no-repeat 0px 0px;
padding: 2px 0px 2px 20px;
margin:0 0 0 -20px;
}

.prev a:hover{
background-position:0px -16px;
}

li.next,li.up, li.prev{
float:left}

li.up{
margin-left:20px;
}

/*- - - |  Z I R   |- - - - - - - - -  - - - - - - - - - - - */

.zirSmallHead{
text-indent:-5000px;
margin-bottom:0px;
height:30px;
}

.main .zirMainHead{
clear:none;
}
.zirMainHead{
text-indent:-5000px;
margin:10px 0 0 0;
height:50px;
clear:both;
}

.story img{
float:left;
margin:0 15px 15px 0;
}

.zirSideHead{
margin: 50px 0 15px 492px;
width:260px;
}

/*- - - |  E M A I L   F O R M   |- - - - - - - - - - - - */
.zemContactForm{
margin:30px 0;
clear:both;
padding:0;
float:left;
width:100%;
}

.zemContactForm *{
font-family:Arial;
}

.zemContactForm div{
display:none;
}

fieldset {
border:none;
margin:0;padding:0;}

legend {display:none;}

label{
font-size:1em;
color:gray;
float:left;
clear:left;
padding:5px 0 3px 0px;
display:block;
margin-top:0;
background: url(/siteImages/dotsH.gif) repeat-x top;
width:90px;
margin-bottom:15px;
line-height:100%;
}

label:hover{
background-color:#eee;
color:black;
}

#Email, 
#Name, 
#Message, 
#Receiver, 
#Phone {
border:1px inset #ccc;
background:#f5f5f5;
margin-bottom:15px;
width:80%;height:14px;float:right;
padding:2px;clear:right;
font-size:11px;
color:black;
display:block;
}

#Message{
height:100px;
} 

.button, .ign_login p.publish {
padding:0;margin:0;
float:right;
clear:both;
margin:0 25px 0 0;
background: url(/siteImages/dotsH.gif) repeat-x bottom;
padding-bottom:1px;
}

.button input, .ign_login .publish{
display:block;
text-decoration:none;
font-size:11px;
background:url(/siteImages/arrow.gif) no-repeat 100% 1px;
padding: 2px 20px 2px 0;
line-height:100%;
color:gray;
margin-right:-20px;
border:none;
}

.button input:hover{
color:#001D4F;
background-color:#eee;
background-position:100% -15px;
}

/*- - - |  C O L L A P S E R   |- - - - - - - - - - - - */
.collapser * {
list-style-type:none;
}

#dale, #cricket {
width:280px;
}

#content .collapser li ul li{
line-height:1.3em;
border:none;
background: url(/siteImages/dotsH.gif) repeat-x bottom;
padding:5px 0;
margin: 5px 0 10px;
color:gray;
}

#content .collapser li ul{
background: url(/siteImages/dotsH.gif) repeat-x top;
margin-left:20px;
}

.collapser li{
margin-bottom:10px;
}

.collapser li a{
font-size:1.3em;
color:#bbb;
text-decoration:none;
font-weight:bold;
}

.collapser li a img {
border:none;
margin:2px 3px 0 -3px;
}

.collapser a:hover{
color:#555;
}

.ign_login{
width:250px;
background:white;
margin:20px auto;
height:200px;
padding:20px;
background:#eee;
border:1px outset #eee;
}

.ign_login label{
float:left;
width:100%;
padding:4px 0 0;
}

.ign_login .edit{
float:right;margin-top:-16px;
background:#fff;clear:none;
border:1px inset #aaa;
height:18px;
}

.ign_login .publish{
float:right;}