@charset "UTF-8";
/* CSS Document */

body {
  font-family:Helvetica, Arial, sans-serif;
}
.container {
  margin: 0 auto;
  max-width: 1000px;
}
a {
  color: #D86C00;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #D86C00;
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Julius Sans One', Helvetica, Arial, sans-serif; 
	font-weight:400;
}
hr {
	margin: 10px 0;
}
.affixed-nav-bg {
  background: url(../img/uiw-head-affix.png) repeat-x;
  top: 0;
  height:68px;
  width:100%;
  position:fixed;
  z-index:1;
  top:-68px;
}
.affixed-nav-bg.affix {
  top:0;
}
.uiw-head {
	background: url(../img/uiw-head.png) repeat-x;
	z-index:2;
	margin-bottom:30px;
}
.masthead h1 {
	background:url(../img/uiw-logo.png) no-repeat;
	width:194px;
	height:45px;
	text-indent:-99999px;
	font-size:0px;
	float:left;
}
.masthead h2 {
	text-indent:15px;
	font-size:1.5em;
	color:#FFC;
	float:left;
	padding-top:18px;
}

/* dropdown for nav */
.navbar .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #ffc;
border-bottom-color: #ffc;
}
navbar .nav li.dropdown.active > .dropdown-toggle .caret {
border-top-color: #000;
border-bottom-color: #000;
}
.navbar .nav li.dropdown > .dropdown-toggle:hover .caret,
.navbar .nav li.dropdown > .dropdown-toggle:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar .nav li.dropdown.active > .dropdown-toggle:hover .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle:focus .caret {
  border-top-color: #D86C00;
  border-bottom-color: #D86C00;
}
.nav ul.dropdown-menu li {
  display: block;
  width: auto;
  float: none;
}
.navbar .nav li.dropdown.open > .dropdown-toggle {
color: #fff;
background-color: transparent;
}
.navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
color: #000;
background-color: #FFF;
}
.navbar .nav li.dropdown.active > .dropdown-toggle:hover, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
color: #D86C00;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
background-color: #333;
background-image: none;
filter: none;
}
.navbar .dropdown-menu > .active > a, .navbar .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #333;
    background-image: none;
    color: #FFFFFF;
}

.navbar.affix {
background-color: transparent;
top: 0;
z-index: 3;
}
.navbar {
margin-bottom: 0;
}
.nav-wrapper.collapse {
	height:auto;
}
.navbar .navbar-inner {
  padding: 0;
}
.navbar .nav {
	font-family: 'Tauri', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:400;
	margin: 0;
	display: table;
	width: 100%;
}
.navbar .container {
	margin: auto 0;
}
.nav-toggle {
	font-family: 'Tauri', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:400;
}
.navbar .nav li {
  display: table-cell;
  width: 1%;
  float: none;
}
.navbar .nav > li > a, a.nav-toggle {
  float: none;
  padding: 13px 15px 3px;
  color: #FFC;
  text-decoration: none;
  text-shadow: none;
  background-color:transparent;
  text-align: center;
}
a.nav-toggle {
	padding:13px 0 3px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: transparent;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar .nav > .dropdown.active > a,
.navbar .nav > .dropdown.active > a:hover,
.navbar .nav > .dropdown.active > a:focus {
  color: #000000;
  text-decoration: none;
  background-color: #FFF;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
border-width: 0 0 0;
}
.navbar-inner {
min-height: 36px;
padding-right: 20px;
padding-left: 20px;
background-color: transparent;
background-image: none;
border: none;
-webkit-border-radius:none;
-moz-border-radius: none;
border-radius: none;
filter: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
a.nav-toggle {
	background:url(../img/uiw-nav-toggle.png) no-repeat;
	background-position: 50%;
	background-origin:content-box;
}
a.nav-toggle.collapsed {
	background:url(../img/uiw-nav-toggle-collapsed.png) no-repeat;
	background-position: 50%;
	background-origin:content-box;
}
.nav-toggle {
	display:none;
}

.row-fluid .span15 {
  width: 17.846567967%;
  *width: 17.7828302%;
}
.sidebar {
	font-size:90%;/*
	padding-top:50px;*/
}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
	font-family: 'Tauri', Helvetica, Arial, sans-serif;
	font-weight:400;
}
.footer {
	margin-top:40px;
	background-color:#575748;
	border-top:solid 4px #D96D00;
	outline: #333 4px solid;
}
.footer p {
	padding:20px 20px 0 20px;
	margin:0;
	color:#FFF;
	font-size:0.8em;
}
.footer .foot-nav {
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
.footer .foot-nav ul {
    list-style:none;
    position:relative;
    left:50%;
}
.footer .nav {
  position: relative;
  left: 0;
  display: block;
  margin: 0 20px 50px 20px;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:normal;
  font-size:0.8em;
  text-transform:uppercase;
}
.footer .nav > li {
  float: left;
  position:relative;
}
.footer .nav > li > a {
  float: none;
  padding: 0 5px;
  color: #FFC;
  text-decoration: none;
  text-shadow: none;
}
.footer .nav > li > a:focus,
.footer .nav > li > a:hover {
  color: #FFF;
  text-decoration: underline;
  background-color: transparent;
}
.footer .nav > .active > a,
.footer .nav > .active > a:hover,
.footer .nav > .active > a:focus {
  color: #FFF;
  text-decoration: none;
  background-color: transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0 0 20px 20px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin: 0 20px 20px 0;
}
.img-outline {
  background-color: #fff;
  border: 1px solid #666;
  border: 1px solid rgba(0, 0, 0, 0.6);
}

.btn-uiwizards {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #D86C00;
  *background-color: #D86C00;
  background-image: -moz-linear-gradient(top, #fbb450, #D86C00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#D86C00));
  background-image: -webkit-linear-gradient(top, #fbb450, #D86C00);
  background-image: -o-linear-gradient(top, #fbb450, #D86C00);
  background-image: linear-gradient(to bottom, #fbb450, #D86C00);
  background-repeat: repeat-x;
  border-color: #D86C00 #D86C00 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-uiwizards:hover,
.btn-uiwizards:focus,
.btn-uiwizards:active,
.btn-uiwizards.active,
.btn-uiwizards.disabled,
.btn-uiwizards[disabled] {
  color: #ffffff;
  background-color: #D86C00;
  *background-color: #D86C00;
}

.btn-uiwizards:active,
.btn-uiwizards.active {
  background-color: #c67605 \9;
}


@media (max-width: 960px) {
  .row-fluid .span15 {
	width: 17.7%;
	*width: 17.6%;
  }
}
@media (max-width: 767px) {
  body {
    padding-right: 0;
    padding-left: 0;
	font-size: 80%;
	-webkit-text-size-adjust: 80%;
		-ms-text-size-adjust: 80%;
  }
  .uiw-head {
	margin-bottom:10px;
  }
  hr {
	margin: 5px 0;
  }
  h1 {
	font-size: 29px;
  }
  
  h2 {
	font-size: 23.5px;
  }
  
  h3 {
	font-size: 18px;
  }
  
  h4 {
	font-size: 14px;
  }
  
  h5 {
	font-size: 13px;
  }
  
  h6 {
	font-size: 12px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: 0;
    margin-left: 0;
  }
  .container {
	margin: auto 20px;
  }
  .masthead {
	  margin: auto 0;
  }
  .masthead h1 {
	background:url(../img/uiw-logo-sm.png) no-repeat;
	background-position:center;
	width: 100%;
	height:33px;
	text-indent:-99999px;
	font-size:0px;
	float: none;
	text-align:center;
  }
  .masthead h2 {
	text-indent:0;
	font-size:1.15em;
	color:#FFC;
	float:none;
	padding-top:0;
	padding-bottom:10px;
	text-align:center;
	margin:0;
	line-height:15px;
  }
  .nav-toggle {
	display: block;
  }
  a.nav-toggle {
	padding: 13px 0 7px;
  }
  .navbar .nav li {
	display: block;
	width: 100%;
  }
  .navbar .nav > li > a {
	padding: 5px 15px 0;
	color: #D86C00;
  }
  .navbar .nav > li > a:focus,
  .navbar .nav > li > a:hover {
	color: #000000;
  }
  .navbar.affix {
	top: 40px;
	width:100%;
	overflow:hidden;
	height:0;
  }
  .nav-toggle.affix {
	top: 0;
	z-index:4;
	width: auto;
  }
  .navbar .nav > .active > a,
  .navbar .nav > .active > a:hover,
  .navbar .nav > .active > a:focus {
	background-color: transparent;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
  }
  .row-fluid .span15 {
	width: 100px;
	*width: 100px;
	float:left;
	margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
  }	
  .navbar.collapsed, .navbar.collapse {
	overflow:hidden;
  }
  .navbar.in {
	  overflow:visible;
  }
  .navbar, .nav {
	  background-color:#FFF !important;
  }
  .dropdown-menu {
	position: relative;
	float: none;
	padding: 0 0;
	margin: 2px 0 0;
	border: 0 solid #CCC;
	border: 0 solid rgba(0, 0, 0, 0);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	
	text-align:center;
  }
  /* dropdown for nav */
  .navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #D86C00;
	border-bottom-color: #D86C00;
  }
  .navbar .nav li.dropdown > .dropdown-toggle:hover .caret,
  .navbar .nav li.dropdown > .dropdown-toggle:focus .caret {
	border-top-color: #333;
	border-bottom-color: #333;
  }
  .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #333;
  }
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	background-color: transparent;
	color:#D86C00;
  }
  .navbar .dropdown-menu > .active > a, .navbar .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: transparent;
    color: #333;
  }
  .dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #D86C00;
	white-space: nowrap;
	font-size:11px;
  }
  .dropdown-menu > li > a:hover {
	color:#333;
  }
}
@media (max-width: 315px) {
  .masthead h2 {
	font-size:0.9em;
  }	
}
@media (max-width: 260px) {
  .masthead h2 {
	font-size:0.7em;
  }	
}

.portfolio_logo {
  padding: 10px;
  background-color: #666;
}

.service_icon_caption {
  text-align:center;
}