/* /style.css  */

body {
background-color:/*url(img/bg.jpg) repeat scroll 0 0*/ #A9A9A9;
  background-image: -moz-linear-gradient(top, #999999, #BBBBBB);
					-webkit-gradient(linear,left top,left bottom,color-stop(0, #999999),color-stop(1, #BBBBBB)); 
     /*        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#BBBBBB'); 
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#BBBBBB')"; */
background-attachment: fixed;
color:#000000;
font:82% "Helvetica Neue","Lucida Grande",Helvetica,Arial,sans-serif;
margin:0;
padding:10px;
}

img { 
behavior: url("iepngfix.htc");
}

.clear {
clear:both;
}

p {
margin:4px 0 6px 0;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h1, h2, h3, h4 {
font-weight:bold;
margin:10px 0 0 0;
}

h1 {
font-size:26px;
}

h2 {
font-size:23px;
}

h3 {
font-size:20px;
}

h4 {
font-size:17px;
}

a:link, a:visited {
color:#cc0000;
text-decoration:none;
}

a:hover, a:active {
color:white;
text-decoration:none;
}

ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
margin:0 0 4px 0;
padding:0;
}

/* << ----------------// Outer container //---------------->> */
#mainContainer {
margin:0 auto;
padding:0;
width:900px;
}

/* << ----------------// Slidebar //---------------->> */


div#mfslideBar {
background: none repeat scroll 0 0 #999999; 
/* url(img/menu_bg.jpg) repeat scroll 0 0*/;
border:1px solid #555555;
z-index:100;
/*
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6; 
*/
}

div#mfslideBarContentsInner a:link, div#mfslideBarContentsInner a:visited {
background:#555555 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
padding:2.5px 3px;
text-decoration:none;
width:172px;
}

div#mfslideBarContentsInner a:hover {
background:#cccccc none repeat scroll 0 0;
color: #333333;
}

div#mfslideBarContentsInner ul {
list-style-type:none;
margin:5px 0 0;
padding:0;
}

#mfslideBarContentsInner p {
color:#F3EEEA;
font-size:16px;
font-weight:bold;
letter-spacing:0.1em;
margin:20px 0 10px;
}


/* << ----------------// Header //---------------->> */
#header {
color:#FFFFFF;
height:90px;
margin:auto;
padding:25px 0 0;
text-align:right;
width:620px;
}

#colContainer {
/* height:400px; */
}

#aboutColContainer {
height:1220px;
}

/* << ----------------// column one //---------------->> */
#columnOne {
float:left;
height:100%;
margin:0;
padding:0 5px 10px;
position:relative;
width:650px;
}

#columnOne img {
    border: 10px solid #ffffff;
    float: right;
    margin: 20px;
}

#columnOne h2, #columnThree h2, #columnFour h2 {
font-size:16px;
}

#columnOne img.thumb {
border:medium none;
margin:5px 10px 5px 0;
}

#contact {
color:black;
font-size:13px;
left:30px;
line-height:1.1em;
margin:10px;
padding:10px;
position:absolute;
text-align:justify;
top:120px;
width:200px;
}

#contact h3 {
color:#333333;
font-size:16px;
letter-spacing:0.05em;
margin:10px 0;
}

#contact a:link, #contact a:visited {
color:#F3EEEA;
font-weight:bold;
padding: 0 2px;
}

#contact a:hover {
background: #777777;
}

#about {
color:black;
font-size:13px;
left:85px;
margin:10px;
padding:10px;
position:absolute;
text-align:justify;
top:250px;
width:680px;
}

#aboutLinks {
font-size:0.8em;
letter-spacing:0.01em;
position:absolute;
top:150px;
width:250px;
}

#about h3 {
    color: #F9F3F3;
    font-size: 18px;
    margin: 30px 0 10px;
}

#about p {
line-height:1.3em;
margin:0 0 20px;
}

#about a:link, #about a:visited {
color: #F3EEEA;
}

#about a:hover {
text-decoration:underline;
}


/* << ----------------// column two //---------------->> */
#columnTwo {
float:left;
font-size:1.4em;
height:300px;
letter-spacing:0.1em;
margin:0;
padding:20px 10px 10px 5px;
position:relative;
text-align:right;
width:100px;
}

#columnTwo a:link, #columnTwo a:visited {
color: #FCF3EC;
}

#columnTwo a:hover {
color: black;
}


/* << ----------------// Footer //---------------->> */
#footer {
    clear: both;
    color: #333333;
    font-size: 11px;
    font-style: italic;
    line-height: 14px;
    margin: 0 225px 20px;
    padding: 5px 5px 5px 0;
    width: 330px;
}

#footer a:link, #footer a:visited {
color:#999999;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#FCF3EC;
text-decoration:underline;
}

#copyright {
color:#FCF3EC;
font-weight:bold;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */