/* CSS Document */

body {
background-image:url(images/background3.jpg);
background-repeat:repeat-x;
/*background-color:#F9FDDB;*/
background-color:#ffffff;
margin: 0px 0px 0px 0px;


/*background-color:#ffffff;*/
/*background-color:#B6B6A7;*/
/*rounded box color #E5E6B1*/
margin-top:5px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}



.main {
background-color:#ffffff;
}

A:visited { color:#0000FF; } 

h1 {
display:inline;
font-size:16px;
font-weight:bold;
}

h2 {

font-size:14px;
font-weight:bold;
}

h3 {

font-size:16px;
font-weight:bold;
}

#container {
margin: 0px auto;
width:950px;
}

.topmainbg {
margin: 0px auto;
width:950px;
/*
background-image:url(images/main-bg-text.png);
background-repeat:no-repeat;
background-position:top center;

background-color:#FFFFFF;*/
clear:both;

}

.top-services {

float:right;
width:300px;

}

.top-services h1  {
font-size:12px;
color:#7C6240;
}

.logo {
margin:0px 0px 0px 0px;
padding-top:10px;
}

.contact-info {
float:right;
margin-top:-80px;
margin-right:15px;
height:93px;
font-size:20px;
font-weight:bold;
margin-bottom:15px;
}

.slide-image {
margin-right:0px;
margin-left:3px;
margin-bottom:3px;
border:1px solid #ABA84A;
padding:6px; 
background:#F9FDDB;
}

.roll-through h3 {
display:inline;
}

.left-align-img li {
list-style-position:inside;
}

/*---------NAVIGATION SUCKERFISH------------------*/
#nav-container {
position:absolute;
float:right;
/*margin-left:-100px;*/
/*z-index:99;*/
width:950px;
}

#nav, #nav ul {
	float: right;
	/*width: 56em; I had to take this out in order to fit*/
	list-style: none;
	line-height: 1;
	background: white;
	/*font-weight: bold;*/
	padding: 0;
	/*border:1px solid #CCCC99;*/
	/*border-width: 2px 0px 1px 0px;*/
/*	margin: 0em;*/
	font-size:12px;
	margin:-10px 10px 0px 0px;

}

#nav a {
	display: block;
	/*width: 10em;
	w\idth: 6em;*/
	color: #000000;
	text-decoration: none;
	padding: 0.25em .5em;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	/*width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	
}

#nav li li {
	padding-right: 1em;
	width: 13em
	
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
	
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
	
}
/*
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
*/
#nav li:hover, #nav li.sfhover {
	background: #D3E4FF;
}

/*----------------END OF NAVIGATION SUCKERFISH--------------------*/

.main-header {
height:300px;
}
.main-header1 {
height:20px;
}
.large-banner {
position:relative;
}
.offer {
z-index:2;
position:relative;
float:right;
margin:-110px 160px 0px 0px;

}

.roll-through {
width:450px;
padding:20px 130px 10px 10px;
float:right;
}

.person-image {
/*background-image:url(images/lady.png);
background-repeat:no-repeat;*/
position:relative;
z-index:-1;
width:275px;
height:277px;
margin-left:130px;
margin-top:-210px;
}

.quick-quote {
position:relative;
/*z-index:-2;*/
float:left;
margin-right:0px;
margin-top:-255px;
width:311px;
height:244px;
background-image:url(images/quick-quote1.png);
background-repeat:no-repeat;
}

.quick-quote2 {
position:relative;
/*z-index:-2;*/
float:left;
margin-right:0px;
margin-top:-273px;
width:450px;
height:277px;
background-image:url(images/quick-quote2.png);
background-repeat:no-repeat;
}

.quick-quote-form {
padding:2px 10px 15px 20px;
line-height:1.0em;
}

.quick-quote-form p{
line-height:1em;
}

.disclaimer {
width:120px;
position:relative;
float:right;
margin:-85px 5px 0px 0px;
}

.quote-button {
position:relative;
margin-top:-10px; 
margin-left:-150px;
}

.breadcrumbs {
font-size:10px;
font-style:italic;
}
.main-background-left {
background-image:url(http://www.midwestwebs.com/images/bg2.png);
background-position:top left;
background-repeat:no-repeat;
width:20px;
height:289px;
float:left;
}

.main-background-right {
background-image:url(http://www.midwestwebs.com/images/bg2-right.png);
background-position:top right;
background-repeat:no-repeat;
width:20px;
height:289px;
float:right;
}

.main {
font-size:14px;
line-height:1.5em;
/*margin-top:5px;
margin-bottom:5px;*/
padding:15px 10px 5px 10px;
float:left;
width:588px;

}

.main-full {
font-size:14px;
line-height:1.5em;
/*margin-top:5px;
margin-bottom:5px;*/
padding:15px 20px 5px 30px;
/*float:left;*/
width:900px;
/*background-color:#FFFFFF;*/
background-image:url(images/main-bg-text.png);
background-repeat:no-repeat;
background-position:top center;
}

.main-sidebar-up {
font-size:14px;
line-height:1.5em;
/*margin-top:5px;
margin-bottom:5px;*/
padding:15px 20px 5px 30px;
float:left;
/*width:588px;*/
width:600px;
background-color:#FFFFFF;

}

.main-top-bg {

}

.main-portfolio {
font-size:14px;
line-height:1.5em;
margin-top:5px;
margin-bottom:5px;
padding:5px 10px 5px 10px;
float:left;
width:858px;
}

.protfolio-comparison {
width:858px;
height:400px;
}

.website-box {
width:270px;
/*border:1px dashed #9DA657;*/
float:left;
margin:15px 5px 15px 5px;
}

.website-box {
font-size:12px;
}

.website-box p {
padding:0px 10px 0px 10px;
}

.website-box h3 {
font-size:16px;
font-weight:bold;
}

IMG.website-picture {
display:block;
border:5px solid #E8F1FF;
margin-left:auto;
margin-right:auto;
}

IMG.website-picture-sample {
display:block;
border:5px solid #E8F1FF;
margin-left:auto;
margin-right:auto;
float:left;
margin:10px;
}

.main h2 {
font-size:20px;
}

/*.quick-links-box {
border-top:1px solid #ABA84A;
border-bottom:1px solid #ABA84A;
background-color:#CCD77F;
padding:10px;
width:550px;
}*/

.quick-links-box {
width:550px;
}

.big-top-bubble {
height:13px;
background-image:url(images/top-rounded-bubble-blue.gif);
/*background-position:bottom right;*/
background-repeat:no-repeat;

}

.big-main-bubble {
background-color:#E8F1FF;
padding:0px 5px 0px 6px;
}

.big-article-bubble {
background-color:#E8F1FF;
padding:0px 5px 0px 6px;
font-size:13px;
line-height:1.2em;
}

.big-bottom-bubble {
background-image:url(images/bottom-rounded-bubble-blue.gif);
/*background-position:bottom right;*/
background-repeat:no-repeat;
height:13px;
}


.side-bar {
float:right;
width:280px;
/*margin-top:5px;
margin-bottom:5px;*/
padding:5px 10px 5px 10px;
/*border-left:1px solid #ABA84A;*/
background-color:#FFFFFF;

}

.side-bar-bottom {
background-image:url(http://www.midwestwebs.com/images/side-bar-bottom-bg.png);
background-position:bottom right;
background-repeat:no-repeat;
width:280px;
height:280px;
}

.side-bar h4 {
font-size:16px;

}

.whats-new {
/*list-style-type: none;*/
list-style-image: url(http://www.midwestwebs.com/images/bullet-check.png);
margin:0px 0px 0px 25px;
padding:0px 5px 0px 0px;
line-height:1.5em;
font-size:12px;
}

.bullet-points {
/*list-style-type: none;*/
list-style-image: url(http://www.midwestwebs.com/images/bullet-check.png);
margin:0px 0px 0px 50px;
padding:0px 5px 0px 0px;
line-height:1.5em;
}

#whats-new ul li{
list-style-image: url(http://www.midwestwebs.com/images/bullet-check.png);
}

.testimonials {
line-height:1.5em;
font-size:12px;
}

.total-bubble {
margin-left:140px;
}

.bubble {
width:280px;
font-size:12px;
}

.top-bubble {
height:13px;
background-image:url(images/top-bubble-blue.gif);
/*background-position:bottom right;*/
background-repeat:no-repeat;

}

.top-bubble-twitter {
height:13px;
background-image:url(images/top-bubble-twitter.gif);
background-position:bottom;
background-repeat:no-repeat;

}

.main-bubble {
background-color:#E8F1FF;
padding:0px 5px 0px 6px;
font-size:12px;
line-height:1.5em;
}

.main-bubble-twitter {
background-color:#D3E4FF;
padding:0px 5px 0px 6px;
}

.bottom-bubble {
background-image:url(images/bottom-bubble-blue.gif);
/*background-position:bottom right;*/
background-repeat:no-repeat;
height:13px;
}

.comment {
padding-top:10px;
background-image:url(images/comment-blue.gif);
/*background-position:bottom right;*/
background-repeat:no-repeat;
font-size:12px;
}

.comment-twitter {
/*padding-top:10px;
background-position:bottom right;*/
background-repeat:no-repeat;
font-size:12px;
}

#twitter_update_list li {
list-style-type: none;
}
#twitter_update_list span a {
display: inline;
color:#0033ff;
}
#twitter_update_list span a:hover {
text-decoration: underline;
color: #666666;
}
#twitter_update_list span {
color: #000000;
}
#twitter_update_list span {
background-color:#D3E4FF;
}

.customer-testimonials {
line-height:1.5em;
font-size:12px;
border-top:1px solid #ABA84A;
border-bottom:1px solid #ABA84A;
background-color:#CCD77F;
padding:10px;
}

.testimonial-link {
float:right;
margin-top:-25px;
}

.footer {
width:100%;
clear:both;
height: 530px;
position: relative;
line-height:1.5em;
background-image:url(images/bottom-bg.jpg);
background-repeat:repeat-x;
background-color:#1A356B;

}

.footer-container {

padding:15px 10px;
width:950px;
margin-left:auto;
margin-right:auto;
}

.footer h3 {
font-size:20px;
color:#7497DF;
display:inline;
}

.footer-col-1 {
float:right;
width:170px;
}

.footer-col-1 h3, .footer-col-2 h3, .footer-col-3 h3 {
border-bottom:1px solid #1C2B4A;
display:inline;
}

.footer-col-1 ul, .footer-col-2 ul, .footer-col-3 ul {
list-style-type: none;
margin:10px 0px 0px 0px;
padding:0;
line-height:1.5em;
font-size:12px;
}

.footer-col-1 ul li a, .footer-col-2 ul li a, .footer-col-3 ul li a {
color:#FFFFFF;
}

.footer-col-2 {
float:right;
width:200px;
}

.footer-col-3 {
float:right;
width:150px;
}

.footer-col-4 {
float:left;
width:320px;
margin:0px 0px 0px 10px;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#1B2A49;
padding:15px;
color:#FFFFFF;
/*border:1px solid #000000;*/
}

.footer-col-4 h3 {
font-size:24px;
font-family:Georgia, Tahoma, "Times New Roman", Times, serif;
color:#ffffcc;
text-decoration:underline;
}

.word-from-mwd {
margin-top:15px;
width:750px;
margin-left:auto;
margin-right:auto;
color:#ffffcc;
}

.word-from-mwd ul li a{
color:#FFFFFF;
}

.credits {
margin:25px;
font-size:10px;
}
.credits a {
color:#CCCCCC;
}
/*TWITTER CONTAINER*/
.twitter_container{

color:#444;
font-size:12px;
width:600px;
margin: 0 auto;

}
.twitter_container a{

color:#0066CC;
font-weight:bold;

}
.twitter_status{

height:60px;
padding:6px;
border-bottom:solid 1px #DEDEDE;

}
.twitter_image{

float:left;
margin-right:14px;
border:solid 2px #DEDEDE;
width:50px;
height:50px;

}
.twitter_posted_at{

font-size:11px;
padding-top:4px;
color:#999;

}