.main {
	width:908px; }
	
.nav-container {
	float:left;
	margin-left:12px;
	margin-bottom:12px; }
	
.nav {
	height: auto;
	width:178px;
	padding-bottom:12px;
	position:relative; }

.nav .main-btn {
	background: url(../images/leftarrow.png) no-repeat;
	background-position: 8% center; }

.nav li:hover {
	background-position: 6% center; }

.dropdownmenu {
	margin-left:-218px;
	border: 1px solid #E0DFDF;
	-moz-box-shadow: -3px 3px 8px rgba(0, 0, 0, .25);
	-o-box-shadow: -3px 3px 8px rgba(0, 0, 0, .25);
	-webkit-box-shadow: -3px 3px 8px rgba(0, 0, 0, .25);
	box-shadow: -3px 3px 8px rgba(0, 0, 0, .25); }

.arrow {
	float: right;
	height:210px;
	width:20px;
	margin-right:-20px;
	margin-top:-182px;
	background: url(../images/arrow-l.png) bottom no-repeat; }

.sub-nav {
	margin-top:-4px;
	padding-left:16px;
	padding-bottom:8px;
	text-shadow: 0 1px 0 white;
	background-color: whiteSmoke;
	border-bottom: none;
	border-top: none; }	

.sub-nav li {
	padding-left:12px;
	border: none;
	background:none;
	border-left: 1px solid #DEDEDE; 
	height:34px;
	line-height:34px;
	-webkit-box-shadow: inset 1px 0 0 white; }

.sub-nav li a {
	font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: italic;
	color: #777; }

.sub-nav li a:hover {
	color: #000; }

.sub-nav li .sub-selected {
	color: #000; }

.quotes {
	width:180px; }
	
@media all and (max-width: 1136px) {
	.main {
		width:708px; }
	.wrap {
		width:902px; }
}

@media all and (max-width: 938px) {
	.main {
		width:508px; }
	.wrap {
		width:702px; }
}