@import 'reset.css';

/* Universal styles */
body {
background: url(../images/bg_interactivemix.jpg) #63585E no-repeat;
color: #fff;
font: .75em/1.4em Arial,Verdana,sans-serif;
padding: 0px;
margin : 0px;
overflow-y : scroll;
padding-bottom : 18px;
}

h1{
font-size: 1.4em;
margin-bottom: 0.8em;
line-height: 1.2em;
font-weight :bold;
}

h2 {
font-size: 1.2em;
font-weight : bold;
}

h3 {
font-weight : bold;
}

p {
    margin-bottom:1.4em;
}
a {
font-weight :bold;
color: #fff;
text-decoration: none;
}

a:focus {
color : #fff;
border-bottom : solid 1px #fff;
padding-bottom : 10px;
}

a:hover {
text-decoration: underline;
}
/* Universal styles end */

/* Main layout styles */
#logo {
float : left
}

div.wrapper {
width: 998px;
/*margin: 0 auto;*/
padding-bottom : 40px;
overflow :hidden
}

div#header{
display: block;
margin-top : 24px;
margin-bottom : 12px;
}

.intro {
margin-left : 20px;
margin-top : 40px;
width : 610px;
float : left;
}

#container .left{
width : 235px;
float : left;
margin-left : 25px;
}

#container .right{
float : right;
width : 620px;
margin-right : 100px;
}


/*Main nav*/
ul.mainnav{
position : relative;
left : 420px;
top : 46px;
margin-bottom : 70px;
font-size : 1em;
}

ul.mainnav li{
display : inline;
padding-right : 10px;
padding-left : 8px;
}

ul.mainnav li a:hover{
text-decoration : none
}

ul.mainnav li a.on{
color : #fff;
border-bottom : solid 1px #fff;
padding-bottom : 10px;
}

ul.mainnav li a:hover{
border-bottom : solid 1px #fff;
padding-bottom : 10px;
}

/*feature*/

.featbox{
background: url(../images/interactivemix.png) top right no-repeat;
color : #bababb;
height : 217px;
width : 944px;
margin-bottom : 25px;
padding-left : 25px;
}

#twitter_div {
margin-top : 40px;
}

#twitter_update_list{
width : 200px;
}

#twitter_update_list li{
margin-bottom : 10px;
border-bottom :solid 1px #b67cb6;
padding-bottom : 10px;
}

#twitter_update_list li span{
clear : both;
display : block;
}


#twitter_update_list li a{
clear : both;
display : block;
text-align : right;
margin-top : 5px;
}

/*header links*/

.featbox h1 {
width : 500px;
height : 45px;
text-indent : -9999px;
margin : 0px;
}

h1.make-digital {
background: url(../images/hd_make_digital.png) no-repeat;
margin-left : -2px;}

h1.imix {
background: url(../images/hd_imix.png) no-repeat;
margin-left : -2px;}

h1.contact {
background: url(../images/hd_contact.png) no-repeat;
margin-left : -2px;}

h1.newsletter {
background: url(../images/hd_newsletter.png) no-repeat;
margin-left : -2px;}

h1.about {
background: url(../images/hd_about.png) no-repeat;
margin-left : -2px;}

.formintro {
color : #fff;
margin-top : -16px;
margin-bottom : -10px;
}

.left h2 {
width : 235px;
height : 40px;
text-indent : -9999px;
}

.h2-address {
background: url(../images/hd_address.gif) no-repeat;
}

.h2-twitter {
background: url(../images/hd_twitter.gif) no-repeat;
}


.right ul li {
list-style-type : disc;
margin-bottom : 8px;
margin-left : 15px;
    }

.gmnoprint {
color : #000;
}
    
/*form links*/


form {
width : 230px;
float : left;
margin-top : 40px;
}

form fieldset legend {
border-bottom : none;
margin-bottom : 10px;
font-weight : bold;}

form fieldset legend span{
position : relative;
top : -10px;
background: url(../images/hd_mailing_list.png) no-repeat;
display : block;
width : 235px;
height : 40px;
text-indent : -9999px;}

form fieldset label{
clear : left;
visibility : hidden;
display : block
}


form.contact fieldset input{
width : 490px;
}

form.contact fieldset textarea{
font: Arial,Verdana,sans-serif;
width : 490px;
background : #bababb;
border :none;
padding-left : 10px;
padding-top : 3px;
color : #666;
text-align:justify}

form fieldset input{
background : #bababb;
border :none;
height: 18px;
font-size : 0.9em;
width : 220px;
padding-left : 10px;
padding-top : 3px;
color : #666;
}

form fieldset input.small{
width : 180px;

}

form #submit, form .submit {
float : right;
width: 36px;
margin-top : 0px;
padding-bottom : 2px;
height: 22px;
color : #fff;
background : #bababb;
border :none;
cursor: pointer;
font-size : 0.9em
}

form.contact input.submit {
clear : both;
float : left;
width: 55px;
margin-top : 20px;

padding-bottom : 2px;
height: 22px;
color : #fff;
background : #bababb;
border :none;
cursor: pointer;
font-size : 0.9em
}

/*footer links*/
div#footer{
font-size : 0.9em;
color : #bababb;
clear : both;
margin-left : 25px;
width :100%;
padding : 15px 0px 0px 0px;
}

/*misc classes*/


.skiplink, .hidden {
visibility : hidden;
position : absolute;
}


.skiplink {
position : absolute;
left : 466px;
margin-top : -10px;
}

.skiplink ul li {
display : inline;
margin-right : 15px
}


.skiplink .visible {
visibility : visible    ;
}

/*escape classes*/

.no-left {
padding-left : 0px !important;
margin-left : 0px !important;
}

.nobg {
background : none !important;
}

.border {
border :solid 1px #f00;
}