/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* ///// Normalizer from www.transcendingcss.com ///// */

html {
	display: inline;	/* IE bug: to remove double margin w/ float. */
	height: 100%;
}

body {
	position: relative;
	height: 100%;
	background-color: #bad6d8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #636567;
	line-height: 120%;
	font-weight: normal;
}

#main_container {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.normal {
	font-weight: normal;
	font-size: .9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.endofpage {
	margin-bottom: 25px;
}

.no_show {
	display: none;
}

#w_branding {
	position: relative;
	background-color: #FFFFFF;
	width: 100%;
}

#w_nav {
	position: relative;
	background-image: url(images/nav_tile.gif);
	width: 100%;
}

#w_footer {
	position: relative;
	background-image: url(images/footer_tile.gif);
	background-repeat: repeat-x;
	width: 100%;
}

#w_links {
	position: relative;
	background-image: url(images/links_tile.gif);
	background-repeat: repeat-x;
	width: 100%;
	overflow: auto;
}

/* /////////////////////////// Branding ////////////////////////////// */

#branding {
	position: relative;
	width: 1008px;
	height: 107px;
	background-image: url(http://www.mscmarketingonline.com/images/branding.jpg);
	background-repeat: no-repeat;
}

#branding_flash {
	position: absolute;
	top: 0px;
	left: 418px;
}

#imap_home {
	position: absolute;
	width: 340px;
	height: 100px;
	top: 3px;
	left: 67px;
}

/* /////////////////////////// NAV ////////////////////////////// */

#nav {
	position: relative;
	width: 1008px;
	height: 28px;
	background-image: url(images/nav_back.gif);
	background-repeat: no-repeat;
}

#nav ul {
	position: relative;
	list-style-type: none;
	float: left;
}

#nav ul li {
	position: absolute;
}

#nav ul li a {
	position: absolute;
	display: block;
}

#button1 a { width: 71px; height: 28px; left: 259px; top: 0px; background-image: url(images/nav_home.gif); }
#button2 a { width: 108px; height: 28px; left: 330px; top: 0px; background-image: url(images/nav_meaning.gif); }
#button3 a { width: 101px; height: 28px; left: 438px; top: 0px; background-image: url(images/nav_about.gif); }
#button4 a { width: 83px; height: 28px; left: 539px; top: 0px; background-image: url(images/nav_services.gif); }
#button5 a { width: 89px; height: 28px; left: 622px; top: 0px; background-image: url(images/nav_work.gif); }
#button6 a { width: 67px; height: 28px; left: 711px; top: 0px; background-image: url(images/nav_links.gif); }
#button7 a { width: 96px; height: 28px; left: 778px; top: 0px; background-image: url(images/nav_contact.gif); }

#button1 a:hover { background-position: 0 -28px; }
#button2 a:hover { background-position: 0 -28px; }
#button3 a:hover { background-position: 0 -28px; }
#button4 a:hover { background-position: 0 -28px; }
#button5 a:hover { background-position: 0 -28px; }
#button6 a:hover { background-position: 0 -28px; }
#button7 a:hover { background-position: 0 -28px; }

#button1_on a { width: 71px; height: 28px; left: 259px; top: 0px; background-image: url(images/nav_home.gif); background-position: 0 -28px; }
#button2_on a { width: 108px; height: 28px; left: 330px; top: 0px; background-image: url(images/nav_meaning.gif); background-position: 0 -28px; }
#button3_on a { width: 101px; height: 28px; left: 438px; top: 0px; background-image: url(images/nav_about.gif); background-position: 0 -28px; }
#button4_on a { width: 83px; height: 28px; left: 539px; top: 0px; background-image: url(images/nav_services.gif); background-position: 0 -28px; }
#button5_on a { width: 89px; height: 28px; left: 622px; top: 0px; background-image: url(images/nav_work.gif); background-position: 0 -28px; }
#button6_on a { width: 67px; height: 28px; left: 711px; top: 0px; background-image: url(images/nav_links.gif); background-position: 0 -28px; }
#button7_on a { width: 96px; height: 28px; left: 778px; top: 0px; background-image: url(images/nav_contact.gif); background-position: 0 -28px; }

#button1_on a:hover { background-position: 0 -28px; }
#button2_on a:hover { background-position: 0 -28px; }
#button3_on a:hover { background-position: 0 -28px; }
#button4_on a:hover { background-position: 0 -28px; }
#button5_on a:hover { background-position: 0 -28px; }
#button6_on a:hover { background-position: 0 -28px; }
#button7_on a:hover { background-position: 0 -28px; }

#nav_about {
	position: relative;
	height: 33px;
}

#nav_about ul {
	position: relative;
	list-style-type: none;
}

#nav_about ul li {
	position: absolute;
}

#nav_about ul li a {
	position: absolute;
	display: block;
}

#buttona1 a { width: 84px; height: 33px; left: 0px; top: 0px; background-image: url(images/anav_team.jpg); }
#buttona2 a { width: 84px; height: 33px; left: 84px; top: 0px; background-image: url(images/anav_test.jpg); }
#buttona3 a { width: 84px; height: 33px; left: 168px; top: 0px; background-image: url(images/anav_awards.jpg); }

#buttona1 a:hover { background-position: 0 -33px; }
#buttona2 a:hover { background-position: 0 -33px; }
#buttona3 a:hover { background-position: 0 -33px; }

#left_flash {
	position: relative;
}

#left_flash ul {
	position: relative;
	list-style-type: none;
}

#left_flash ul li {
	position: absolute;
}

#left_flash ul li a {
	position: absolute;
	display: block;
}

#button_left a { width: 135px; height: 104px; left: -5px; top: 200px; background-image: url(images/nav_left.jpg) }

#button_left a:hover { background-position: 0 -104px; }


/* /////////////////////////// CONTENT ////////////////////////////// */

#content_main {
	position: relative;
	width: 1008px;
	height: 100%;
	overflow: auto;
	background-image: url(images/tile.gif);
	background-repeat: repeat-y;
}

#left {
	position: relative;
	float: left;
	width: 259px;
	height: 361px;
	background-image: url(images/left_back.gif);
	background-repeat: no-repeat;
}

#left p {
	position: absolute;
	top: 40px;
	left: 75px;
	font-size: 1.6em;
	color: #FFFFFF;
}

#left ul {
	position: absolute;
	left: 95px;
	top: 70px;
	color: #FFFFFF;
	font-size: 1.2em;
	list-style-position: inside;
	list-style-type: disc;
	font-weight: bold;
	text-align: left;
}

#left ul li {
	padding: 0 0 17px 0;
}




#template {
	width: 650px;
	min-height: 400px;
}

#right {
	position: relative;
	float: right;
	width: 77px;
	height: 361px;
	background-image: url(images/right_back.gif);
	background-repeat: no-repeat;
}
#right_flash {
	position: absolute;
	top: 0px;
	left: 370px;
}

#right_pic {
	position: absolute;
	top: 40px;
	left: 390px;
}

#middle {
	position: relative;
	float: left;
	width: 672px;
	height: 100%;
	background-color: #FFFFFF;
	text-align: left;
}

#middle p:first-child {
	padding-top: 38px;
}

#middle p {
	padding: 16px 20px 0 20px;
}

#middle ul {
	padding: 8px 0 0 60px;
	list-style-position: outside;
	list-style-type: disc;
	
}

#middle ul li {
	padding: 0 0 6px 0;
}

#text_index {
	position: relative;
	width: 370px;
}

#text_index2 {
	position: relative;
	width: 380px;
	color: #636567;
}

#text_index2 table {
	position: relative;
	padding: 0;
	margin: 0;
	left: 10px;
	top: 20px;
}

#text_index2 table tr td {
	position: relative;
	padding: 0; 
	margin: 0;
}

#text_index3 {
	position: relative;
	width: 380px;
	color: #636567;
}

#text_index3 table {
	position: relative;
	left: 20px;
	font-size: .8em;
}

#text_index3 table tr td {
	padding: 10px 0 0 0;
}

#number {
	position: absolute;
	top: 330px;
	left: 425px;
	height: 60px;
	color: #006a71;
}

#right_list {
	position: absolute;
	top: 360px;
	left: 370px;
	width: 270px;
}
/* /////////////////////////// FOOTER /////////////////////////////// */

#footer {
	position: relative;
	width: 1008px;
	height: 74px;
	background-image: url(images/footer_back.gif);
	background-repeat: no-repeat;
}

#foot_text1 {
	position: absolute;
	left: 310px;
	font-size: .7em;
}

#foot_text2 {
	position: absolute;
	left: 270px;
	top: 30px;
	width: 563px;
}
/* /////////////////////////// FONTS ///////////////////////////////// */

.bold { font-weight: bold; }

.italic { font-style: italic; }

.teal { color: #006a71; }

.large { font-size: 1.4em; }

.red { color: #FF0000; font-size: .7em; }

.title { color: #006a71; font-size: 1em; font-weight: bold; }

.copy { font-size:  .7em; color: #757678; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 110%; text-decoration: underline; }
.copy2 { font-size:  .7em; color: #757678; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 110%; text-decoration: none; }

a:link			{font-size: .9em; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: underline; }
a:visited		{font-size: .9em; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: underline; }
a:active			{font-size: .9em; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: underline; }
a:hover			{font-size: .9em; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: underline; }

a.teal:link				{font-size: .9em; color: #006a71; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: underline; }
a.teal:visited			{font-size: .9em; color: #006a71; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: underline; }
a.teal:active			{font-size: .9em; color: #006a71; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: underline; }
a.teal:hover			{font-size: .9em; color: #006a71; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: underline; }

a.copy:link			{font-size:  1em; color: #757678; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 110%; text-decoration: underline; }
a.copy:visited		{font-size:  1em; color: #757678; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 110%; text-decoration: underline; }
a.copy:active		{font-size:  1em; color: #757678; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 110%; text-decoration: underline; }
a.copy:hover		{font-size:  1em; color: #006a71; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 110%; text-decoration: underline; }


#LIBRARY_WEBRAVEN {
	background: transparent url(images/bot_nav.gif) no-repeat 0px 280px;
	border: solid 1px #cc0000;
	font-family: Arial Black, sans-serif;
	border: solid 1px #cc0000;
}