html { background-color: #FFFFFF;
}

body {
margin: 0px; padding: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 85%;
line-height: 17px;
font-style: normal;
font-weight: normal;
}

p { margin : 0 15px 0px 15px;
padding : 10px 0px 15px 0px;
text-align: left;
}

a img { border: 0; }

h1 { padding: 0px; margin: 0px; }
h1 span { font-size: 0px; text-indent: -9999px; line-height: 0px; display: none; overflow: hidden;
}

h2 { text-indent:-9999px; margin: 0px; padding: 0px; height: 24px; font-size: 0px; line-height: 0px; }
/*manually enter 112px height for intros*/

h3 { margin : 0 15px 0px 15px;
padding : 10px 0px 2px 0px;
text-align: left;
font-size: 115%;
}

img { margin: 0px; padding: 0px; }

ul#noText span { display: none; }

.ulColList { margin: 0px 25px 0px 0px; padding: 5px 0px 5px 55px; }
.olColList { margin: 0px 25px 0px 0px; padding: 5px 0px 10px 55px; }

.ulColText { margin: 0px 15px 0px 0px; padding: 5px 0px 10px 25px; }
.olColText { margin: 0px 15px 0px 0px; padding: 5px 0px 10px 25px; }

.ulColList li, .olColList li { margin-bottom: 2px; }
.ulColText li, .olColText li { margin-bottom: 10px; }

p#col { margin-left: 20px;
}

.gallery { font-weight: bold;
color: #000;
}

/************************************************* PRIMARY DIVISIONS *********************************************************/

div#website { width: 1029px;
height: 100%;
margin: 0 auto;
padding: 15px 0px 0px 0px;
}

div#header { width: 1005px;
height: 198px;
margin: 0 0 5px 0;
padding: 0px;
background: url(../images/effective-advertising-head.jpg);
font-size: 0px;
text-indent: -9999px;
}

div#container { width: 1029px;  /*Use to Hold the Relative Content Div*/
min-height: 1180px;
max-height: 7000px;
padding: 0;
margin: 0;
}

div#content {
	width: 1029px;  /*Set as Relative to Hold the Absolutely positioned Columns*/
	height: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
	position: relative;
}

div#col1 { width: 247px; height: 100%; margin: 0; padding: 0; position: absolute; left: 0px; top: 0px; }
div#col2 { width: 254px; height: 100%; margin: 0; padding: 0; position: absolute; left: 247px; top: 0px; }
div#col3 { width: 252px; height: 100%; margin: 0; padding: 0; position: absolute; left: 501px; top: 0px; }
div#col4 { width: 252px; height: 100%; margin: 0; padding: 0; position: absolute; left: 753px; top: 0px; }

div#main1 { width: 753px; height: 100%; margin: 0; padding: 0; position: absolute; left: 0px; top: 0px; }

div#main2 { width: 276px; height: 100%; margin: 0; padding: 0; position: absolute; left: 753px; top: 0px; }

div#footer { width: 1005px; margin: 0; padding: 0px 0px 7px 0px; }


/************************************************* SECTION ITEM DIVISIONS ON HOME PAGE **************************************************/

.home-col1-middle { width: 247px;
margin: 0px 0px 25px 0px; padding: 0px;
background:url(../images/div-blue-middle.gif) repeat-y;
position: relative;
}

.home-col2-middle { width: 254px;
margin: 0px 0px 25px 0px; padding: 0px;
background: url(../images/div-red-middle.gif) repeat-y;
position: relative;
}

.home-col3-middle { width: 252px;
margin: 0px 0px 25px 0px; padding: 0px;
background: url(../images/div-green-middle.gif) repeat-y;
position: relative;
}

/************************************************* SECTION PAGES **************************************************/

.main-col1-middle-blue { width: 753px;
margin: 0px 0px 25px 0px; padding: 0px;
background: url(../images/main-middle-blue.gif) repeat-y;
position: relative;
}

.main-col2-middle-blue { width: 276px; margin: 0px; padding: 0px;
background: url(../images/nav-middle-blue.gif) repeat-y;
position: relative;
}

.main-col1-middle-red { width: 753px;
margin: 0px 0px 25px 0px; padding: 0px;
background: url(../images/main-middle-red.gif) repeat-y;
position: relative;
}

.main-col2-middle-red { width: 276px; margin: 0px; padding: 0px;
background: url(../images/nav-middle-red.gif) repeat-y;
position: relative;
}

.main-col1-middle-green { width: 753px;
margin: 0px 0px 25px 0px; padding: 0px;
background: url(../images/main-middle-green.gif) repeat-y;
position: relative;
}

.main-col2-middle-green { width: 276px; margin: 0px; padding: 0px;
background: url(../images/nav-middle-green.gif) repeat-y;
position: relative;
}

.main-col1-middle-yellow { width: 753px;
margin: 0px 0px 25px 0px; padding: 0px;
background: url(../images/main-middle-yellow.gif) repeat-y;
position: relative;
}

.main-col2-middle-yellow { width: 276px; margin: 0px; padding: 0px;
background: url(../images/nav-middle-yellow.gif) repeat-y;
position: relative;
}

.main-col1-middle-orange { width: 753px;
margin: 0px 0px 25px 0px; padding: 0px;
background: url(../images/main-middle-orange.gif) repeat-y;
position: relative;
}

.main-col2-middle-orange { width: 276px; margin: 0px; padding: 0px;
background: url(../images/nav-middle-orange.gif) repeat-y;
position: relative;
}

div#footer-middle-gray { width: 1005px;
margin: 0px 0px 10px 0px; padding: 0px;
background: url(../images/main-middle-gray.gif) repeat-y;
position: relative;
}

/************************************************* NAVIGATION MENU *********************************************************/

div#navbar { width: 1005px;
height: 53px;
margin: 0;
padding: 0px 0px 7px 0px;
}

ul#navlist { list-style-type: none;
margin: 0;
padding: 0;
}

ul#navlist li { float: left;
height: 53px;
}

#navlist a {
display: block;
width: 100%;
height: 100%;
}

ul#navlist a span {
display: none;
}

li#nav_ci a { background: url(../images/buttons/corporate-identity.jpg) 0px 0px no-repeat; width: 247px; height: 53px; }
li#nav_ci a:hover { background: url(../images/buttons/corporate-identity-over.jpg)}
li#nav_gd a { background: url(../images/buttons/graphic-design.jpg) 0px 0px no-repeat; width: 254px; height: 53px; }
li#nav_gd a:hover { background: url(../images/buttons/graphic-design-over.jpg)}
li#nav_wd a { background: url(../images/buttons/web-design.jpg) 0px 0px no-repeat; width: 252px; height: 53px; }
li#nav_wd a:hover { background: url(../images/buttons/web-design-over.jpg)}
li#nav_ct a { background: url(../images/buttons/eas-client-tools.jpg) 0px 0px no-repeat; width: 252px; height: 53px; }
li#nav_ct a:hover { background: url(../images/buttons/eas-client-tools-over.jpg)}
li#nav_c a { background: url(../images/buttons/contact-eas.jpg) 0px 0px no-repeat; width: 252px; height: 53px; }
li#nav_c a:hover { background: url(../images/buttons/contact-eas-over.jpg)}
li#nav_gd2 a { background: url(../images/buttons/graphic-design-2.jpg) 0px 0px no-repeat; width: 248px; height: 53px; }
li#nav_gd2 a:hover { background: url(../images/buttons/graphic-design-2-over.jpg)}



/* ***********************************************  QUICK NAVIGATION CONTENTS  **************************************************/

ul#quickNav { background: none; margin: 0px; padding: 0px; }
ul#quickNav li {
	min-height: 28px;
	max-height: 100%;
	width: 252px;
	padding-right: 10px;
		/*   background: url(../images/nav-button-green.jpg) no-repeat;  */
	list-style-type: none;
	text-indent: 43px;
	font-size: 15px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
#quickNav a {
  display: block;
  padding: 0px;
  text-indent: 0px;
  height: 100%;
  color: #000;
  text-decoration: none;
}
#quickNav a span {
  display: block;
  padding: 5px 15px 5px 50px;
  text-indent: 0px;
  height: 100%;
}

/* --------------------------------- Insert this on each page with the different color for links


ul#quickNav li { background: url(../images/nav-button-green.jpg) no-repeat; }
#quickNav a:hover { text-decoration: underline; color: #1f8c40; } */


/* ***********************************************  ARTICLE NAVIGATION CONTENTS  **************************************************/

table#articleNav { width: 250px; background: none; margin: 0px; padding: 0px; }
talbe#articleNav p { margin: 0px; padding: 0px; }

table#articleNav td {
	min-height: 45px;
	max-height: 100%;
	padding: 0px 0px 0px 17px;
	vertical-align: middle;
	text-align: left;
		/*   background: url(../images/nav-button-green.jpg) no-repeat;  */
	font-size: 90%;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
table#articleNav a {
  display: block;
  padding: 0px;
  text-indent: 0px;
  height: 100%;
  color: #000;
  text-decoration: none;
}
table#articleNav a span {
  display: block;
  text-indent: 0px;
  height: 100%;
}

articleNav a:link { color: #000; text-decoration: underline; }
articleNav a:visited { color: #000; text-decoration: underline; }
articleNav a:hover {  color: #000; text-decoration: underline; }
articleNav a:active { color: #000; text-decoration: underline; }

/* ***********************************************  FOOTER CONTENTS  **************************************************/

p#footer_copy { font-size: 12px; text-align: center; color: #4b4b4b; line-height: 18px; padding-bottom: 5px; }