/* @override http://localhost:8888/2nd_mile_design/style/style.css */

* {
    margin: 0;
    padding: 0;
}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	text-align: center;
	background-color: #FFF;
	color: #333;
}

html>body{
	font-family: Verdana, Arial, sans-serif;
}

#wrapper {
	margin: 0 auto;
	width:  800px;
	background: url(../images2/background.gif) -83px top repeat-y;
}

#container {
	margin: 5px 0;
	padding:  0 5px;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	text-align: left;
}

hr {
	display: none;
}

body#full div#wrapper {
	background: none;
}

/* @group Header */

#header {
	height: 33px;
	background: #FFF url(../images2/logo.gif) top right no-repeat;
	margin: 0 8px 0 0;
}

#header h1 {
	text-indent: -5000px;
}

.sIFR-active h2 {
  visibility: hidden;
  font-family: "AvantGarde Bk BT", AvantGarde, Verdana, Arial, sans-serif;
  line-height: 1em;

  font-size: 18px;
}



/* @end */

/* @group Menus */

#menu ul, #submenu ul, #footermenu ul{
	list-style: none;
}

#menu ul li, #submenu ul li, #footermenu ul li {
	float: left;
	
}

#menu ul li a, #submenu ul li a {
	text-decoration: none;
	float: left;	
}

#menu {
	height: 50px;
	background: url(../images2/main_menu_back.gif) top left repeat-x;
	border-bottom: 4px solid #FFF;	
}

#menu ul li {
	margin-top: 12px;
	font-size: 20px;
	padding: 0 12px;
}

#menu ul li a:hover {
	color: #333;
}

#menu ul li a {
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
}

/* @end */

/* @group Sidebar */

#sidebar {
	float: right;
	width: 315px;
}

body#full div#sidebar {
	border-left: 1px solid #CDCDCD;
	padding: 0 0 27px 5px;
}

#sidebar h2 {
	margin: 10px 0 0 10px;
	text-align: center;
}

#sidebar ul#wordpressinfo {
	margin: 20px 0 20px 20px;
	list-style: none;
}

#sidebar ul#wordpressinfo h2 {
	margin: 15px 0 0 0;
}

#sidebar ul#wordpressinfo ul {
	margin: -5px 0 0 10px;
	list-style: none;
	z-index: 100;
	color: #999;
}

#sidebar ul#wordpressinfo li#whereinfo {
	margin:  10px 0;
	font-size: 12px;
	
}

#sidebar ul#wordpressinfo p {
	margin: 8px 0 0 0;
}

#sidebar div.object {
	margin: 10px 0 0 0;
	text-align: center;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #CDCDCD;
}

#sidebar div#carp {
	margin: 15px 0 15px 20px;
}

#sidebar div#carp ul {
	list-style: none;
	font-size: 12px;
}

#sidebar div#carp ul li {
	margin:  5px 0;
}

#sidebar div#carp ul li a {
	color:  #7B713C;
}

#sidebar div#carp ul li a:hover {
	color:  #C3BB1F;
}

/* @group SubMenu */

div#submenu {
	height: 24px;
	padding: 0 0 0 5px;	
	border-bottom: 1px solid #CDCDCD
}

div#submenu ul {
	margin: 0;
	padding: 0;
}

div#submenu li {
	padding: 3px 7px 2px 20px;
	font-size: 12px;
}

div#submenu li a {
	color: #666;
}

div#submenu li a:hover {
	color: #333;
	text-decoration: underline;
}

div#submenu li#blog {
	background: url(../images2/blog_icon.gif) left 50% no-repeat;	
}

div#submenu li#contact {
	background: url(../images2/contact_icon.gif) left 50% no-repeat;	
}

div#submenu li#vendors {
	background: url(../images2/vendor_icon.gif) left 50% no-repeat;	
}

div#submenu li#video {
	background: url(../images2/video_icon.gif) left 50% no-repeat;	
}

div#submenu li#home {
	background: url(../images2/home_icon.gif) left 50% no-repeat;	
}

/* @end */

/* @end */

/* @group Content */

#content {
	margin: 0 320px 5px 0;
	padding: 0 5px 15px 5px;
	border-right: 1px solid #CDCDCD;
}

body#full div#content {
	margin: 0 5px 5px 0;
	border-right: none;
}

#content h2 {
	margin:  0 0 0 0;
	padding: 0 0 3px 8px;
	border-bottom: 1px solid #CDCDCD;
	font-weight: normal;
	font-size: 30px;
	letter-spacing: 1.4px;
	color: #83AE00;
}

body#full #content h2 {
	width:  450px;
}

#content p {
	padding: 10px 5px 0 8px;
	line-height: 1.4em;
	font-size: 14px;
}

#content div.samplesite {
	height: 200px;
}

#content p.price {
	padding: 10px 5px 0 8px;
	line-height: 1.4em;
	font-size: 16px;
	font-weight: bold;
}

#content p.question {
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0 -10px 0;
	line-height: 1.3em;
}

#content h3 {
	margin: 20px 0 -10px 8px;
	font-size: 22px;
	font-weight: normal;
}

#content div.center {
	padding: 15px 0 0 0;
	text-align: center;
}

#content h3 a {
	text-decoration: none;
}

#content a {
	color:  #2C829C;
}

#content a:hover {
	color:  #C3BB1F;
}

#content h3.pagetitle {
	font-size: 16px;
	color: #666;
}

#content img {
	float:  left;
	border: 1px solid #333;
	margin: 15px 15px 15px 8px;
}

#content ol.commentlist {
	list-style: none;
	margin: 8px 0 0 0px;
}

#content ol.commentlist cite {
	margin:  0 0 0 10px;
	font-style: normal;
}

#content ol.commentlist p {
	font-size: 12px;
}

#content ol.commentlist li {
	margin: 10px 0 0 0;
	padding: 3px 0;
}

#content ol.commentlist li.alt {
	background: #F1F1F1;
}

#content textarea#comment {
	width:  485px;
	border-bottom: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
}

#content div.post {
	margin:  0 0 25px 0;
}

#commentform p {
	font-size: 12px;
}

div.sidebartemplate {
	text-align: center;
	padding:  15px 0;
}

div#player1, div#player2, div#player3, div#player4 {
	text-align: center;
}

table {
	margin: 10px 0 0 8px;
	width: 680px
}

table td {
	padding: 5px 0;
}

table td.formtext {
	padding: 0 15px 0 0;
	width: 200px;
	text-align: right;
}

table td.inputcell input {
	width: 250px;
}



/* @end */

/* @group Footer */

#footer {
	clear: both;
	background: url(../images2/footer.gif) top left repeat-x;
	height: 50px;
	border-top: 4px solid #FFF;
}

#footer p {
	font-size: 10px;
	padding: 18px 10px 0 10px;
	text-align: right;
	color:  #666;
}

#footer div.alignleft {
	float:  left;
	font-size: 10px;
	padding-top: 18px;
}

#footer div.alignleft ul {
	border:  none;
	padding: 0 0 0 10px;
	font-size: 10px;
	background-color: none;
	
}

#footer li {
	list-style: none;
}

#footer a {
	color:  #FFF;
	text-decoration: none;
}

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

/* @end */

/* @group Flash Image Replacement */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

.sIFR-hasFlash li#aboout {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 10px;
}


/* @end */