nav { 	display: block; }  body { 	margin: 0; 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	font-size: 13px; 	line-height: 18px; 	color: #333; 	background-color: #fff; }  .site{ 	border-top: 3px solid #696969; 	background-color: #e3e3e3; 	padding: 20px; }  /*---- .brand ---------------------------------------------------------------*/ .brand { 	color: #004466; 	font-size: 40px; 	font-size: 30px; 	line-height: 36px; 	font-weight: bold; 	margin-bottom: 10px; 	border-bottom: double; 	padding-bottom: 3px; } .brand p{ 	margin: 20px 0 0; }  .brand > a { 	color: #004466; 	color: #800000; 	text-decoration: none; }  .brand > a:hover, .brand > a:focus { 	text-decoration: none; }  /*---- .container -----------------------------------------------------------*/ .container { 	max-width: 940px; 	padding: 20px; 	margin-left: auto; 	margin-right: auto; 	margin-right: auto; 	margin-left: auto; 	*zoom: 1; 	background-color: #fff; 	-moz-border-radius: 4px; 	-webkit-border-radius: 4px; 	border-radius: 4px; 	border: 1px solid rgba(0,0,0,0.15); 	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); 	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); 	box-shadow: 0px 0px 6px rgba(0,0,0,0.05); }  .container:after {   clear: both; } .container:before, .container:after {   display: table;   content: "";   line-height: 0; }  a { 	color: #08c; 	color: #cc7d7d; 	color: #807d7d; 	color: #804040; 	text-decoration: none; } a:hover, a:focus { 	color: #005580; 	color: #800000; 	text-decoration: underline; }  ul, ol { 	padding: 0; 	margin: 0 0 9px 25px; } ul ul, ul ol, ol ol, ol ul { 	margin-bottom: 0; } li { 	line-height: 18px; }  /*---- .nav -----------------------------------------------------------------*/ .nav { 	margin-left: 0; 	margin-bottom: 18px; 	list-style: none; } .nav li { 	position: relative; } .nav > li > a { 	display: block; } .nav > li > a:hover, .nav > li > a:focus { 	text-decoration: none; 	background-color: #eee; }  .nav > .disabled > a { 	color: #999; } .nav > .disabled > a:hover, .nav > .disabled > a:focus { 	text-decoration: none; 	background-color: transparent; 	cursor: default; }  /*---- .navigation ----------------------------------------------------------*/ .navigation { 	padding: 5px 0; 	border-top: 1px solid rgba(0,0,0,0.075); 	border-bottom: 1px solid rgba(0,0,0,0.075); 	margin-bottom: 10px; }  .navigation li { 	position: relative; }  /*---- .nav-pills -----------------------------------------------------------*/ .nav-pills { 	*zoom: 1; 	margin-bottom: 0; }  .nav-pills:before, .nav-pills:after { 	display: table; 	content: ""; 	line-height: 0; } .nav-pills:after { 	clear: both; } .nav-pills > li { 	float: left; }  .nav-pills > li > a { 	padding-right: 12px; 	padding-left: 12px; 	padding-top: 8px; 	padding-bottom: 8px; 	margin-top: 2px; 	margin-bottom: 2px; 	margin-right: 2px; 	line-height: 14px; 	-webkit-border-radius: 5px; 	-moz-border-radius: 5px; 	border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { 	color: #fff; 	background-color: #08c; 	background-color: #cc7d7d; 	background-color: #803030; }