@charset "UTF-8";
/* CSS Document */

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

html {
min-height:100%;
margin-bottom:1px;
}

body {
margin:0 auto;
padding:0;
background:#232323 url(../img/mainbody-bg.gif) 0 0 repeat-x;
}


#container {
width:600px;
height:100%;
margin: 0 auto;
}

img {
border:solid 3px #fff;
}


#mast {
width:600px;
height:70px;
border-bottom:solid 1px #7e7e7e;
padding:0;
}
#mast h1 {
display:block;
width:195px;
height:70px;
float:left;
}
#mast h1 a {
display:block;
width:195px;
height:70px;
background:url(../img/joansharma.gif) 15px 75% no-repeat;
text-indent:-5000px;
}
#mast ul {
list-style:none;
float:right;
text-align:right;
padding:40px 15px 0 0;
}
#mast li {
float:left;
display:inline;
margin-left:25px;
}	
#mast li a {
font:normal 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}



/****** gloabal opacity control ******
*************************************/
#mast h1, #mast li, #content {
/* For browser that care */
opacity: 0.7;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#mast h1:hover, #mast li:hover, #content:hover {
/* For browser that care */
opacity: 1;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*********************************
****** End opacity control ******/



#content {
width:300px;
height:600px;
position:relative;
top:25px;
}




div#form-area {
height:500px;
text-align:left;
font:normal 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#ddd;
}
div#form-area h1 {
font:bold 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#fff;
margin-bottom:10px;
}
div#form-area input {
border:solid 1px #bbb;
width:300px;
height:18px;
margin-bottom:8px;
font:normal 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#222;
background-color:#fff;
}
div#form-area textarea {
border:solid 1px #bbb;
font:normal 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#222;
margin-bottom:10px;
width:300px;
height:80px;
background-color:#fff;
}
div#form-area select {
margin-bottom:7px;
}

div#form-area input#button {
display:block;
margin:0;
padding-bottom:2px;
border:solid 1px #bbb;
background-color:#333;
color:#fff;
width:100px;
height:25px;
}

div#contact-content div.email-err, div#contact-content div.email-suc {
font:normal 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#fff;
margin-top:30px;
}



#footer {
width:600px;
height:35px;
padding-top:25px;
border-top:solid 1px #7e7e7e;
}
#footer p, #footer a {
font:bold 10px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color:#a2a2a1;
text-decoration:none;
}
#footer p.left {
float:left;
margin-left:15px;
}
#footer p.right {
float:right;
margin-right:15px;
}
#footer a:hover {
color:#fff;
}
@charset "utf-8";
/* CSS Document */