/* Main Layout Styles --------------------------------------------------------------------------------------------------------*/

body {
    background: #404040 url(http://mbmasondesign.com/images/bg.png);   
    background-repeat: repeat-x;
    font-family: Arial, Helvetiva, Sans-serif;
    color: #FFFFFF; 
}

p {
    font-size: 13px;
    line-height: 150%;
    margin-top: 2px;
}

h1, h2, h3, h4, h5, h6 {
    font-family:  Arial, Helvetiva, Sans-serif;
    margin-bottom: 0;
}

ol {
    list-style-type: none;
    font-size: 13px;
    font-family:  Arial, Helvetiva, Sans-serif;
    line-height: 150%;
    margin: 5px 0 0 -39px;
}
    

/* Header and Body Styles -----------------------------------------------------------------------------------------------------------------------*/


#links {
    width: 998px;
    height: 42px;
    background: #000000;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    margin: -8px auto -1px auto;
}
    
#header {
    width: 998px;
    height: 80px;
    background: #000000;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    margin: 0px auto -1px auto;
    padding-top: 10px;
}

#logo {
    width: 190px;
    height: 53px;
    margin: 0 0 0 50px;
    padding-top: 20px;
}

#container_home {
    width: 948px;
    height: 710px;
    background-image: url(http://mbmasondesign.com/images/feature1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    margin: 0px auto -1px auto;
    padding: 40px 0 0 50px;
}

#container_other {
    width: 948px;
    height: 710px;
    background-image: url(http://mbmasondesign.com/images/feature2.png);
    background-repeat: no-repeat;
    background-position: top center;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    margin:  0px auto -1px auto;
    padding: 40px 0 0 50px;
}

#container_flash {
    width: 998px;
    height: 710px;
    background-image: url(http://mbmasondesign.com/images/feature2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    margin: -10px auto -1px auto;
    padding: 10px 0 0 0;
}

/* View Portfolio Link styles-----------------------------------------------*/
/*Credits: Dynamic Drive CSS Library*/
/*URL: http://www.dynamicdrive.com/style*/

#modernbricksmenu{
clear: both;
margin-left: 400px;
width: 580px;
}

#modernbricksmenu ul{
margin: 0px;
margin-left: 0;
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 0 0 0;
padding: 0;
}

#modernbricksmenu a{
float: left;
display: block;
font: 13px Arial;
color: #A6A6A6;
text-decoration: none;
margin: 0 0 0 0; 
padding: 30px 21px 4px 21px;
}

#modernbricksmenu a:hover{
background-color: #000000;
border-bottom: 3px solid #485C6F;
color: #FFFFFF;
}



/* Special BODY Link Styles-----------------------------------------------*/


a.specialLink:link { 
    text-decoration: none;
    color: #A6A6A6;
} 
a.specialLink:visited { 
    text-decoration: none; 
    color: #A6A6A6;
}
a.specialLink:hover {
    text-decoration: underline; 
    color: #FFFFFF;
}
a.specialLink:active {
    text-decoration: none;  
    color: #FFFFFF; 
}


/* Image Float Styles-----------------------------------------------*/


img.float { 
    float: right;
    clear: both; 
}

img.float { 
    float: left;
    clear: both; 
}


/* Flash Styles-----------------------------------------------*/


#flashcontent {
    width: 998px;
    height: 600px;
    margin: 0px auto -1px auto;
}

#notice {
    width: 1000px;
    height: 20px;
    margin: 30px auto -1px auto;
    color: #FFFFFF;
    text-align: center;
}


/* Footer Styles----------------------------------------------*/


#footer {
    width: 1000px;
    height: 28px;
    margin: 40px auto -1px auto;
    color: #A6A6A6;
    text-align: center;
}