@font-face {font-family: 'segoeui';
	font-style: normal;
	font-weight: normal;
	src: local('segoeui'), local('segoeui'), url('fonts/segoeui.ttf') format('truetype');
	}

@font-face {font-family: 'MyriadPro';
	font-style: normal;
	font-weight: normal;
	src: local('MyriadPro'), local('MyriadPro'), url('fonts/MyriadPro.woff') format('woff'), url('fonts/MyriadPro.ttf') format('truetype');
	}

@font-face {font-family: 'sourcesanspro';
	font-style: normal;
	font-weight: normal;
	src: local('sourcesanspro'), local('sourcesanspro'), url('fonts/sourcesanspro.otf') format('woff'), url('fonts/sourcesanspro.ttf') format('truetype');
	}

* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 16px;
    line-height: 20px;
    font-family: sourcesanspro, Arial, sans-serif;
    color: #202020;
    background-color: #fff;
}

a { color: #75C524; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.content-divide {width: 978px; height: 20px; background:url(images/content-divide.png); clear: both; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
p { padding: 0 0 11px 0; }
.left {float: left; padding: 5px 10px 0 0;}
.right {float: right; padding-left: 10px;}

#heading {padding: 0; margin: 0; width: 100%; height: 140px; background-color: #fff;}
#splash {padding: 0; margin: 0; width: 100%; background: #f1f1f1; border-top: 2px solid #34290E; border-bottom: 2px solid #34290E; height: 300px;}

#footer-copyright {padding-top: 10px; padding-bottom: 10px; margin: 0; width: 100%; background-color: #404040; text-align: center; color: #fff; font-family: Arial, "Trebuchet MS", sans-serif; font-size: 12px;}
#footer-copyright a {color: #09BCE8;}
#navigation {padding: 6px 0 0 0; margin: 0; width: 100%; background-color: #fff; text-align: center; solid #000; font-size: 30px; border-bottom: 2px solid #34290E;}
#wrapper { padding: 40px 0 20px 0; }

.shell { margin: 0 auto; width: 980px; }
.container {}

.first-column {width: 465px; float: left; padding-right: 1px;}
.last-column {width: 510px; float: right; padding-top: 25px; text-align: center; font-family: MyriadPro, Arial, sans-serif; font-size:20px; font-weight: normal;}

h1 {font-family: MyriadPro, Arial, sans-serif; font-size:24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h2 {font-family: MyriadPro, Arial, sans-serif; font-size:24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h3 {font-family: MyriadPro, Arial, sans-serif; font-size:24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h4 {font-family: MyriadPro, Arial, sans-serif; font-size:24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h5 {font-family: MyriadPro, Arial, sans-serif; font-size:32px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h6 {font-family: MyriadPro, Arial, sans-serif; font-size:32px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h7 {font-family: MyriadPro, Arial, sans-serif; font-size:32px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h8 {font-family: MyriadPro, Arial, sans-serif; font-size:32px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}

a.button {font-family: MyriadPro, Arial, sans-serif; font-size:20px; background-color: #09BCE8; color:#fff; display:inline-block; padding: 3px 23px 5px 23px;border: 1px solid #000;}
a.button:hover {background:#131313;}

.graphic-center {width: 100%; text-align: center;}

ul#service-categories {
	list-style-type: square;
	margin: 0;
	padding: 0 0 0 50px;
}

#footer-contact-info {padding-top: 30px; padding-bottom: 0; margin: 0; width: 100%; text-align: center; background-color: #303030; color: #fff; font-size: 14px;}

#featured-eugene-services {padding: 20px 0 20px 0; margin: 0; width: 100%; line-height: 150%;}
.offered-service {width: 220px; float: left; margin-right: 23px;}
.offer {font-family: MyriadPro, Arial, sans-serif; font-size:22px; font-weight: normal; line-height: 110%;}

#freytag-designs-introduction {padding: 20px 0 20px 0; margin: 0; width: 100%; line-height: 150%; background-color: #f1f1f1;}
.who-we-are {width: 630px; float: left; padding-right: 1px; padding-top: 10px;}
.intro-graphic {width: 330px; float: right; padding-top: 20px; text-align: center;}

#specialized-services {padding: 20px 0 20px 0; margin: 0; width: 100%; line-height: 150%;}
.services-graphic {width: 330px; float: left; padding-top: 20px; text-align: center;}
.what-we-do {width: 630px; float: right; padding-left: 1px; padding-top: 10px;}
#specialized-services a {color: #4040FF;}

#web-design-services {padding: 0; margin: 0; width: 100%; line-height: 150%; padding-bottom: 12px;}
.items-left {width: 240px; float: left; padding-right: 10px;}
.items-right {width: 240px; float: left;}

.footer-links {
	float: left;
	width: 200px;
	position: relative;
	padding: 10px 20px 10px 0px;
	margin: 0;
	text-align: center;
	color: #C0C0C0;
	}

.footer-links-contact {
	float: left;
	width: 180px;
	position: relative;
	padding: 10px 0px 10px 0px;
	margin: 0;
	text-align: center;
	color: #C0C0C0;
	}
	
.footer-links a {color: #09BCE8;}
.footer-links-contact a {color: #09BCE8;}