@charset "UTF-8";
/* CSS Document */


/* Reset */

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;
}

a {
   outline: none;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Page Setup */

html {
height:100%
}

body {
height:100%;
background-image: url(../images/web/layout/bkg_texture.jpg);
background-repeat: repeat
}

.clr {
clear:both
}

/* Image Preload */

div#preload { display: none; }

/* IE6 Fix */

img, div { behavior: url(/js/iepngfix.htc) }

/* General Layout */

#container {
	width:100%;
	min-height:100%;
	position:relative;
	font-family: inherit;
}

#header {
	background-image: url(../images/web/layout/hdr_bkgrep.jpg);
	height: 167px;
	width: 100%;
	background-repeat: repeat-x
}

#body {
		width:100%;
		height: auto;
		padding-bottom:258px;   /* Height of the footer */
}

#footer {
   position:absolute;
   bottom:0; left:0;
   background-image: url(../images/web/layout/footer_bkg_rep.jpg);
   background-repeat: repeat-x;
   width:100%;
   height:258px;   /* Height of the footer */   
}

/* Header Content */

.header_center {
	width: 960px;
	height: 167px;
	margin: 0 auto;
	background-image: url(../images/web/layout/hdrbkg_center.jpg);
	background-repeat: no-repeat;
	position: relative
}

.logo {
	width: 212px;
	height: 143px;
	position: absolute;
	top:15px; left: 0px;
	background-image: url(../images/web/layout/logo_web.png);
	background-repeat: no-repeat
}

.nav {
	position: absolute;
	width: 620px;
	height: 25px;
	top: 140px; left: 260px
}

/* Redbanner Content */

#redbanner {
	width: 100%;
	height: 234px;
	background-image: url(../images/web/layout/mid_bkg_rep.jpg);
	background-repeat: repeat-x
}

.redbanner_center {
	width: 960px;
	height: 234px;
	margin: 0 auto
}

.redbanner_smallbox {
	width: 240px;
	height: 234px;
	padding: 0 0 0 0;
	margin-left: 60px;
	float: left
}

/* Main Content */

#main_content {
	width: 100%;
	height: auto;
	background-image: url(../images/web/layout/grungetop.png);
	background-repeat: repeat-x
}

.main_content_inner {
	width: 960px;
	min-height: 364px;
	height: auto !important;
	height: 364px;
	background-image: url(../images/web/layout/midtan_bkg_center.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	padding-bottom: 50px
}

/* Terms and Conditions Page */

.terms_left {
	width: 500px;
	height: auto;
	padding: 30px 0 0px 0;
	float: left
}

.terms_right {
	width: 389px;
	height: 166px;
	position: absolute;
	top: 150px; right: 10px;
	background-image: url(../images/web/images/firestation_trace.png);
	background-repeat: no-repeat;
}

/* Home Page */

#home_left {
	width: 300px;
	height: 165px;
	background-image: url(../images/web/content/nettadvantage_image.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 25px
}

#home_mid {
	width: 300px;
	height: 287px;
	background-image: url(../images/web/content/home_mid_frame.png);
	background-repeat: no-repeat;
	float: left;
	margin: -23px 0 0 40px
}

#home_right {
	width: 205px;
	height: 400px;
	margin-left: 80px;
	float: left
}

#home_right_frame {
	width: 205px;
	height: 150px;
	background-image: url(../images/web/content/smallpoloroid.png);
	background-repeat: no-repeat;
	padding: 15px 26px 0 15px
}

#home_reputation_image {
	width: 411px;
	height: 138px;
	background-image: url(../images/web/content/ourreputation_image.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px; right:0px
}

#home_testimonial {
	width: 300px;
	height: auto;
	margin-top: 20px;
	padding: 20px
}

#clientslove {
	width: 162px;
	height: 61px;
	float: right;
	cursor: pointer;
	margin-top: 5px;
	background-image: url(../images/web/content/clientslove.png);
	background-repeat: no-repeat
}

/* Contact Page */

#contact_left {
	width: 400px;
	height: auto;
	margin-top: 25px;
	float: left
}

#contact_right {
	width: 340px;
	height: 430px;
	float: left;
	background-image: url(../images/web/content/contactinfo_bkg.png);
	background-repeat: no-repeat;
	padding: 90px 0 0 20px;
	margin: 30px 0 0 150px
}

.sendBtn {
	width: 104px;
	height: 42px;
	background-image: url(../images/web/content/sendBtn.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 10px
}

.sendBtn_hover {
	width: 104px;
	height: 42px;
	background-image: url(../images/web/content/sendBtn_hover.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 10px
}

#name {
	width: 376px;
	height: 22px;
	padding: 10px;
	font-size: 14px;
	background-color: #F3E1C9; 
	border: 2px solid #dbcab4;
}

#email {
	width: 376px;
	height: 22px;
	padding: 10px;
	font-size: 14px;
	background-color: #F3E1C9; 
	border: 2px solid #dbcab4;
}

#message {
	width: 376px;
	height: 130px;
	padding: 10px;
	font-size: 14px;
	background-color: #F3E1C9; 
	border: 2px solid #dbcab4;
	overflow:hidden
}

/* Map View Page */

.map_canvas {
	width:825px;
	height:450px
}

.map_bkg {
	width:850px;
	height:490px;
	background-image: url(../images/web/content/map_bkg.png);
	background-repeat:no-repeat;
	padding:10px;
	margin: 0 0 0 0
}

#map_container {
	width: 850px;
	height: auto;
	padding-top: 8px;
	margin: 0 auto;
	font-family: "museo-1","museo-2";
	font-size: 14px; 
	color: #000;
	font-weight: 300
}

#map_info {
	width: 600px;
	height: auto;
	padding: 0 25px 0 0;
	float: right;
	text-align: right;
	font-family: "adelle-1","adelle-2";
  	font-size: 16px; 
  	color: #990000
}

#returncontainer {
	width: 830px;
	height: auto;
	margin: 0 auto
}

#returnlink {
	float: right;
	text-align: right;
	margin: 45px 5px 0 0
}

/* Testimonials Page */

#testimonials_left {
	width: 500px;
	height: auto;
	padding: 20px 0 0px 0
}

#testimonials_right {
	width: 400px;
	height: 500px;
	background-image: url(../images/web/content/testimonialsright.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50px; right: 0px
}

/* Staff Page */

#staff_container {
	width: 450px;
	height: auto;
	float: left;
	margin: 55px 30px 20px 0;
	background-image: url(../images/web/content/staff_THFrame.png);
	background-repeat: no-repeat
}

#staff_container_left {
	width: 134px;
	height: 209px;
	float: left;
	padding: 13px 13px 0 13px
}

#staff_container_right {
	width: 280px;
	height: auto;
	float: left;
	padding: 10px 0 0 5px
}

/* Our Company Page */

#ourcompany_left {
	width: 447px;
	height: auto;
	float: left;
	margin-top: 45px
}

#ourcompany_imagecontainer {
	width: 447px;
	height: 338px;
	background-image: url(../images/web/content/midpoloroid.png);
	background-repeat: no-repeat
}

#ourcompany_left_image {
	width: 398px;
	height: 291px;
	padding: 22px 0 0 28px;
}

#ourcompany_right {
	width: 450px;
	height: auto;
	background-image: url(../images/web/content/ourcompanyright_bkg.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 35px
}

#marknettsignature {
	width: 148px;
	height: 40px;
	background-image: url(../images/web/content/marknettsignature.png);
	background-repeat: no-repeat;
	float: right;
	margin: 10px 0 0 0
}

/* Portfolio Page */

#portfolio_nav {
	width: 210px;
	height: auto;
	margin-top: 0px;
	float: left
}

#left_nav_top {
	width: 210px;
	height: 10px;
	background-image: url(../images/web/content/tree_top.png);
	background-repeat: no-repeat
}

#left_nav_mid {
	width: 210px;
	min-height: 300px;
	background-image: url(../images/web/content/tree_mid.png);
	background-repeat: repeat-y
}

#left_nav_btm {
	width: 210px;
	height: 20px;
	background-image: url(../images/web/content/tree_btm.png);
	background-repeat: no-repeat
}

#portfolio_imgcontainer {
	width: 515px;
	height: 390px;
	float: left;
	margin: 37px 0 200px 10px;
	background-image: url(../images/web/content/largepoloroid.png);
	background-repeat: no-repeat
}

#portfolio_thcontainer {
	width: 515px;
	height: auto;
	margin: 70px 0 0 15px
}

#portfolio_img {
	width: 455px;
	height: 295px;
	padding: 25px 10px 0 25px
}

#portfolio_info {
	width: 220px;
	float: left;
	height: auto;
	margin: 60px 0 0 5px
}

/* Properties Page */

.mapbtn {
	width: 104px;
	height: 42px;
	background-image: url(../images/web/content/viewmapBtn.png);
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 5px 0 5px 0
}

.mapbtn_hover {
	width: 104px;
	height: 42px;
	background-image: url(../images/web/content/viewmapBtn_hover.png);
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 5px 0 5px 0
}


/* Footer Content */

#footer_inner {
	width: 960px;
	height: 258px;
	margin: 0 auto;
	position: relative
}

#sitemap_box {
	width: 300px;
	height: auto;
	padding-top: 40px;
	float: left
}

#about_box {
	width: 300px;
	height: auto;
	float: left;
	padding-top: 40px
}

#contact_box {
	width: 300px;
	text-align: right;
	height: auto;
	padding-top: 40px;
	float: right
}

#copyright {
	width: 600px;
	height: 20px;
	position: absolute;
	right: 0px; bottom: 5px;
	text-align: right
}

#ceco {
	width: 114px;
	height: 25px;
	background-image: url(../images/web/layout/cecologo.gif);
	background-repeat: no-repeat;
	position: absolute;
	right: 0px; bottom: 35px
}

/* Status Typography */

.success {
	padding: 100px 0 0 20px;
	font-family: "adelle-1","adelle-2";
    font-size: 24px; 
    color: #990000;
    padding-top: 50px
}

.error {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #990000;
	font-weight: bold;
	font-style:italic;
	margin: 2px 0 10px 3px
}

.norecords {
	padding: 100px 0 0 20px;
	font-family: "adelle-1","adelle-2";
    font-size: 24px; 
    color: #990000;
    padding-top: 50px
}

/* Red Banner Typography */

#sub_redbanner h1 {
  font-family: "adelle-1","adelle-2";
  font-size: 48px; 
  color: white;
  padding-top: 50px
}

#sub_redbanner h2 {
  font-family: "museo-1","museo-2";
  font-size: 14px; 
  color: #F7DEC0;
  font-weight: 300;
  padding-top: 5px
}

#home_redbanner h1 {
  font-family: "adelle-1","adelle-2";
  font-size: 16px; 
  color: #F7DEC0;
  padding-top: 40px
}

#home_redbanner h2 {
  font-family: "museo-1","museo-2";
  font-size: 12px; 
  color: #FFFFFF;
  font-weight: 300;
  line-height: 16px;
  padding-top: 5px
}

/* Header Typography */

#header li {
  font-family: "adelle-1","adelle-2";
  font-size: 16px; 
  color: #DEC596;
  display: inline;
  padding-right: 30px
}

#header a:link {
  font-family: "adelle-1","adelle-2";
  font-size: 16px; 
  color: #DEC596;
  text-decoration: none;
}

#header a:visited {
  font-family: "adelle-1","adelle-2";
  font-size: 16px; 
  color: #DEC596;
  text-decoration: none;
}

#header a:hover {
  font-family: "adelle-1","adelle-2";
  font-size: 16px; 
  color: #F7DEC0;
  text-decoration: none;
}

#header a:active {
  font-family: "adelle-1","adelle-2";
  font-size: 16px; 
  color: #DEC596;
  text-decoration: none;
}

/* Main Content Typography */

#main_content h1 {
  font-family: "adelle-1","adelle-2";
  font-size: 14px; 
  color: #990000;
  padding: 30px 0 5px 0
}

#main_content li {
  font-family: "museo-1","museo-2";
  font-size: 16px;
  font-weight: 500; 
  color: #666666	
}

#main_content h2 {
  font-family: "adelle-1","adelle-2";
  font-size: 12px; 
  color: #666666;
  padding: 30px 0 5px 0
}

#main_content p {
  font-family: "museo-1","museo-2";
  font-size: 13px;
  font-weight: 300;
  line-height: 18px; 
  color: #000000
}

#main_content a:link {
  font-family: "museo-1","museo-2";
  font-size: 12px;
  font-weight: 300; 
  color: #990000;
  text-decoration: none
}

#main_content a:visited {
  font-family: "museo-1","museo-2";
  font-size: 12px;
  font-weight: 300; 
  color: #990000;
  text-decoration: none
}

#main_content a:hover {
  font-family: "museo-1","museo-2";
  font-size: 12px;
  font-weight: 300; 
  color: #666666;
  text-decoration: none
}

#main_content a:active {
  font-family: "museo-1","museo-2";
  font-size: 12px;
  font-weight: 300; 
  color: #990000;
  text-decoration: none
}


/* Home Page Typography */

#home_right h1 {
  font-family: "adelle-1","adelle-2";
  font-size: 14px; 
  color: #990000;
  padding: 30px 0 5px 5px
}

#home_testimonial h1 {
  font-family: "adelle-1","adelle-2";
  font-size: 14px; 
  color: #990000;
  padding: 0px 0 5px 0
}


.homeleft_li_pos {
	padding: 40px 0 0 55px;
	line-height: 27px
}

#home_right h3 {
  font-family: "museo-1","museo-2";
  font-size: 11px; 
  font-weight: 300; 
  color: #666666;
  padding: 35px 0 0 0
}

/* Contact Page Typography */

#contact_right h1 {
  font-family: "adelle-1","adelle-2";
  font-size: 16px; 
  color: #990000;
  padding: 0 0 5px 0
}

#contact_right h2 {
  font-family: "adelle-1","adelle-2";
  font-size: 14px;
  line-height: 16px; 
  color: #666666;
  padding: 0 0 0 0
}

#contact_right h3 {
  font-family: "adelle-1","adelle-2";
  font-size: 14px;
  line-height: 20px; 
  color: #666666;
  padding: 0 0 0 0
}

#contact_right a:link {
  font-family: "adelle-1","adelle-2";
  font-size: 14px;
  line-height: 20px; 
  color: #990000;
  padding: 0 0 0 0
}

#contact_right a:visited {
  font-family: "adelle-1","adelle-2";
  font-size: 14px;
  line-height: 20px; 
  color: #990000;
  padding: 0 0 0 0;
  text-decoration: none
}

#contact_right a:hover {
  font-family: "adelle-1","adelle-2";
  font-size: 14px;
  line-height: 20px; 
  color: #666666;
  padding: 0 0 0 0;
  text-decoration: none
}

#contact_right a:active {
  font-family: "adelle-1","adelle-2";
  font-size: 14px;
  line-height: 20px; 
  color: #990000;
  padding: 0 0 0 0;
  text-decoration: none
}


/* Testimonials Page Typography */

#testimonials_left h2 {
  font-family: "adelle-1","adelle-2";
  font-size: 12px; 
  color: #666666;
  float: right;
  line-height: 18px;
  padding: 20px 0 5px 0
}

/* Our Company Page Typography */

#ourcompany_right h1 {
  font-family: "adelle-1","adelle-2";
  font-size: 18px; 
  color: #990000;
  padding: 30px 0 10px 0
}

#ourcompany_left h3 {
  font-family: "adelle-1","adelle-2";
  font-size: 11px; 
  color: #666666;
  line-height: 14px;
  padding: 20px 0 0 20px
}

/* Staff Page Typography */

#staff_container h1 {
  font-family: "adelle-1","adelle-2";
  font-size: 14px; 
  color: #990000;
  padding: 0 0 2px 0
}

#staff_container h2 {
  font-family: "adelle-1","adelle-2";
  font-size: 12px; 
  color: #666666;
  padding: 0 0 10px 0
}

#staff_container h3 {
  font-family: "adelle-1","adelle-2";
  font-size: 11px; 
  color: #666666;
  padding: 10px 0 0 0
}

#staff_container p {
  font-family: "museo-1","museo-2";
  font-size: 13px;
  font-weight: 300;
  line-height: 16px; 
  color: #000000
}

#staff_container a:link {
  font-family: "adelle-1","adelle-2";
  font-size: 11px; 
  color: #990000;
  padding: 10px 0 0 0;
  text-decoration: none
}

#staff_container a:visited {
  font-family: "adelle-1","adelle-2";
  font-size: 11px; 
  color: #990000;
  padding: 10px 0 0 0;
  text-decoration: none
}

#staff_container a:hover {
  font-family: "adelle-1","adelle-2";
  font-size: 11px; 
  color: #666666;
  padding: 10px 0 0 0;
  text-decoration: none
}

#staff_container a:active {
  font-family: "adelle-1","adelle-2";
  font-size: 11px; 
  color: #990000;
  padding: 10px 0 0 0;
  text-decoration: none
}


/* Portfolio Typography */

#portfolio_info h1 {
  font-family: "adelle-1","adelle-2";
  font-size: 15px; 
  color: #990000;
  padding: 0 0 2px 0
}

#portfolio_info h2 {
  font-family: "adelle-1","adelle-2";
  font-size: 11px; 
  color: #666666;
  padding: 0 0 10px 0
}

#portfolio_info h3 {
  font-family: "adelle-1","adelle-2";
  font-size: 13px; 
  color: #666666;
  padding: 0 0 5px 0
}

#portfolio_info h4 {
  font-family: "adelle-1","adelle-2";
  font-size: 11px; 
  color: #666666;
  padding: 0 0 5px 0
}

#portfolio_info p {
  font-family: "museo-1","museo-2";
  font-size: 13px;
  font-weight: 300;
  line-height: 16px;
  padding: 15px 0 20px 0;
  color: #000000
}

#portfolio_nav .folder {
  font-family: "adelle-1","adelle-2";
  font-size: 14px; 
  color: #990000;
  padding: 0 0 10px 20px
}

#portfolio_nav .file {
  ffont-family: "adelle-1","adelle-2";
  font-size: 12px; 
  color: #666666;
  padding: 0 0 10px 20px
}



/* Footer Typography */

#footer h1 {
  font-family: "adelle-1","adelle-2";
  font-size: 14px; 
  color: #F7DEC0;
  padding-bottom: 5px
}

#footer li {
  font-family: "museo-1","museo-2";
  font-size: 12px;
  line-height: 20px;
  font-weight: 300; 
  color: #FFFFFF
}

#footer h3 {
  font-family: "museo-1","museo-2";
  font-size: 14px;
  line-height: 18px;
  font-weight: 300; 
  color: #F7DEC0
}

#footer h4 {
  font-family: "museo-1","museo-2";
  font-size: 12px;
  font-weight: 300;
  color: #FFFFFF
}


#footer a:link {
  font-family: "museo-1","museo-2";
  font-size: 12px;
  font-weight: 300; 
  color: #FFFFFF;
  text-decoration: none
}

#footer a:visited {
  font-family: "museo-1","museo-2";
  font-size: 12px;
  font-weight: 300; 
  color: #FFFFFF;
  text-decoration: none
}

#footer a:hover {
  font-family: "museo-1","museo-2";
  font-size: 12px;
  font-weight: 300; 
  color: #F7DEC0;
  text-decoration: none
}

#footer a:active {
  font-family: "museo-1","museo-2";
  font-size: 12px;
  font-weight: 300; 
  color: #FFFFFF;
  text-decoration: none
}

/* Map View Typography */

#returncontainer a:link {
    font-family: "adelle-1","adelle-2";
 	font-size: 14px; 
  	color: #990000;
    text-decoration: none
}

#returncontainer a:visited {
	font-family: "adelle-1","adelle-2";
    font-size: 14px; 
	color: #990000;
	text-decoration: none
}

#returncontainer a:hover {
   font-family: "adelle-1","adelle-2";
   font-size: 14px; 
   color: #666666;
   text-decoration: none
}

#returncontainer a:active {
  font-family: "adelle-1","adelle-2";
  font-size: 14px; 
  color: #990000;
  text-decoration: none
}