﻿/*******************************
Site: martexsoftware.com
Version: 1.0
Date: 12/4/09
Author: Vincent Carpenter
Last Modified by: Vincent Carpenter on 12/4/09
*******************************/


/* global reset 
***************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}

/* general 
***************************************************************************/

body
{
  font: 14px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  background:#fff;
  margin:0;
  padding:0;
  color:#333;
}

h1 
{
    font-size: 32px;
    color:#000;
    margin-bottom: 15px;
}

h2 
{
    font-size: 32px;
    color:#000;
    margin-bottom: 15px;
}

#subContent h2 
{

    color:#8e0a75;
    font-size:28px;
    margin-left:10px;
    
}

#mainContent h2 
{

    color:#22366E;
    font-size:20px;
    text-transform:uppercase;
    margin:30px 0 5px 0;
    font-weight:bold;
    letter-spacing:1px;
    
}

#mainContent h3 
{

    color:#2B417D;
    font-size:16px;
    text-transform:uppercase;
    margin:30px 0 5px 0;
    font-weight:bold;
}

.clearfix 
{
    clear:both;
}

/* links 
**************************************************************************/



a:link,a:visited {
	color: #8e0a75;
	text-decoration: none;
	}
a:hover {
	color: #8e0a75;
	text-decoration: underline;
	}


.lnkBtn 
{
    color:#fff;
    background:#8e0a75;
    margin-right: 50px;
    margin-top:15px;
    display:inline;
    float:right;
    line-height:normal;
    text-decoration:none;
            padding: 5px 0;

}

.lnkBtn a 
{
    color:#fff !important;
        padding: 5px;

}

.lnkBtn a:link 
{
    color:#fff !important;

}

.lnkBtn a:visited 
{
    color:#fff !important;

}

.lnkBtn a:hover 
{
    color:#fff !important;
    text-decoration:none;
    background:#22366E;
}



/* navigation 
**************************************************************************/

#navContainer
{
    background:#efefef;
    float:right;
    width:412px;
    height:35px;
    margin:0;
    padding:3px 0 0 0;
}



#nav ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 1px 2px 0 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	}
#nav li a {
	float: left;
	padding: 1px 1px;
	text-decoration: none;
	color: #666;
	border: none;
	}
#nav li a:hover {
	color: #000;
	border-bottom: 3px solid #8e0a75;
	}

#nav .on
{
    color: #000;
	border-bottom: 3px solid #8e0a75;
}



/* page structure 
**************************************************************************/

#masterWrap 
{
    width:100%;
    background: #ffffff url(../images/bodyBg.jpg) repeat-x 0 -20px;
}
#container
{
    width: 960px;
    margin: 0 auto;
    position:relative;
}

#slickbox
{
    width:960px;
    height:4px;
    background:#2b417d;
    margin:0 auto;
}

#cLoginBtn
{
    height: 22px;
    background:#fff;
    width:960px;
    margin:5px auto;
    padding-right:20px;
    text-align:right;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
}

#cLoginBtn a {color:#22366E;}

#cLoginBtn a:hover {color:#8e0a75;}


.twittericon {margin:5px 3px -1px 5px;}

#masthead
{
    height: 109px;
}

#masthead #logo 
{
    margin: 40px 0 0 22px;
}

#featureHome
{
    background: #233872 url(../images/ftrHome.gif) no-repeat 0 0;
    height: 205px;
    clear:both;
}

#featureContact
{
    background: #233872 url(../images/ftrHome.gif) no-repeat 0 0;
    height: 205px;
    clear:both;

}

#featureWork
{
    background: #233872 url(../images/ftrHome.gif) no-repeat 0 0;
    height: 205px;
    clear:both;

}

#featureGeneric
{
    background: #233872 url(../images/ftrHome.gif) no-repeat 0 0;
    height: 205px;
    clear:both;

}

#featureProcess
{
    background: #233872 url(../images/ftrHome.gif) no-repeat 0 0;
    height: 205px;
    clear:both;

}

#featureContent
{
    width:395px;
    height:175px;
    border: 3px solid #2b417d;
    float:right;
    margin:12px 5px 0 0;
    
}

#featureContent p 
{
    z-index:99999;
    float:right;
    position:relative;
    top:30px;
    padding: 5px 10px;
	line-height:normal;
    margin-top: 110px;
    background: url(../images/blkTransBg.png) repeat-x;
    color:#fff;
}



#mainContent
{
    width:520px;
    padding-left: 12px;
    float:left;
    padding-top:20px;
}

#subContent
{
    float:right;
    width: 408px;
    background:#efefef;
    margin:0;
    padding-top:20px;
    padding-left:5px;
    padding-bottom:5px;

}

#footer
{
    height: 75px;
    margin-top: 30px;
    background:#f0f0f0 url(../images/footerBg.jpg) repeat-x 0 0;
}

#footer p 
{
    font-size:11px;
    color:#666666;
    padding:10px 0 0 10px;
}

/* subContent page structure
**************************************************************************/

.sc1 
{
    height:135px;
    width:404px;
    margin-bottom:10px;
    display:block;
    background:#d8d8d8 url(../images/sc1Bg.gif) no-repeat 0 0;
}


.sc1:hover 
{
    background:#fff url(../images/sc1Bg.gif) no-repeat -415px 0;
}


.sc2 
{
    height:135px;
    width:404px;
    margin-bottom:10px;
    display:block;
    background:#d8d8d8 url(../images/sc2Bg.gif) no-repeat 0 0;
}


.sc2:hover 
{
    background:#fff url(../images/sc2Bg.gif) no-repeat -415px 0;
}


.sc3
{
    height:135px;
    width:404px;
    display:block;
    background:#d8d8d8 url(../images/sc3Bg.gif) no-repeat 0 0;
}


.sc3:hover 
{
    background:#fff url(../images/sc3Bg.gif) no-repeat -415px 0;
}


#subContent h3 
{
    font-size:22px;
    line-height:normal;
    padding: 6px 0 0 40px;
}

#subContent a 
{
    text-decoration:none;
    color:#666;
}

#subContent a:hover 
{
    color:#333;
}

#subContent p 
{
    padding: 6px 15px 0 40px;
    line-height: 16px;
    font-size:11px;
}




/* Work page structure 
**************************************************************************/

#subContent table 
{
    font-size:10px;
    line-height:normal;
    table-layout:fixed;
    margin-left:10px;
    margin-top:6px;
    border-collapse: collapse;
}

#subContent td {
	padding:1px 2px 3px 4px;
	border-left: 1px solid #efefef;
	}

.wsc1 
{
    height:180px;
    width:404px;
    margin-bottom:10px;
    display:block;
    background:#d8d8d8 url(../images/sc1Bg.gif) no-repeat 0 0;
}


.wsc1:hover 
{
    background:#fff url(../images/sc1Bg.gif) no-repeat -415px 0;
}


.wsc2 
{
    height:180px;
    width:404px;
    margin-bottom:10px;
    display:block;
    background:#d8d8d8 url(../images/sc2Bg.gif) no-repeat 0 0;
}


.wsc2:hover 
{
    background:#fff url(../images/sc2Bg.gif) no-repeat -415px 0;
}


.wsc3
{
    height:180px;
    width:404px;
    display:block;
    background:#d8d8d8 url(../images/sc3Bg.gif) no-repeat 0 0;
}


.wsc3:hover 
{
    background:#fff url(../images/sc3Bg.gif) no-repeat -415px 0;
}

/* Contact Us page structure 
**************************************************************************/

.address 
{
    border-left: 3px solid #999;
    line-height:18px;
    font-size:12px;
    color:#333;
    padding-left: 10px !important;
    margin-top: 15px !important;
    margin-left:10px;
    margin-bottom:20px;
}

.addressImg {margin-left:5px;}

/* Special text
**************************************************************************/

.legal 
{
    font-size:10px;
    color:#666;
	padding-left:5px !important;
}

.clr 
{
    clear:both;
}

.imgBdr {border:3px solid #D1E7F6;}

.imgSpace {margin-top:15px; margin-bottom:15px;}