/* ----- General ----- */
body
{
	background-color: #fff;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

div, ul, h1, h2, h3, h4, img, form, input
{
	margin: 0;
	padding: 0;
}

p
{ 
    padding:0.5em 0 0.5em 0;
    margin:0;
}


ul
{
	list-style-type: none;
}

img
{
    border:none;
}

/* so hackish...  */
.clear
{
    clear:both;
    line-height:0px; 
}

.left { float: left; }
.right { float:right; }
/* ---------- */


/* ----- Upper Pan ----- */
#upperpan
{
	color: #6B6854;
    width: 100%;
}

/* Logo */
#logo
{
    padding-right: 30px;
    border-right: 1px solid #90989b;
    background: transparent url('images/mtlogo.png') no-repeat scroll 0%;
    height:75px;
    width:249px;
    float:left;
}

	#logo
	{
		text-decoration:none;
	}

/* Banner */
#banner
{
	width: 468px;
    float:right;
}   

	#banner a
	{
		text-decoration:none;
	}
	
	#banner h1
	{
		text-decoration:none;
	}

    #banner ul
    {
        height: 31px;    
    }

        #banner ul li a.opt
        {
        	background: url(images/optimize.png) no-repeat;
        	width: 156px;
        }

        #banner ul li a.track
        {
        	background: url(images/track.png) no-repeat;
        	width: 156px;
        }

        #banner ul li a.con
        {
        	background: url(images/convert.png) no-repeat;
        	width: 156px;
        }

        #banner ul li
        {
        	display: block;
        	float: left;
        }

        #banner ul li a
        {
        	display: block;
        	height: 31px;
            font-size:0px;
        }

/* Header */
#header
{
	color: #515151;
	margin: 0 auto 0 auto;
	position: relative;
	width: 60em;
    max-width:960px;
}

    #header h1
    {
    	background: url(images/slogan2.png) no-repeat;
    	height: 23px;
    	width: 268px;
        font-size:0px;
        margin: 15px auto 0 auto;
    }

#menu #menuin
{ 
    background: url(images/header_bg.gif) repeat #FDFEFF;
    background-position: bottom;
    width:60em;
    height:2em;
    text-align:center;
    margin:0 auto 0 auto;
}

#menu
{ 
    width:100%;
    height:2em;
	background: url(images/upper_pan_bg.gif) repeat #FDFEFF;
    background-position: bottom;
}

    #menu ul.navi
    {
    	display: block;
        margin: 1px auto 0 auto;
        width:30em;
    }

    #menu ul.navi li
    {
    	padding: 1px 10px 0 10px;
        float:left;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
    }

    #menu ul.navi li a.na
    {
        display:block;
    	background-color: #DCDCDC;
    	color: #515151;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	height: 22px;
    	line-height: 22px;
    	margin: 2px 0 2px 0;
    	padding: 0px 3px 0px 3px;
    	text-decoration: none;
    	text-indent: 0px;
    }

    #menu ul.navi #curpage
    {
        line-height:2em;
        margin:1px 0 0 0;
        background:#ffffff;
        font-size:12px;
        font-weight:bold;
        height:2em;
    }

    #menu ul.navi li a.na:hover
    {
    	background-color: #FDFEFF;
    	color: #515151;
    }
/* ---------- */


/* -----Hook----- */
.close a
{
    color:#475573;
    font-weight:bold;
    text-decoration: none;
}

#hook_container
{
    width: 100%;
    background: transparent url('images/shadow.png') repeat-x scroll 0%;
    background-position:bottom;
    height:160px;
    padding:10px 0 10px 0;
    margin-bottom:10px;
}

#hook_content
{
    width:60em;    
    max-width:960px;
    height:160px;
    margin:0 auto 0 auto;
}

#hook_img
{
    margin: 20px 0 0 20px;
    float:left;
}

    #hook_img img
    {
        margin-left:auto;
        margin-right:auto;
    }

#hook_desc
{
    float:right;
    width:480px;
    margin: 20px 10px 0 20px;
    font-size: 14px;
    line-height: 22px;
}

    #hook_desc h1
    {
        color: #555555;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 22px;
        display:inline;
        font-weight:normal;
    }
    
    #hook_desc h1 a
    {
        font-weight:bold;
    }
    
#close
{
    width:100%;
    text-align:center;
    margin-top:0.5em;
}

    #close a
    {
        text-decoration:none;
        font-weight:bold;
        color: #475573;
    }

    #close a:hover
    { 
        text-decoration:underline;
    }
/* ---------- */


/* -----Main Content----- */
#content
{
    width:60em;
    max-width:960px;
    margin:0 auto 10px auto;
}

#container
{
    width: 100%;
    background: transparent url('images/shadow.png') repeat-x scroll 0%;
    background-position:bottom;
}

/* Brags - General */
.brag
{

}

    .bragheader { padding-top: 40px; }

/* Brags - Specific */
.b-whatdo 
{ 
    background:transparent url('images/wedo.png') top center no-repeat;
    padding-right:15px;
    width:374px;
}

    .b-whatdo h1
    {
        font-size:14px;
        font-weight:bold;
        line-height:22px;
        color: #494f51;
        margin-bottom:0.25em;
    }    
    
.b-homeright
{
    width: 374px;
    line-height:22px;
    background-position:top center;
}
    
    .b-homeright h1
    {
        margin-top:1em;
        font-size:18px;
        font-weight:bold;
        line-height:22px;
        color: #475573;
    }
    
.b-whoare
{ 
    background:transparent url('images/whoare.png') top center no-repeat;
    background-position:top center;
    margin-bottom:40px;
}

.b-recart
{ 
    background:transparent url('images/recart.png') no-repeat scroll 0%;
    background-position:top center;
    margin-bottom:20px;
    padding-top:30px;
}

    .b-recart h2
    { 
        font-size:12px;
        font-weight:normal;
        margin-top:-3px;
    }

    .b-recart a
    { 
        text-decoration:none;
        color:#475573;
    }

    .b-recart a:hover
    { 
        text-decoration:underline;
    }
    
.b-whatnow 
{ 
    background: transparent url('images/about/whatnow.png') top center no-repeat; 
    width: 180px;
}
    
    .b-whatnow ul 
    { 
        list-style-type:none; 
        margin-top:10px;
        padding-left:10px;
    }
    
    .b-whatnow li 
    { 
        line-height: 32px; 
        font-weight:bold;
        list-style-type: circle;
    }
    
    .b-whatnow a
    {
        border-bottom:2px solid #ccc;
        text-decoration:none;
        color:#475573;
        font-weight:normal;
    }
    
.b-serviceside 
{ 
    padding-top:0px;
    width:180px;
}

    .b-serviceside .desc_block
    {
        border-bottom:1px solid #ccc;
    }

    .b-serviceside .desc_block img
    {
        width:180px;
        margin-bottom:10px;
    }
    
    .b-serviceside .desc_block h1
    {
        text-align:center;
        border-bottom:1px dotted #ccc;
        margin-bottom:10px;
    }
    
    .b-serviceside .desc_block a { border-bottom:none; }
    
    .b-serviceside li 
    { 
        margin-bottom:0.5em;
    }

.b-emailus
{
    background: transparent url('images/emailus.png') top center no-repeat; 
    width:344px;
    padding-right:45px;
}

.b-getquote
{ 
    width: 364px;
    line-height:22px;
    background:transparent url('images/quote.png') top center no-repeat;
    background-position:top center;
    padding-left:10px;
}

#content-about ul
{ 
    list-style-type:disc;
    margin-left:40px;
}

#content-about { width:554px; }
    
#serviceContent
{
    width:554px;
    float:left;
    color:#333333;
}
    
    #serviceContent .desc_block
    {
        line-height:18px;
        margin-bottom:36px;
    }
    
    #serviceContent .desc_block h1
    {
        font-size:18px;
        color:#475573;
        font-weight:bold;
        margin-bottom:-5px;
    }
    
    #serviceContent img
    {
        float:right;
    }
    
    #serviceContent p
    {
        margin-top: 1em;
    }
/* ---------- */

    
/* -----Miscellaneous----- */
.desc_block
{
    border-bottom:1px dotted #cccccc;    
    padding-bottom: 0.5em;
    margin-top:0.75em;
}

    .desc_block a
    { 
        text-decoration:none;
        color:#475573;
        border-bottom:2px solid #ccc;
    }
    
    .desc_block h1
    {
        font-size:14px;
        font-weight:bold;
        line-height:22px;
        color: #494f51;
        margin-bottom:0.25em;
    }  

    .desc_block h2
    {
        font-size:14px;
        font-weight:normal;
        line-height:22px;
        color: #494f51;
    }
/* ---------- */

/* -----Contact forms----- */
.formblock
{ 
    margin-bottom:10px;
}

label  
{ 
    margin-right:0.5em;
    text-align:right;
}

input, textarea
{ 
    border:1px solid #90989b;
}

textarea
{ 
    width:344px;
}

.b-getquote textarea
{ 
    width:364px;
}
/* ---------- */

/* -----Footer----- */
#footer
{
    font-size:10px;
    line-height:14px;
    width:100%;
    text-align:center;
    margin-bottom:30px;
}

    #footer a
    {
        color:#d41f00;
        text-decoration:none;
        font-weight:bold;
    }