/* CSS Document */

html { font-size: 100%;}

/* reset HTML browser defaults */
body, div, span, p, ul, ol, li, dl, dt, dd, tr, td, dd, span, img, br, hr, pre, sup, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
table { border-collapse: collapse;}

img { border: none; }

/* global classes */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; margin: auto; }

  .note { font-size: .9em;}
  
.btn { color: #fff; background: url(../images/save.gif); padding-bottom: 3px;}
  .btn:hover { color: #ccc;}
  
form, input, select { font-size: 1em;}
/* preloading images for options bar */
img.hiddenImage { display: none;}

.sm { font-size: .8em; color: #888;}


html { font: .75em Tahoma, Verdana, Arial, Helvetica, sans-serif;}

body {
	text-align: center;
	margin: 15px auto 0 auto;
	line-height: 1.3em;
	font-size: .9em;
}

h1, h2, h3, h4, h5, h6 { padding: 10px 5px 10px 0px; margin-top: 2px;}

h1 {
	font-size: 1.6em;
	padding: 10px 10px 10px 0;
}
h2 { font-size: 1.2em; }
h3 { 
	font-size: 1.1em;
	background: url(../images/arrow.gif) top left no-repeat; 
	padding: 5px 0 0 15px;
	}
	#left_col h3, #right_col h3 { font-size: 1.1em; background: url(../images/arrow2.gif) top left no-repeat; margin-left: 0px;}
h4 {}
  li.none, li.none ul li { list-style-type: none; margin-top: 5px;}
  .h5 { font-size: 1em; font-weight: bold; background: url(../images/arrow4.gif) top left no-repeat; padding: 2px 0 0 14px;}

ul {
	list-style-type: circle;
	list-style-position: inside;
	font-size: 1em;
	line-height: 1.1em;
	padding: 3px;
}
ol { 
	list-style-position: inside;
	font-size: 1em;
	line-height: 1.1em;
	padding: 3px;
	}
dl, dt, dd { padding: 4px;}
  dt { font-weight: bold;}

li, dl, dt, dd { margin: 3px;}
  ul li ul li { margin-left: 10px;}

ul.sitemap { padding: 10px 15px; }
  ul.sitemap ul li { text-indent: 10px;}
ul.sitemap, ul.sitemap ul { text-align: left; list-style: none; }
  ul.sitemap li, ul.sitemap li a, ul.sitemap ul li, ul.sitemap ul li a { margin: 5px 0;}

p { padding: 8px 0; }

img { border: none; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }


/* wrappers */
#container_wrapper { 
  width: 850px; 
  text-align: center; 
  margin: auto;
  float: none;
  }
#container {
	width: 850px;
	text-align: center;
	margin: auto;
	border: 1px solid;
	position: relative;
	float: left;
}
/* header area */

#header {
	float: left;
	position: relative;
	width: 850px;
}
  #header #logo, #header #logoedit{ float: left; width: 850px; text-align: center; margin: auto; border-bottom: 1px solid #ccc; z-index: 5;}
   #container.home #header #logo, #container.home #header #logoedit { border: none;}
    #header #logo p, #header #logoedit p { padding: 0;}
    #header #logoedit{ z-index: 25; display:none; position: relative;}
	
    #address, #addressedit { 
	    float: left;
		width: 195px;
		position: absolute;
		top: 9px;
		left: 9px;
		text-align: left;
		border: 1px solid;
		padding: 5px 4px 10px 4px;
		z-index: 115;
	}
	  #address { visibility: visible;}
	  #addressedit { border: none; display: none;}
	  
	#address p { padding: 5px 0 5px 10px;}

#container.home #header #masthead, #container.home #header #mastheadedit { float: left; position: relative; width: 850px; /* background: url(../images/skyline.jpg) no-repeat; */ border-bottom: 1px solid #eee;}
  #container.home #header #masthead img, #container.home #header #mastheadedit img { max-width: 850px;}
#container.home #header #mastheadedit { display: none; }

#header #masthead img { display: none;}
#flashcontent { 
  float: left;
  width: 850px;
  border-bottom: 1px solid #ccc;
	}

#container.home #header #masthead img, #container.home #header #mastheadedit img { display: block;}
  #container.home #header #masthead p { padding: 0; margin: 0;}
/* main content area */

#container.home #subcontainer { 
	float: left; 
	width: 850px; 
	background: url(../images/bg_ctr_column.gif) top left repeat-y; 
}
#subcontainer {
	float: left; 
	width: 850px;
	background: url(../images/bg_rt_column.gif) top left repeat-y;
}
/* website services page */

div.services p { float: left; width: 250px; text-align: center; font-weight: bold;}
div.services img { width: 180px;} 

#websites { float: right; width: 250px; text-align: center;}
  #websites h4 { padding: 0px;}
/* end website services page */ 

/* padding for images in content sections */
#left_col img, #right_col img, #content img { margin: 3px;}

/* content */
#left_col, #left_coledit { 
	float: left;
	width: 200px;
	text-align: left;
}
  #left_coledit { display: none; z-index: 25; position: relative;}

  .heading img, .heading2 img { float: left; vertical-align: top; }

#right_col, #right_coledit {
	float: left;
	width: 200px;
	text-align: left;
}
  #right_coledit { display: none;}
  
#container.home #content, #container.home #contentedit {
	float: left;
	width: 450px;
	text-align: left;
}
#content, #contentedit {
	float: left;
	width: 650px;
	text-align: left;
}
  #contentedit { display: none; }
  
div.inside { padding: 10px 10px 5px 15px;}
#container.home div.inside { padding: 10px 5px;}
  
  
  
  #error, #thankyou { display: none;}
 #contactusbox2 { padding-left: 10px;}

/* footer and copyright info */
#footer {
    float: left;
	width: 100%;
    font-size: .85em;
	text-align: center;
	margin: auto;
	padding: 15px 0 15px 0;
	background: url(../images/shadow.png) top center no-repeat;
}
  #footer p { text-align: center; margin: auto; width: 850px;}
  #footer a:hover { text-decoration: none; }

/* clear, floats and fixes */
.clear {
	clear:both;
	height:0px;
	line-height:1px;
	font-size:1px; 
}

.floatleft {
	float:left;
	vertical-align:top;
	padding: 3px;
}

.floatleft img {
	margin: 2px;
}

.floatright {
	float:right;
	vertical-align:top;
	padding: 3px;
}

.floatright img {
	margin: 2px;
}


/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */