/* CSS Document */

#outer {
position: relative;
width:1300px;
height:100%;
margin-right: auto;
margin-left: auto;
text-align: left;
/*background-image:url(../images/bg-body-grey.jpg);
	background-repeat: repeat-y;
	background-position: center top; 
	background-color:#231f20; */
}

#wrapper {
position:relative;
width:960px;
margin:0 auto;
padding:0;
height:100%;
background:#ffffff;
}

/* RSS Rules */
#rss {
position:absolute;
top:20px;
right:0;
width:160px;
}

#rss-top {
padding-bottom: 13px;
}

/* BODY */

body, html {
	font: 100% "Myriad", Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. Then set text to left aligned default in #container */
	background-color:#231f20; 
}

#flash {
}

/* #menu {
	background-color:#1757ed;
	background-image:url(Images/blank_menu.png);
	background-repeat:no-repeat;
	height:30px;
	}*/

.type {
font-family: "Myriad", Arial, Helvetica, sans-serif;
margin:5px 10px 5px 10px;
}

.anime img {display:block;}

#chromemenu {
width: 100%;
font-weight: bold;
font-size: 90%;
}

#chromemenu img {display:block;}

#chromemenu ul {
width:100%;
/*background: url(../Images/chromebg.gif) center center repeat-x; */
background-color:#ec008c;
padding: 5px 0;
margin: 0;
text-align: center; /*set value to right for example to align menu to the left of page*/
}

#chromemenu ul li {
display: inline;
}

#chromemenu ul li a {
color: #231f20;
padding: 5px;
margin: 0;
text-decoration: none;
/* border-right: 1px solid #DADADA; */
}

#chromemenu ul li a:hover {
color: white;
/* background: url(../Images/chromebg2.gif) center center repeat-x; */
}

#footer {
background-color:#ec008c;
color:#ffffff;
text-align:center;
height:100%;
font-size:x-small;
}

#footer a:link, #footer a:visited {
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.style4 {
        color: #FF6600;
        font-weight: bold;
        text-decoration:none;
}

.style6 {font-size: 9px;}

.style7 {
color: #FFFFFF;
font-size:xx-small;
text-align:left;
}

.style7 a:link {
color: #FFFFFF;
}



/*<![CDATA[*/
 .c4 {text-decoration:none}
 .c3 {margin:5px 0px 5px 5px; text-align:left;}
 .c3 a{text-decoration:none; color:#000000;}
 .c3 a:link, .c3 a:visited{text-decoration:none; color:#000000;}
 .c3 a:hover {text-decoration:none; color:#000000;}
  .c5 {margin:5px 5px 5px 5px; text-align:left; width:500px;}
 br.c2 {clear: left;}
 div.c1 {text-align: center}
/*]]>*/


/* Testimonials Section */

.c5 h4 {
margin-bottom:1px;
}

.biz {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
font-weight:bold;
}

.topq {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:bold;
}

.qual {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:bold;
}

.rec {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

.when {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
font-style:italic;
}

/* Testimonials */
#thankyou blockquote {
	margin-bottom: 20px;
	background-image:url(../images/pullquotes_l.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#thankyou blockquote div{
	font-size: 1.1em;
	font-style: italic;
	color:#666666;
	padding: 5px 35px 0;
	background-image:url(../images/pullquotes_r.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#thankyou p {
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
}

#thankyou img {
	margin: 0 0 0 10px !important;
	display: none;
}

#thankyou h2 {
text-align:right;
margin-right:60px;
font-size:.7em;
color:#004ca9;
}

/* END Testimonials */

/* 2COL Template */
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* MENU */

.wireframemenu{
/* border: 1px solid #C0C0C0; */
margin-top:20px;
border-bottom-width: 0;
width: 160px;
float:left;
display:block;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 174px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
background-color:#ffffff;
}

.wireframemenu a{
font: bold .8em Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #5a7e92; /* was #333393 */
text-decoration: none;
border-bottom: 1px solid #c0c0cc;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #e7e7e8;  /* was #c0c0cc;  BG Color */
color:#5a7e92; /* was #333393; */
}

.wireframemenu a:active{
background-color: #e7e7e8;  /* was #c0c0cc;  BG Color */
color:#5a7e92; /* was #333393; */
}

#outer1 .mltype{
font-family: Trebuchet MS, Arial, Helvetica, Geneva, Sans-Serif; 
font-size:.7em;
color:#5a7e92; /* was #333393; */
margin-left:6px;
}

#outer1 .mltype a:link{
color:#5a7e92; /* was #333393; */
}


#outer1 .mltype a:hover{
color:#003768; 
}