/* 

STYLE SHEET FOR TOTAL MARKETING
Breakdown of sections
 1. defaults
 2. structure
 3. links and navigation
 4. fonts
 5. images
 6. hacks
 7. page specific content
 8. Forms
 9. adsense & feeds

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		color: #000000;
		font: 11px/14px Verdana, Arial, sans-serif;
		padding-top: 0px;
		padding-bottom: 10px;
		}
		
/*  --------- 2. structure  --------- */

.container {
    position: relative;
    height: 30em;
    width: 1000px;
}


#wrapper {
		width: 1000px;
		margin: 0 auto;
		}
		
#masthead {
		border-top: 10px solid #9d0a0e;
		margin-bottom: 0px;
		background: url(../images/total_client_marketing_logo200707.jpg) no-repeat;
		height: 113px;
		  voice-family: "\"}\""; 
		  voice-family:inherit;
		height: 70px;
		}

#pullNav {
		float: right;
		margin-top: 2px;
		margin-right: 3px;
		}

#top_navigation {
		width: 1000px;
		margin-right: 0px;
		font-style:bold;
		background-color: #9d0a0e;
		}

#navigation_left {
		width: 140px;
		float: left;
		margin-right: 10px;
		background: url(../images/nav_line.gif) repeat-y;
		}

#content {
		width: 695px;
		float: left;
		}

#navigation_right {
		width: 135px;
		float: right;
		margin-left: 5px;
		}

.wrap {
    text-align: center;
}


.column {
		width: 330px;
		float: left;
		v-align:center;
		padding-bottom: 20px;
		margin-right: 10px;
		}

.columnimg {
		width: 50px;
		float: left;
		padding-bottom: 10px;
		margin-right: 15px;
		margin-left: 5px;
		}

.columntype2 {
		width: 240px;
		float: left;
		padding-bottom: 20px;
		margin-left: 20px;
		margin-right: 10px;
		background-color: #f9f9f9;
		}

.columntype3 {
		width: 95px;
		float: left;
		padding-bottom: 20px;
		margin-right: 20px;
		background-color: #f9f9f9;
		}

.columntype4 {
		width: 600px;
		float: left;
		padding-bottom: 10px;
		margin-right: 10px;
		background-color: #f9f9f9;
		}

.columntype5 {
		width: 120px;
		float: left;
		padding-bottom: 10px;
		margin-right: 10px;
		background-color: #f9f9f9;
		}

.rowtype1 {
		width: 685px;
		text-align:left;
		padding-bottom: 20px;
		margin-right: 10px;
		}

.noLeftMargin {
		margin-left: 0;
		}

.noRightMargin {
		margin-right: 0;
		}

#footer {
		clear: both;
		}

.hr {
    margin: 0 auto;
    width: 95%;
    border-top: 1px solid #d5d5d5;
}

.footer {
    width: 1000px;
    margin: 0;
    padding: 0;
    font-family: Arial,'Trebuchet MS',Default Sans Serif, Georgia, Times, Times New Roman, sans-serif;
    font-size: 10px;
    text-align: center;
    background-color: #ffffff;
}

.separator {
		clear: both;
		height: 4px;
		background-color: #ebebeb;
		margin-bottom: 13px;
		}

.separatorInvisible {
		clear: both;
		height: 4px;
		}

.Vspace {
    height: 0px;
}
		
/* ---------- 3. links and navigation ---------- */

a {
		text-decoration:none;
		color: #9a0a0e;
		}
		
a:hover {
		color: #0a189d;
		}

#navigation_left a {
		color: #000000;
		}

#navigation_left a:hover {
		color: #0a189d;
		}

#navigation_left ul {
		margin-bottom: 19px;
		font: 11px Arial, sans-serif;
		}

#navigation_left li {
		background: url(assets/list_bullet.gif) 0 5px no-repeat;
		padding-left: 10px;
		line-height: 14px;
		margin-bottom: 1px;
		}

#top_navigation a {
		text-decoration:none;
		color: #FFFF99;
		}

#top_navigation a:hover {
		color: #0a189d;
		}

#top_navigation ul {
		margin-bottom: 19px;
		font: bold 14px Arial, sans-serif;
		}

#top_navigation li {
		background: url(assets/list_bullet.gif) 0 5px no-repeat;
		padding-left: 10px;
		line-height: 14px;
		margin-bottom: 1px;
		}

#pullNav ul {
		list-style-type: none;
		background: #000000;
		border-top: 1px solid #9d0a0e;
		border-right: 1px solid #9d0a0e;
		border-left: 1px solid #9d0a0e;
		font: bold 11px Arial, sans-serif;
		}

#pullNav li {
		border-bottom: 1px solid #9d0a0e;
		text-transform: uppercase;
		line-height: 17px;
		}
		
#pullNav a {
		text-decoration: none;
		color: #ffffff;
		padding-left: 10px;
		display: block;
		width: 127px;
    	  voice-family: "\"}\""; 
		  voice-family:inherit;
		width: 117px;
		}
		
#pullNav a:hover {
		background-color: #9d0a0e;
		}
		

/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		}

#content h1 {
		font-size: 17px;
		text-transform: uppercase;
		margin-bottom: 12px;
		background: url(assets/list_bullet.gif) 0 5px no-repeat;
		padding-left: 10px;
		font-family: Arial, sans-serif;
		}

#navigation_left h1 {
		color: #9d0a0e;
		font: bold 11px Arial, sans-serif;
		text-transform: uppercase;
		}

#content .column h1 {
		font-family: Verdana, Arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 2px;
		background: none;
		text-transform: none;
		padding-left: 0;
		}

#content .columntype2 h1 {
		font-family: Verdana, Arial, sans-serif;
		font-weight: none;
		font-size: 12px;
		line-height: 12px;
		margin-bottom: 2px;
		background: none;
		text-transform: none;
		padding-left: 0;
		}


#content .rowtype1 h1 {
		font-family: Verdana, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		line-height: 12px;
		margin-bottom: 2px;
		background: none;
		text-transform: none;
		padding-left: 0;
		}

h2 {
		color: #9d0a0e;
		font: bold 11px Arial, sans-serif;
		text-transform: uppercase;
		}

.column h2 {
		color: #9d0a0e;
		font: bold 11px Arial, sans-serif;
		text-transform: uppercase;	
		}

h3 {
		}
		
h4 {
		}

p {
		margin-bottom: 1em;
		}

.introEnlargedText {
		font-weight: bold;
		font-size: 14px;
		color: #9d0a0e;
		}

#footer p {
		font-size: 10px;
		}
		
		/* -- list styles -- */
ul {
		list-style-type: none;
		}

input {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
}

/* ---------- 5. images ---------- */


a img {
		border: 0;
		text-align:center;
		}

.column a img  {
		border: 5px solid #e1e1e1;
		margin-bottom: 10px;
		}

.column a:hover img {
		border-color: #ccc;
		}

.columntype2 a img  {
		border: 5px solid #e1e1e1;
		margin-top: 0px;
		}

.columntype2 a:hover img {
		border-color: #ccc;
		}

.rowtype1 a img  {
		border: 5px solid #e1e1e1;
		margin-bottom: 10px;
		}

.rowtype1 a:hover img {
		border-color: #ccc;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}  
		
#content h1, #pullNav li, #navigation h1, h2 {
		text-transform: uppercase;
		}

/* ---------- 7. page specific content ---------- */
.grid {
    position: absolute;
    width: 1000px;
    height: 1000px;
    border: 0px;
    background-image: url(../images/grid.gif);
    background-repeat: repeat;
    border-bottom: 1px solid #C0C0C0;
}

.blog_wrap {
	text-align: center;
}

.blog {
    margin: 0 auto;
    text-align: left;
    width: 80%;
    border: 0px;
    border-style: none;
    padding: 0.5em;
}

.blog_title {
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
}

.blog_text {
    font-style: none;
    padding-left: 0.5em;
}

.blog_date {
    color: #616161;
    font-weight: bold;
    padding: 0.5em;
}

.about {
    margin-left: 0;
    text-align: center;
    padding: 0.5em;
}

.about_title {
    text-align: left;    
    font-weight: bold;
    font-size: 12px;
}

.about_text {
    text-align: left;
    font-style: italic;
    font-size: 12px;
}

/* ---------- 8. Form ---------- */
textarea, .form-item {
    border: 1px solid #333399;
    background color: #FFFFCC;
    width: 300px;
}

textarea {
    height: 200px;
}

div.row {
    clear: both;
    padding-top: 5px;
}

div.row span.label {
    float: left;
    width: 150px;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
}

div.row span.formw {   
    width: 300px;
    text-align: left;
}

div.row span.words {   
    float: left;
    width: 150px;
    text-align: left;
  color: #FF0000;
}

.button {
    color: #9d0a0e;
    background-color: #FFFFFF;
    border: 1px solid;
}

.form {
    text-align: left;
    width: 80%;
    margin-left:100px;
    border: 0px;
    border-style: none;
    padding: 0.5em;
}

/* ---------- 9. adsense & feeds ---------- */
.adsense {
    margin: 0 auto;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    width: 740px;
}

.1and1 {
    margin: 0 auto;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    width: 740px;
}

/* ---------- 10. poll tables ---------- */

table.dark {
	background-color: #ccccff;
	border: solid #6699cc 1px;
	color: #000000;
}

th.dark {
	background-color: #6699cc;
	color: #000000;
	font-weight: normal;
	text-align: left;
}