/* ----------  Reset -------------- */
html, body, h1, h2, h3, h4, h5, h6, p, table, tr, th, td, form, fieldset, select, input, textarea, dl, dt, dd, ul, ol, li, address, blockquote, pre, code {
	margin:0;
	padding:0;
}
body {
	color:#6D6E70;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.85em;
	line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* ----------  Wrapper -------------- */
#wrapper {
	width: 1025px;
	margin: 0 auto;
}
#wrapper #top img {
	z-index: 5;
	float: left;
	top: -15px;
	position: relative;
	margin-left: 20px;
}
#wrapper #bottom img {
	margin-top: 15px;
}
/* ----------  Logo  -------------- */
#logo {
	clear: left;
	float: left;
	height: 100px;
	width: 1025px;
}
#logo a .North-by-East-Designs-Logo {
	float: right;
}
/* ----------  Navigation -------------- */
a {
	font-size: 1.25em;
}
a:link {
	color:#6D6E70;
	text-decoration:none;
}
a:visited {
	color:#6D6E70;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color: #DD9146;
}
a:active {
	text-decoration:none;
	color: #DD9146;
}
.orange {
	color: #DD9146;
	font-size: 1.25em;
	margin-right: 7px;
	margin-left: 7px;
}


/* ----------  Top Links -------------- */
#top-links {
	height: 25px;
	width: 1025px;
	text-align: left;
	position: relative;
}
.top-link-spacer {
	padding-right: 3px;
	padding-left: 3px;
	color: #01AFF6;
}
#top-links a {
	font-size: .85em;
}
#top-links a:link {
	text-decoration:none;
}
#top-links a:visited {
	text-decoration:none;
}
#top-links a:hover {
	text-decoration:none;
	color: #DD9146;
}
#top-links a:active {
	text-decoration:none;
	color: #DD9146;
}

/* ----------  Top -------------- */
#top
 {
	height: 25px;
	width: 1025px;
	clear: left;
	float: left;
	text-align: center;
}
/* ----------  Sub-Navigation -------------- */
#sub-navigation
 {
	height: 25px;
	width: 1025px;
	clear: left;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 1px;
}
#sub-navigation a {
	font-size: 1em;
}
#sub-navigation a:link {
	color:#6D6E70;
	text-decoration:none;
}
#sub-navigation a:visited {
	color:#6D6E70;
	text-decoration:none;
}
#sub-navigation a:hover {
	text-decoration:none;
	color: #DD9146;
}
#sub-navigation a:active {
	text-decoration:none;
	color: #DD9146;
}
#sub-navigation a.here {
	color: #DD9146;
	font-size: 1em;
	margin-right: 7px;
	margin-left: 7px;
}
/* ----------  Middle -------------- */
#middle {
	height: 325px;
	width: 1025px;
	clear: left;
	float: left;
}
#mid-mid{
	width:565px;
	height:295px;
	z-index: 3;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
	float: left;
	clear: none;
}
	#web-design-buffalo{
		width:565px;
		height:295px;
		z-index: 3;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 30px;
		padding-left: 30px;
		position: relative;
		float: left;
		clear: none;
	}
		#media-mid-mid{
			width:565px;
			height:295px;
			z-index: 3;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-right: 30px;
			padding-left: 30px;
			position: relative;
			float: left;
			clear: none;
			background-image: url(../bg-images/north-by-east-designs-social-media.png);
			background-repeat: no-repeat;
			background-position: center center;
		}
		#contact-mid-mid{
			width:565px;
			height:295px;
			z-index: 3;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-right: 30px;
			padding-left: 30px;
			position: relative;
			float: left;
			clear: none;
			background-image: url(../bg-images/north-by-east-designs-contact.png);
			background-repeat: no-repeat;
			background-position: center center;
		}
		#notfound-mid-mid{
			width:565px;
			height:295px;
			z-index: 3;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-right: 30px;
			padding-left: 30px;
			position: relative;
			float: left;
			clear: none;
		}
		#login-mid-mid{
			width:565px;
			height:295px;
			z-index: 3;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-right: 30px;
			padding-left: 30px;
			position: relative;
			float: left;
			clear: none;
			background-image: url(../bg-images/north-by-east-designs-login.png);
			background-repeat: no-repeat;
			background-position: center center;
		}
		#marketing-mid-mid{
			width:565px;
			height:295px;
			z-index: 3;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-right: 30px;
			padding-left: 30px;
			position: relative;
			float: left;
			clear: none;
				}
		#marketing-mid-mid .marketing-header {
			padding-bottom: 5px;
		}
#mid-left {
	height: 300px;
	width: 200px;
	z-index: 1;
	text-align: center;
	clear: none;
	float: left;
	padding-top: 15px;
}
#mid-right {
	height: 300px;
	width: 200px;
	z-index: 2;
	clear: none;
	float: right;
	font-size: 13px;
	padding-bottom: 15px;
}
		#contact-mid-right {
			height: 200px;
			width: 190px;
			z-index: 2;
			clear: none;
			float: right;
			padding-left: 10px;
			padding-top: 100px;
			font-size: 13px;
		}
/* ----------  Bottom -------------- */
#bottom {
	height: 70px;
	width: 1025px;
	left: 0px;
	text-align: center;
	clear: left;
	float: left;
}
/* ----------  Main Frame -------------- */
#main-frame-top{
	position:absolute;
	width:625px;
	height:11px;
	top:0;
	right:0;
	z-index:4;
	background-image: url(../bg-images/main-frame-top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-frame-left{
	position:absolute;
	width:18px;
	height:303px;
	top:10px;
	left:0;
	z-index:4;
	background-image: url(../bg-images/main-frame-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-frame-right{
	position:absolute;
	width:17px;
	height:303px;
	top:10px;
	left:608px;
	z-index:4;
	background-image: url(../bg-images/main-frame-right.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-frame-bottom{
	position:absolute;
	width:625px;
	height:11px;
	top:313px;
	left:0px;
	z-index:4;
	background-image: url(../bg-images/main-frame-bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
/* ----------  Mid-Mid -------------- */
#middle p {
	padding-bottom: 15px;
	padding-left: 10px;
}
#middle a {
	font-size: 1em;
}
#middle a:link {
	color:#DD9146;
	text-decoration:underline;
}
#middle a:visited {
	color:#DD9146;
	text-decoration:underline;
}
#middle a:hover {
	text-decoration:none;
	color: #6D6E70;
}
#middle a:active {
	text-decoration:none;
	color: #6D6E70;
}
#wrapper #middle #mid-mid h1 {
	font-size: 2em;
	text-align: left;
	padding-bottom: 15px;
	font-weight: lighter;
	letter-spacing: 0.2em;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 9px;
}
#middle #contact-mid-mid p {
	margin: 25px 0 0 0;
}
#middle #mid-right #newsletter .blue {
	color: #01AFF6;
}
p .focus {
	font-weight: 900;
	color: #DD9146;
}

/* ----------  Slideshow -------------- */
#slideshow {
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* ----------  Social Media -------------- */

#fb-image {
	position: absolute;
	top: 65px;
	left: 150px;
}
#twitter-image {
	position: absolute;
	top: 48px;
	left: 265px;
}
#linkedin-image {
	position: absolute;
	top: 60px;
	right: 180px;
}
.GooglePlusOne {  left: -60px; position: absolute; top: 4px; }

/* ----------  Footer -------------- */

.footer-link-spacer {
	padding-right: 10px;
	padding-left: 10px;
	color: #01AFF6;
}
#footer a:link {
	font-size: 1em;
}

#footer a:link {
	color:#B3B3B3;
	text-decoration:none;
}
#footer a:visited {
	color:#B3B3B3;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:none;
	color: #DD9146;
}
#footer a:active {
	text-decoration:none;
	color: #DD9146;
}
#footer {
	height: 40px;
	width: 1025px;
	text-align: center;
	clear: left;
	float: left;
}

#wrapper #footer p {
	font-style: italic;
	font-size: 0.85em;
	color: #B3B3B3;
}

/* ----------  Buffalo Web Design -------------- */

#wrapper #middle #web-design-buffalo h1 {
	line-height: 1.5em;
	text-align: left;
	padding-bottom: 0px;
	font-weight: normal;
	letter-spacing: 0em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 0px;
	padding-left: 10px;
	padding-bottom: 15px;
}

#wrapper #middle #web-design-buffalo h1 img {
	margin-left: -10px;
}
#web-design-buffalo h1 #buffalo-web-design {
	color: #EA9F46;
}

/* ----------  Login -------------- */
#login-message {
	width: 225px;
	float: right;
	margin-top: 25px;
	margin-right: 18px;
	text-align: center;
	height: 40px;
}
#middle #login-mid-mid #login-message p {
	line-height: 1.1em;
	color: #DD9146;
	font-weight: normal;
	font-size: .85em;
}
#login_tbl2 {
	clear: right;
	float: right;
	margin-right: 45px;
}
#login_tbl {
	float: right;
	margin-top: 75px;
	margin-right: 40px;
}
tr .align_rt {
	text-align: right;
}
tr .align_rt {
	padding-top: 5px;
}

/* ----------  Not Found -------------- */
#notfound-mid-mid h1 {
	font-size: 2em;
	font-weight: normal;
}

/* ----------  Mid Links -------------- */
a.here {
	color: #DD9146;
	font-size: 1.25em;

}
#middle .gray-link a:link {
	color:#6D6E70;
	text-decoration:underline;
}
#middle .gray-link a:visited {
	color:#6D6E70;
	text-decoration:underline;
}
#middle .gray-link a:hover {
	text-decoration:none;
	color: #DD9146;
}
#middle .gray-link a:active {
	text-decoration:none;
	color: #DD9146;
}

/* ----------  Additions -------------- */