/*-- reset css --*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
padding:10px;
}
ul.content-list li{
	padding:5px;
	font-size:1.2em;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/*-- end eric meyer reset css --*/


body{text-align:center;background-color:#fff;font-size:72.5%;font-family:Arial, Helvetica, sans-serif;color:#303030}
h1{color:#fcfc9f;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;;font-size:2.5em;font-weight:bold;text-align:left;line-height:1.2em}
h2{color:#2066bc;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:2em;font-weight:bold;text-transform:capitalise;}
strong {font-weight: bold}
p{color:#303030;font-family:Arial, Helvetica, sans-serif;font-size:1em;line-height:1.4em}
a{text-decoration:none;}
/*
a:link {
	color: #FFFF00;
}
a:visited {
	color: #FFFF00;
}
a:hover {
	color: #CCFF00;
}
a:active {
	color: #FFFF00;
}
*/

#menu a:hover{color:#ccc;}
#wrapper{width:980px;margin:0 auto;}
#mast{
			width:980px;
			height:540px;
			background-image:url(../images/mast-bg.jpg);
			background-repeat:no-repeat;
			background-position:0 -8px;
			position:relative;
			}
#mast-inside{
			width:980px;
			height:540px;
			background-color:#fff;
			position:relative;
			}
/* ---------------------------------------
	HEADER
=========================================*/

#header{
	width:980px;
	height:74px;
}	
#logo{
	float:left;
}

#callus{
	float:right;
	width:391px;
	height:74px;
	background-image:url(../images/lady.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}
#ctext{
	float:right;
	padding-right:80px;
	padding-top:20px;
}
span.need, span.num{
	display:block;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#08387a;
	font-weight:bold;
}
span.need{
	font-size:1.4em;
}
span.num{
	font-size:1.8em;
}
.blue{
	color:#0f5ab7;
}
.green{
	color:#069021;
}

/* ---------------------------------------
	MAST
=========================================*/
div.inside{
	padding:44px 70px 0px 70px
}
#intro{
	float:right;
	width:450px;
}
#intro2{
	float:right;
	width:450px;
	height:345px;
	overflow:auto;
	
}
h1.itext{
	background-image:url(../images/heading.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;
	height:140px;
}
#searchbox{
	float:left;
	width:319px;
	height:337px;
	background-image:url(../images/search_box.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#searchbox ul{
	width:260px;
	margin:0 auto;
}
#searchbox li{
	text-align:left;
	float:left;
	width:260px;
}

.lft{
	float:left;
}

.rgt{
	float:right;
}
#searchbox li input.submit{
	width:252px;
	height:50px;
	padding:0;
	background-image:url(../images/submit_btn.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	border:none;
}
li.submit{
	padding:10px 0;
}
#mast p.free{
	padding:10px 32px 5px 32px;
	text-align:center;
}
#searchbox li input.lg{
	width:252px;
}
#searchbox label{
	color:#fff;
	display:block;
	padding:5px 0;
}
#menu{
	clear:both;
	position:relative;
	bottom:7px;
}
#mast p, #mast-inside p{
	font-size:1.2em;
	color:#fff;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:normal;
	padding:10px 0;
}
#mast-inside p{
	color:#303030;
}

ul.mn li{
	display:inline;
	border-right:1px solid #fff;
}
#menu li a{
	color:#fff;
	padding:0 4px;
}
ul.mn li.last{
	border:none;
}
#showcase{
	clear:both;
	height:108px;
	padding-top:20px;
	width:100%;
}
#showcase2{
	clear:both;
	height:108px;
	padding-top:10px;
	width:100%;
}

/* ---------------------------------------
	FOOTER
=========================================*/


#footer a{
	color:#990099;
        font-weight:bold;
}
#footer li{
	border-color:#000000;
}
#footer li a{
	padding:0 5px;
}

#mmenu{
	background-color:#0f5ab7;
	padding:5px 0;
}
#secondary{
	width:250px;
	float:left;
}
#main{
	width:730px;
	float:right;
}
.clear{
	clear:both;
}
#content{
	text-align:left;
	padding-bottom:20px;
}

#picwrap{

	width:223px
}

#main h2{
	padding:10px 0;
}
#content p{
	padding:10px 0;
}


/* ---------------------------------------
	FORM
=========================================*/

#content.formc{

}
#forml{
	float:left;
}
#form1 ul{
	padding:0 0;
	width:450px;
}
div.info{
	padding:0 0 0 20px;
}
#form1 li.buttons input.submit{
	width:150px;
	height:44px;
}
#searchbox div.sb, #searchbox div.sb input{
	width:120px;
}
#form1 ul.sidea{
	float:left;
}
#form1 ul.sideb{
	float:right;
}
div.full{clear:both;width:450px;padding-top:10px}
div.buttons{
	clear:both;
	text-align:center;
	padding:10px 0;
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
	#searchbox div.sb{width:110px;overflow:hidden}
	#searchbox div.sb, #searchbox div.sb input{
		width:110px;
	}
}

#nav{width:980px;margin:0;padding:0;list-style-type:none;background:url(../images/menu-bg.png) top left repeat-x;height:40px;clear:both}
#nav li{margin:0;padding:0;float:left;background:url(../images/menu-brdr.png) top right no-repeat;}
#nav a{float:left;width:163px;line-height:40px;text-decoration:none;text-align:center;font-family: Helvetica, Arial, sans-serif;color:#fff;font-weight:normal;font-size:14px}
#nav li:last-child{background:none}
#nav a:hover{background-color:#034f8d;}

#bookkeeping #nav li.book a{background-color:#034f8d;}