/* STYLES FOR BACKGROUND */

html {
background-image: url('www_img/background_screen.png');
background-attachment: fixed;
background-repeat: repeat;
height: 100%}

body {
height: 100%;
margin: 1px 0px 0px 0px;
min-height: 100%;
padding: 0px}

#background {
height: 100%;
left: 0px;
margin: 0px;
position: fixed;
top: 0px;
width: 100%}

#content {position: relative;
z-index: 1}





/* STYLES FOR LAYOUT */

#great_dane_design_heading {
background-image: url('www_img/background_top.png');
background-repeat: no-repeat;
height: 200px;
margin: 30px auto 0px auto;
padding: 0px;
width: 900px}

#great_dane_design_content {
margin: 0px auto 0px auto;
overflow: hidden; /* HIDES EXCESS BACKGROUND AND GIVES THE ILLUSION OF EQUAL COLUMN HEIGHT */
padding: 0px;
position: relative; /* INTERNET EXPLORER */
width: 900px}

#great_dane_design_content_left {
background-image: url('www_img/background_content_left.png');
background-repeat: repeat;
clear: left;
float: left;
margin-bottom: -10000px; /* ADDS EXTRA BACKGROUND FOR FILL */
padding-bottom: 10000px; /* ADDS EXTRA BACKGROUND FOR FILL */
position: relative;
width: 175px}

#great_dane_design_content_right {
background-image: url('www_img/background_content_right.png');
background-repeat: repeat;
float: right;
margin-bottom: -10000px; /* ADDS EXTRA BACKGROUND FOR FILL */
margin-top: -448px;
padding-bottom: 10000px; /* ADDS EXTRA BACKGROUND FOR FILL */
position: relative;
width: 725px}

#great_dane_design_copyright_notice {
background-image: url('www_img/background_copyright.png');
background-repeat: no-repeat;
clear: both;
height: 225px;
margin: 0px auto 0px auto;
padding: 30px 0px 0px 0px;
text-align: center;
width: 900px}

#great_dane_design_menu {
float: left;
margin: 0px 0px 0px 145px;
position: relative;
width: 175px}

#great_dane_design_text {
padding: 0px 80px 0px 30px}

#great_dane_design_social_media {
float: left;
margin: 0px 0px 0px 65px;
width: 120px}

#great_dane_design_services {
float: right;
margin: 0px 70px 0px 0px;
width: 600px}





/* STYLES FOR LINKS & FORMS */

a:link, a:visited, a:hover, a:active {
background: transparent;
color: #770000;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none}

/* MENU: OBJECTIVES */

a.objectives:link, a.objectives:visited {
background-image: url('www_img/menu_objectives.png');
background-repeat: no-repeat; clear: left; float: left; height: 52px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

a.objectives:hover, a.objectives:active {
background-image: url('www_img/menu_objectives_over.png');
background-repeat: no-repeat; clear: left; float: left; height: 52px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

/* MENU: LOGO DESIGN */

a.logo_design:link, a.logo_design:visited {
background-image: url('www_img/menu_logo_design.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

a.logo_design:hover, a.logo_design:active {
background-image: url('www_img/menu_logo_design_over.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

/* MENU: WEB DESIGN */

a.web_design:link, a.web_design:visited {
background-image: url('www_img/menu_web_design.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

a.web_design:hover, a.web_design:active {
background-image: url('www_img/menu_web_design_over.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

/* MENU: LAYOUT */

a.layout:link, a.layout:visited {
background-image: url('www_img/menu_layout.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

a.layout:hover, a.layout:active {
background-image: url('www_img/menu_layout_over.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

/* MENU: VISUAL IDENTITY */

a.visual_identity:link, a.visual_identity:visited {
background-image: url('www_img/menu_visual_identity.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

a.visual_identity:hover, a.visual_identity:active {
background-image: url('www_img/menu_visual_identity_over.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

/* MENU: CASE STUDIES */

a.case_studies:link, a.case_studies:visited {
background-image: url('www_img/menu_case_studies.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

a.case_studies:hover, a.case_studies:active {
background-image: url('www_img/menu_case_studies_over.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

/* MENU: TESTIMONIALS */

a.testimonials:link, a.testimonials:visited {
background-image: url('www_img/menu_testimonials.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

a.testimonials:hover, a.testimonials:active {
background-image: url('www_img/menu_testimonials_over.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

/* MENU: PRICING */

a.pricing:link, a.pricing:visited {
background-image: url('www_img/menu_pricing.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

a.pricing:hover, a.pricing:active {
background-image: url('www_img/menu_pricing_over.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

/* MENU: GOODIES */

a.goodies:link, a.goodies:visited {
background-image: url('www_img/menu_goodies.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

a.goodies:hover, a.goodies:active {
background-image: url('www_img/menu_goodies_over.png');
background-repeat: no-repeat; clear: left; float: left; height: 43px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

/* MENU: CONTACT INFO */

a.contact_form:link, a.contact_form:visited {
background-image: url('www_img/menu_contact_form.png');
background-repeat: no-repeat; clear: left; float: left; height: 52px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

a.contact_form:hover, a.contact_form:active {
background-image: url('www_img/menu_contact_form_over.png');
background-repeat: no-repeat; clear: left; float: left; height: 52px; margin: 0px 0px 0px -145px; position: relative; text-decoration: none; width: 175px}

/* MENU: HOME */

a.home:link, a.home:visited {
background-image: url('www_img/button_home.png');
background-repeat: no-repeat; border-color: #aa0000; border-style: solid; border-width: 1px; float: left; height: 25px; margin: 10px 0px 30px 65px; position: relative; text-decoration: none; width: 25px}

a.home:hover, a.home:active {
background-image: url('www_img/button_home_over.png');
background-repeat: no-repeat; border-color: #aa0000; border-style: solid; border-width: 1px; float: left; height: 25px; margin: 10px 0px 30px 65px; position: relative; text-decoration: none; width: 25px}

/* MENU: RECOMMEND */

a.recommend:link, a.recommend:visited {
background-image: url('www_img/button_recommend.png');
background-repeat: no-repeat; border-color: #aa0000; border-style: solid; border-width: 1px; float: left; height: 25px; margin: -57px 0px 30px 100px; position: relative; text-decoration: none; width: 25px}

a.recommend:hover, a.recommend:active {
background-image: url('www_img/button_recommend_over.png');
background-repeat: no-repeat; border-color: #aa0000; border-style: solid; border-width: 1px; float: left; height: 25px; margin: -57px 0px 30px 100px; position: relative; text-decoration: none; width: 25px}

/* MENU: WEBSITE INFO */

a.web_info:link, a.web_info:visited {
background-image: url('www_img/button_web_info.png');
background-repeat: no-repeat; border-color: #aa0000; border-style: solid; border-width: 1px; float: left; height: 25px; margin: -57px 0px 30px 135px; position: relative; text-decoration: none; width: 25px}

a.web_info:hover, a.web_info:active {
background-image: url('www_img/button_web_info_over.png');
background-repeat: no-repeat; border-color: #aa0000; border-style: solid; border-width: 1px; float: left; height: 25px; margin: -57px 0px 30px 135px; position: relative; text-decoration: none; width: 25px}

input, textarea {
background-color: #ffffff;
color: #111111;
font-family: arial, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal}

input.button {
background-color: #dddddd;
color: #000000;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-decoration: none}

input.button:hover {
background-color: #aa0000;
color: #ffffff;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-decoration: none}





/* STYLES FOR TEXT */

h1 {
background: transparent;
color: #aa0000;
font-family: arial, sans-serif;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: normal}

h2 {
background: transparent;
color: #aa0000;
font-family: arial, sans-serif;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: normal}

p, ol, ul {
background: transparent;
color: #555555;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal}

b {
background: transparent;
color: #111111;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal}

#center {
text-align: center}

#center_button {
text-align: center}

.article_heading {
background: transparent;
color: #aa0000;
font-family: arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: bold}

.article_text {
background: transparent;
color: #555555;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal}

.bold {
font-weight: normal}

.caption_link {
background: transparent;
color: #eeeeee;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal}

.copyright {
background: transparent;
color: #eeeeee;
font-family: arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal}

.error {
background: transparent;
color: #aa0000;
font-family: arial, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal}

.great_dane {
background: transparent;
color: #555555;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: small-caps;
font-weight: normal}

.great_dane_copyright {
background: transparent;
color: #eeeeee;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: small-caps;
font-weight: normal}

.design {
background: transparent;
color: #555555;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal}

.design_copyright {
background: transparent;
color: #eeeeee;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal}

.plain_text {
background: transparent;
color: #555555;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal}

.red_text {
color: #555555}

.services {
background: transparent;
color: #550000;
font-family: arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal}

.services_detailed {
background: transparent;
color: #cccccc;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal}

.small {
font-family: arial, sans-serif;
font-size: 11px}