/*
----------------------
Miguel Martin
NON-IE RULES FOR BRMI.NET
----------------------
*/


 	html, body {
		height: auto;
		font-family: geneva, tahoma, verdana, "MS Sans Serif", sans-serif;
		font-size: 90%;
		margin: 0px;
        color: #3f3b3c;
	}

/* DIVS */
 	/* MAIN LAYOUT DIVS */
	div.wrapper {
		width: 888px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	div.header	{
		position: relative;
		left: 0px;
		top: 10px;
		width: 100%;
		height: 220px;
		border-width: 0px;
		padding: 7px 17px 17px 7px;
        /*border-style: solid;*/
		/*border-color: #d3eef5;*/
        background-color: #d3eef5;
        z-index: -1;
	}

	div.sidebar {
	    position: relative;
		margin-right: 0px;
		top: 20px;
		left: 3%;
		width: 30%;
		border-width: 1px;
		padding: 12px 6px 12px 12px;
		border-style: solid;
		border-color: #d3eef5;
		font-size: 75%;
        z-index: 2;
	}

	div.content {
		position: relative;
		float: right;
		top: 20px;
		left: 2%;
		width: 60%;
		border-width: 1px;
		padding: 13px 13px 13px 13px;
		border-style: solid;
		border-color: #d3eef5;
        background-color: #d3eef5;
        z-index: 2;
	}

     /* corner styling on the head section */
    img.corner-top-left-head {
        position: relative;
        top: -12px;
        left: -12px;
        border: none;
        z-index: -1;
    }
    img.corner-top-right-head {
        position: relative;
        top: -42px;
        left: 22px;
        border: none;
        float: right;
        z-index: -1;
    }
    img.corner-bottom-right-head {
        position: relative;
        top: -80px;
        left: 888px;
        border: none;
        vertical-align: bottom;
        z-index: -1;
    }
    div.header img.head {
        position: relative;
        top: -60px;
        left: 0px;
        z-index: -1;
    }

    div.message {
        position: relative;
        border-width: 0px;
        left: 3%;
        margin-right: 10%;
        top: 15px;
    }

    .contact {
        color: #3f3b3c;
        font-weight: bold;
        background-color: #d3eef5;
        left: 2%;
        padding: 2px;
    }

	div.clear {
		line-height: 0px;
		font-size: 0px;
		clear: both;
		height: 0px;
	}



	/* SPECIALIZED DIVS */
	div.imageBox {
		position: relative;
		text-align: left;
	}
	img {
		position:relative;
		float:inherit;
		margin-left:auto;
		margin-right:auto;
		padding:5px;
	}
    img.logo {
        position: relative;
        float: left;
        border-width: 0px;
        padding: 6px 6px 23px 3px;
        height: 96px;
        width: 252px
    }
    a.logo {
        text-decoration: none;
        position: relative;
        float: left;
        border-width: 0px;
        padding: 6px;
    }

/* LINKS */

	a:link	{
		color: #51a8dd;
		text-decoration: none;
		border-bottom: 2px dotted #3f3b3c;
        font-style: normal;
	}
	a:visited 	{
		color: #51a8dd;
		text-decoration: none;
		border-bottom: 2px dotted #3f3b3c;
        font-style: normal;
    }
	a:hover 	{
		color: #3f3b3c;
		text-decoration: none;
		border-bottom: 2px solid #3f3b3c;
        font-style: normal;
    }
	a:active	{
		color: #3f3b3c;
		text-decoration: none;
	    border-bottom: 2px solid #3f3b3c;
        font-style: normal;
    }

    /* MENU ------------------------------ */
    div.menu {
        position: relative;
        top: 10px;
        left: 0px;
        width: auto;
        height: 18px;
        background-color: #FFF;
        border: none;
    }
    span.menuItem {
        position: relative;
        top: -19px;
        left: 9px;
        font-size: 90%;
        padding: 0px 0px 0px 0px;
        color: #3f3b3c;
        background-color: #d3eef5;
        border-right-style: solid;
        border-right-width: 0px;
        border-right-color: #FFF;
        border-bottom-style: solid;
        border-bottom-width: 7px;
        border-bottom-color: #d3eef5;
        z-index: 2;
    }
    span.menuItemLast {
        /*white out fix on last menu item tab*/
        position: relative;
        top: -14px;
        left: 4px;
        padding: 3px 0px 3px 0px;
        border-left: solid 10px #FFF;
        z-index: 2;
    }
    span.active-menu-item {
        position: relative;
        top: 0px;
        left: -10px;
        font-weight: bold;
    }
    img.corner-bottom-right {
        /* bottom right */
        position: relative;
        top: 14px;
        left: 0px;
        width: 12px;
        height: 20px;
        border: none;
        /*display: inline !important;*/
    }
    img.corner-bottom-left {
        /* bottom left */
        position: relative;
        top: 14px;
        left: -14px;
        width: 12px;
        height: 20px;
        border: none;
        /*display: inline !important;*/
    }

    img.corner-top-left {
        position: relative;
        top: -19px;
        left: -530px;
        width: 12px;
        height: 20px;
        vertical-align: top;
        /*  float: left;*/
        z-index: -1;
    }
    img.corner-top-right {
        position: relative;
        top: -19px;
        left: 41px;
        width: 12px;
        height: 20px;
        vertical-align: top;
        float: right;
        z-index: -1;
    }
    img.headshot {
        position: relative;
        top: 0px;
        left: -5px;
        margin: 3px;
        padding: 3px;
        border: none;
    }





    /* menu links */
    a.menu:link {
        position: relative;
        left: -7px;
		color: #3f3b3c;
		text-decoration: none;
        border-bottom: none;
        font-style: normal;
    }
    a.menu:hover {
        position: relative;
        left: -7px;
		color: #51a8dd;
		text-decoration: none;
        border-bottom: none;
        font-style: normal;
    }
    a.menu:visited {
        position: relative;
        left: -7px;
        color: #3f3b3c;
        text-decoration: none;
        font-style: italic;
        border-bottom: none;
        font-style: normal;
    }
    a.menu:active {
        position: relative;
        left: -7px;
        color: #3f3b3c;
        text-decoration: none;
        font-style: normal;
        border-bottom: none;
        font-style: normal;
    }

    div.salesman {
        border: none;
        width: 350px;
        text-align: right;
    }
    div.salesman img.salesman-img {
        left: 0px;
        top: 0px;
        vertical-align: top;
    }
    div.salesman div.blurb {
        left: 200px;
        top: 300px;
        vertical-align: bottom;
        padding: 0px 10px 10px 0px;
    }
    table.salesteam {
        position: relative;
        width: 75%;
        top: 10px;
        left: 10px;
    }
    table.salesteam td {
        padding: 0px 40px 0px 0px;
    }
    span.salesPhone {
        position: relative;
        top: 0px;
        left: 8px;
        font-size: 90%;
    }
    tr.trTopBorder {
        border-top-width: 3px;
        border-top-color: #51a8dd;
        border-top-style: solid;
    }


    span.darkBlueBG {
        border-bottom-color: #51a8dd;
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-left-color: #51a8dd;
        border-left-style: solid;
        border-left-width: 3px;
        padding: 3px 5px 3px 5px;
    }
    tr.equipment {
        vertical-align: top;
    }
    tr.equipment ul {
        position: relative;
        left: -15px;
        top: -5px;
        font-size: 90%;
    }

    span.faq-question {
        position: relative;
        left: 0px;
        text-align: left;
        color: #51a8dd;
        font-weight: bold;
        margin-top: 10px;
        border-left-color: #51a8dd;
        border-left-style: solid;
        border-left-width: 15px;
        padding: 0px 0px 0px 10px;
    }
    div.faq-answer {
        position: relative;
        left: 35px;
        color: #3f3b3c;
        font-size: smaller;
        text-align: justify;
        margin-right: 42px;
        padding: 0px 0px 10px 0px;
    }