@charset "UTF-8";
.style19 {
	font-size: 16px;
	color: #000000;
	font-family: "Courier New", Courier, monospace;
}
.style2 {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
.style3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
}
.style4 {font-size: 12px}
.style5 {
	color: #000000
}
.style6 {font-size: 10px}
.style7 {color: #DADADA}
.style11 {
	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
.style16 {font-size: 12px; font-family: "Courier New", Courier, monospace; color: #000000; font-weight: bold; }
.style2 {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
.style4 {font-size: 12px}
.style5 {
	color: #000000
}
.style6 {font-size: 10px}
.style7 {color: #DADADA}
.style11 {	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
a {
	font-family: Courier New, Courier, monospace;
	font-size: 11px;
	color: #000000;
}
a:link {
	text-decoration: none;
	color: #0C3445;
}
a:visited {
	text-decoration: none;
	color: #0C3445;
}
a:hover {
	text-decoration: none;
	color: #0066CC;
}
a:active {
	text-decoration: none;
}
.style13 {font-family: "Courier New", Courier, monospace}
.style14 {font-size: 11px}
.style15 {color: #003366}
.style16 {color: #003333}
.style18 {font-size: 11px; color: #FFFFFF; }
.style2 {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
.style4 {font-size: 12px}
.style5 {
	color: #000000
}
.style6 {font-size: 10px}
.style7 {color: #DADADA}
.style11 {	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
a {
	font-family: Courier New, Courier, monospace;
	font-size: 11px;
	color: #0C3445;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0C3445;
}
a:hover {
	text-decoration: none;
	color: #0066CC;
}
a:active {
	text-decoration: none;
}
.style12 {color: #FFFFFF}
.style13 {font-family: "Courier New", Courier, monospace}
.style14 {font-size: 11px}
.style15 {color: #003366}
.style16 {color: #003333}
.style17 {font-size: 11px; font-family: "Courier New", Courier, monospace; }
.style2 {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
.style4 {font-size: 12px}
.style5 {
	color: #000000
}
.style6 {font-size: 10px}
.style7 {color: #DADADA}
.style11 {	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
a {
	font-family: Courier New, Courier, monospace;
	font-size: 11px;
	color: #0C3445;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0C3445;
}
a:hover {
	text-decoration: none;
	color: #0066CC;
}
a:active {
	text-decoration: none;
}
.style13 {font-family: "Courier New", Courier, monospace}
.style14 {font-size: 11px}
.style15 {color: #003366}
.style16 {color: #003333}
.style2 {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
.style3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	color: #000000;
}
.style4 {font-size: 12px}
.style5 {
	color: #000000
}
.style6 {font-size: 10px}
.style7 {color: #DADADA}
.style2 {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
.style3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	color: #000000;
}
.style4 {font-size: 12px}
.style5 {
	color: #000000
}
.style6 {font-size: 10px}
.style7 {color: #DADADA}
.style12 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.style13 {font-family: "Times New Roman", Times, serif}
.style14 {
	color: #FFFFFF;
	font-size: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style2 {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
.style4 {font-size: 12px}
.style5 {
	color: #000000
}
.style6 {font-size: 10px}
.style7 {color: #DADADA}
.style11 {	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
a {
	font-family: Courier New, Courier, monospace;
	font-size: 11px;
	color: #0C3445;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0C3445;
}
a:hover {
	text-decoration: none;
	color: #0066CC;
}
a:active {
	text-decoration: none;
}
.style13 {font-family: "Courier New", Courier, monospace}
.style14 {font-size: 11px}
.style15 {color: #003366}
.style16 {color: #003333}
.style2 {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
}
.style3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	color: #000000;
	font-style: normal;
}
.style4 {font-size: 12px}
.style5 {
	color: #000000
}
.style6 {font-size: 10px}
.style7 {color: #DADADA}

#wrapper {
	height: 700px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#top_banner {
	background-image: url(images/markfdesign_website_01.png);
	background-repeat: no-repeat;
	float: left;
	height: 104px;
	width: 980px;
}
#home a{
	display: block;
	cursor: pointer;
	background-image: url(images/markfdesign_website_05O.png);
	float: left;
	height: 26px;
	width: 69px;
	margin-left: 30px;
	}
#home a:hover{
	cursor: pointer;
	background-image: url(images/markfdesign_website_05.png);

}
#about a{
	display: block;
	cursor: pointer;
	background-image: url(images/markfdesign_website_06O.png);
	float: left;
	height: 26px;
	width: 69px;
	}
#about a:hover{
	cursor: pointer;
	background-image: url(images/markfdesign_website_06.png);
	
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	height: 26px;
	width: 81px;
}
#menu a, #menu h2 {
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	border-width: 0px;
	margin: 0;
	padding: 0px;
	height: 26px;
	width: 81px;
	background-repeat: no-repeat;
}

#menu h2 {
	height: 26px;
	width: 81px;
	background-image: url(images/markfdesign_website_07O.png);
	background-repeat: no-repeat;
}
#menu a,#menu h2 {
	height: 26px;
	width: 81px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(images/markfdesign_website_07O.png);
	background-repeat: no-repeat;
}

#menu a {
	cursor: pointer;
	float:left;
	position:static;
	color: #000000;
	background: url(images/drop1.png);
	text-decoration: none;
	text-align: left;
	height: 12px;
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	font-size: 11px;
	width: 60px;
	color: #FFFFFF;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
	margin-left: 10px;
	padding-top: 3px;
}

#menu a:hover {
	cursor: pointer;
	float:left;
	position:static;
	color: #006699;
	background: url(images/drop2.png);
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	height: 12px;
	width: 60px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	padding-top: 3px;
}
#star {
	float: right;
	height: 104px;
	width: 85px;
	margin-right: 25px;
}

#menu ul ul {
position: absolute;
z-index: 500;
}
#menu  a:hover   {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
display: none;

}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
display: block;

}

#news a{
	display: block;
	cursor: pointer;
	background-image: url(images/markfdesign_website_08O.png);
	float: left;
	height: 26px;
	width: 66px;
}
#news a:hover{
	cursor: pointer;
	background-image: url(images/markfdesign_website_08.png);
	
}
#contact a{
	display: block;
	cursor: pointer;
	background-image: url(images/markfdesign_website_19O.png);
	float: left;
	height: 26px;
	width: 75px;
}
#contact a:hover{
   cursor: pointer;
	background-image: url(images/markfdesign_website_19.png);
	
}
.flash {
	background-image: url(images/mfd_banner_gif.jpg);
	float: left;
	height: 128px;
	width: 543px;
	margin-top: 5px;
	margin-left: 17px;
}
.content {
	float: left;
	height: 396px;
	width: 980px;
}
#mailicon a{
	display: block;
	cursor: pointer;
	float: right;
	height: 11px;
	width: 16px;
	margin-top: 74px;
	background-image: url(images/markfdesign_website_09O.png);
}
#mailicon a:hover{
	cursor: pointer;
	background-image: url(images/markfdesign_website_09.png);

}
#content1 {
	float: right;
	width: 522px;
	margin-top: 15px;
	margin-right: 30px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(images/markfdesign_website_17O.png);
	background-repeat: repeat;
	padding: 10px;
	height: 180px;
	border: 1px solid #666666;
}
.footer {
	float: right;
	height: 21px;
	width: 545px;
	background-image: url(images/markfdesign_website_21b.png);
	background-repeat: repeat-x;
	margin-right: 30px;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 0px;
	padding-top: 9px;
	}

.footer a:link {
	color: #000000;
	text-decoration: none;
}
.footer a:visited {
color: #000000;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: none;
	color: #006699;
}
.footer a:active {
	text-decoration: none;
}

#nav {
	float: left;
	height: 128px;
	width: 390px;
	margin-top: 5px;
}
#title {
	background-image: url(images/markfdesign_website_13.png);
	float: left;
	height: 101px;
	width: 360px;
	margin-left: 30px;
}
.content2 {
	float: left;
	width: 980px;
	background-repeat: no-repeat;
}
#title_news {
	background-image: url(images/markfdesign_website_15n.png);
	float: left;
	height: 101px;
	width: 360px;
	margin-left: 30px;
}
#content_news {
	float: right;
	width: 400px;
	margin-top: 15px;
	margin-right: 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(images/markfdesign_website_17O.png);
	background-repeat: repeat;
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	margin-bottom: 10px;
}
#news_date {
	float: right;
	width: 110px;
	margin-top: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(images/markfdesign_website_17O.png);
	background-repeat: repeat;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#title_contact {
	background-image: url(images/markfdesign_website_15c.png);
	float: left;
	height: 101px;
	width: 360px;
	margin-left: 30px;
}
.content3 {
	float: left;
	width: 980px;
	background-repeat: no-repeat;
	height: 396px;
}
#title_about {
	background-image: url(images/markfdesign_website_15.png);
	float: left;
	height: 101px;
	width: 360px;
	margin-left: 30px;
}
.content4 {
	float: left;
	width: 980px;
}
.content5 {
	float: left;
	width: 980px;
	background-repeat: no-repeat;
}
#branding_list {
	float: left;
	margin-top: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(images/markfdesign_website_17O.png);
	background-repeat: repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 30px;
	padding-right: 10px;
	border: 1px solid #666666;
}
#work_details {
	float: right;
	margin-top: 16px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #FFFFFF;
	background-repeat: repeat;
	margin-left: 15px;
	text-align: right;
	margin-right: 15px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 170px;
}
.work_details1 {
	float: right;
	width: 170px;
	margin-top: 16px;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #FFFFFF;
}
#content_work {
	float: right;
	width: 522px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(images/markfdesign_website_17O.png);
	border: 1px solid #666666;
	background-repeat: repeat;
	padding: 10px;
}


#branding_list a:link {
	color: #000000;
	text-decoration: none;
}
#branding_list a:hover {
	text-decoration: none;
	color: #006699;
}
.top_buttons  {
	text-decoration: none;
	margin-bottom: 0px;
	height: 20px;
	padding: 5px;
}
#title_print {
	background-image: url(images/markfdesign_website_15p.png);
	float: left;
	height: 101px;
	width: 360px;
	margin-left: 30px;
	
}.footer a:link {
	color: #000000;
	font-size:10px;
	text-decoration: none;
}
.footer  a:visited {
    color: #000000;
    font-size:10px;
	text-decoration: none;
}
.footer  a:hover {
	text-decoration: none;
	font-size:10px;
	color: #006699;
}
.footer  a:active {
    font-size:10px;
	text-decoration: none;
}
#title_outdoor {
	background-image: url(images/markfdesign_website_15o.png);
	float: left;
	height: 101px;
	width: 360px;
	margin-left: 30px;
}
#title_digital {
	background-image: url(images/markfdesign_website_15d.png);
	float: left;
	height: 101px;
	width: 360px;
	margin-left: 30px;
}
#work_details a:link {
	color: #FFFFFF;
	font-size:11px;
	text-decoration: none;
	text-decoration: underline;
}
#work_details a:visited {
    color: #FFFFFF;
    font-size:11px;
	text-decoration: none;
	text-decoration: underline;
}
#work_details a:hover {
	text-decoration: none;
	font-size:11px;
	color: #006699;
	text-decoration: underline;
}
#work_details a:active {
    font-size:11px;
	text-decoration: none;
}

#content1 a:link {
	color: #000000;
	font-size:11px;
	text-decoration: none;
	text-decoration: underline;
}
#content1 a:visited {
    color: #000000;
    font-size:11px;
	text-decoration: none;
	text-decoration: underline;
}
#content1 a:hover {
	text-decoration: none;
	font-size:11px;
	color: #006699;
	text-decoration: underline;
}
#content1 a:active {
    font-size:11px;
	text-decoration: none;
}
#content_news a:link {
	color: #000000;
	font-size:11px;
	text-decoration: none;
	text-decoration: underline;
}
#content_news a:visited {
    color: #000000;
    font-size:11px;
	text-decoration: none;
	text-decoration: underline;
}
#content_news a:hover {
	text-decoration: none;
	font-size:11px;
	color: #006699;
	text-decoration: underline;
}
#content_news a:active {
    font-size:11px;
	text-decoration: none;
}
#title_branding {
	background-image: url(images/markfdesign_website_15b.png);
	float: left;
	height: 101px;
	width: 360px;
	margin-left: 30px;
}
#flash_links {
	float: right;
	height: 147px;
	width: 540px;
	margin-right: 30px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #003333;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.frontpage {
	float: left;
	height: 200px;
	width: 358px;
	margin-left: 30px;
	margin-top: 15px;
	border: 1px solid #666666;
}
.label {
	float: left;
	height: 23px;
	width: 159px;
	background-image: url(images/markfdesign_website_17O.png);
	background-repeat: repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #000000;
}
#frontimage1 a{
	background-image: url(images/Front_Image_1.jpg);
	float: left;
	height: 167px;
	width: 179px;
}
#frontimage1 a:hover{
	background-image: url(images/Front_Image_1o.jpg);
	float: left;
	height: 167px;
	width: 179px;
}
#frontimage2 a{
	background-image: url(images/Front_Image_2.jpg);
	float: left;
	height: 167px;
	width: 179px;	
}
#frontimage2 a:hover{
	background-image: url(images/Front_Image_2o.jpg);
	float: left;
	height: 167px;
	width: 179px;	
}
.quick_links {
	float: right;
	height: 147px;
	width: 108px;
	background-color: #003333;
}
#content5 {
	float: right;
	width: 522px;
	margin-top: 15px;
	margin-right: 30px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(images/markfdesign_website_17O.png);
	background-repeat: repeat;
	padding: 10px;
	border: 1px solid #666666;
	margin-bottom: 15px;
}
.work_details2 {
	float: right;
	width: 170px;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 10px;
	padding-left: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #FFFFFF;
}
.work_info2 {
	float: left;
	width: 260px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #003333;
	line-height: 13px;
}

#content_work_base {
	float: right;
	width: 544px;
	margin-top: 15px;
	margin-right: 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-repeat: repeat;
	margin-bottom: 15px;
}
.top_buttons_new {
	float: left;
	height: 25px;
	width: 540px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-left-color: #666666;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#tb_print {
	float: left;
	height: 15px;
	width: 97px;
	padding: 5px;
	background-image: url(images/markfdesign_website_17O.png);
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #003333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
#tb_digital {
	float: left;
	height: 15px;
	width: 97px;
	padding: 5px;
	background-image: url(images/markfdesign_website_17O.png);
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #003333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
#tb_outdoor {
	float: left;
	height: 15px;
	width: 97px;
	padding: 5px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #003333;
	background-image: url(images/markfdesign_website_17O.png);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
#tb_branding {
	float: left;
	height: 15px;
	width: 97px;
	padding: 5px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #003333;
	background-image: url(images/markfdesign_website_17O.png);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
#tb_personal {
	float: left;
	height: 15px;
	width: 98px;
	padding: 5px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #003333;
	background-image: url(images/markfdesign_website_17O.png);
}
.form {
	margin-top: 14px;
	margin-left: 29px;
	border: 1px double #333333;
	background-image: url(images/markfdesign_website_17O.png);
	padding: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #000000;
	width: 290px;
}
form#BrighterForm {
font-family: inherit;
font-size: inherit;

}
form#BrighterForm input, form#BrighterForm textarea, form#BrighterForm select {
font-family: inherit; /* This doesn't work for textareas in IE. */
font-size: inherit;
font-weight: inherit;
margin-left: 0px;
}

/*** Begin form layout ***/

form#BrighterForm fieldset {
border: none;
margin: 0;
padding: 0;
}
form#BrighterForm fieldset p .bf_field {
float: left;
clear: both;
width: 15em;
margin: 0;
padding: 0;
}
form#BrighterForm fieldset fieldset {
border: none;
clear: both;
margin: 1em 0em 0em 0em;
padding: 0;
}
form#BrighterForm fieldset fieldset p { /* Radio buttons and groups of select boxes. */
margin: 0;
margin-left: 0;
}
form#BrighterForm fieldset fieldset p .bf_field {
float: none;
}
form#BrighterForm fieldset fieldset legend span { /* Must use a span to style the legend. */
float: left;
width: 15em;
position: absolute; /* Required to move legend out of fieldset border. */
}
/* IE adds 7px before the legend for some unknown reason, so adjust margin and use child selectors to undo adjustment for all browsers except IE. */
form#BrighterForm fieldset fieldset legend span {
margin-left: -7px;
}
form#BrighterForm fieldset fieldset legend > span {
margin-left: 0;
}
form#BrighterForm fieldset fieldset p label {
margin-left: 0px;
}
form#BrighterForm fieldset fieldset p > label {
margin-left: 0;
}

/*** End form layout ***/
/*** Begin error styling ***/

form#BrighterForm label.error {
color: red;
font-style: italic;


}
form#BrighterForm textarea {
border: 1px;
overflow: auto
}
form#BrighterForm textarea:focus {
border: 1px;
}
form#BrighterForm textarea.error {
border: 1px dotted red;
}
form#BrighterForm input {
border: 1px;
}
form#BrighterForm input.bf_checkbox {
border: 1px; /* This doesn't make any difference - it seems you can't easily style a checkbox border. */
}
form#BrighterForm input:focus {
border: 1px;
}
form#BrighterForm input.error {
border: 1px dotted red;
}
form#BrighterForm fieldset fieldset label.error {
color: red;
font-style: italic;
margin-left: 15em;
}

/*** End error styling ***/
/*** Begin custom visual tweaks ***/

/* Put site specific overrides here. */

/*** End custom visual tweaks ***/