/*---------------------------------------------------------------

  Site -- United Design Group www.udgpdx.net

  Author -- john long www.helliam.com


---------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
	list-style:none;
}

body {
	font:62.5% Arial, Helvetica, sans-serif;
	color:#787878;
	width:780px;
	padding:20px;
	top:20px;
	margin:0 auto;
	position:relative;

	
}

h1, h2, h3, h4, h5, p, li, label {
  font-size:1.1em;
}

a {
  outline:none;
  text-decoration:none;
  color:#787878;
}

a:hover {
  text-decoration:underline;
}


/*---------------------------------------------------------------

  Masthead

---------------------------------------------------------------*/

#wrapper {

}
	


#masthead {
  position:relative;
  height:54px;
  margin-bottom:25px;
}

h1 {
  background:url(../images/ung.png) no-repeat;
  text-indent:-9999px;
}

h1 a {
  display:block;
  width:132px;
  height:54px;
}

ul#nav {
  position:absolute;
  bottom:-2px;
  left:200px;
  color:#F7931E;
}

  

ul#nav li {
  display:inline;
  margin-right:15px;
}

ul#info {
	position:absolute;
	bottom:-2px;
	left:520px;
	color:#F7931E;
}

ul#info li {
  display:inline;
  margin-right:15px;
  color:#F7931E;
}
/*---------------------------------------------------------------

  Content

---------------------------------------------------------------*/

div#sub_nav {
	float:left;
	width:300px;
	overflow: visible;
}

div#sub_nav h2 {
  color:#F7931E;
  font-size:2.2em;
  margin-bottom:20px;
  font-weight:normal;
}

div#sub_nav h2 a {
  color:#F7931E;
}

div#sub_nav h3 {
  color:#F7931E;
  font-size:1.4em;
  margin-bottom:10px;
  font-weight:normal;
}

div#sub_nav h3 a {
  color:#F7931E;
}

div#sub_nav2 {
	float:left;
	width:300px;
	padding-right: 30px;
	text-align: justify;
}

div#sub_nav2 h2 {
  color:#F7931E;
  font-size:2.2em;
  margin-bottom:20px;
  font-weight:normal;
}

div#sub_nav2 h2 a {
  color:#F7931E;
}

div#sub_nav2 h3 {
  color:#F7931E;
  font-size:1.4em;
  margin-bottom:10px;
  font-weight:normal;
}

div#sub_nav2 h3 a {
  color:#F7931E;
}


div#sub_nav3 {
	float:left;
	width:300px;
	clear: none;
	padding-top: 44px;
}

div#sub_nav3 h2 {
  color:#F7931E;
  font-size:2.2em;
  margin-bottom:20px;
  font-weight:normal;
}

div#sub_nav3 h2 a {
  color:#F7931E;
}

div#sub_nav3 h3 {
  color:#F7931E;
  font-size:1.4em;
  margin-bottom:10px;
  font-weight:normal;
}

div#sub_nav3 h3 a {
  color:#F7931E;
}

ul#category, ul#client {
  float:left;
  padding-right:20px;
}

ul#category li, ul#client li {
  margin-bottom:5px;
}

ul#category {
  width:80px;
}

ul#client {
  float:left;
  padding-right:20px;
}

ul#client2 {
	float:left;
	padding-right:20px;
}



ul.subcategories {
  margin:3px 0 5px;
}

ul#category ul.subcategories li, 
ul#category ul.subcategories li a {
  font-size:1em;
  margin-bottom:2px;
  color:#787878;
}

ul#category li.current_category, 
ul#category li.current_category a,
ul#category ul.subcategories li {
  color:#F7931E;
}

div#image, div.blog_image {
	width:480px;
	float:right;
	padding-top: 30px;
	height: 650px;
	overflow: visible;
}
  
div#imagetwo {
	width:520px;
	float:right;
	padding-top: 30px;
	height: 650px;
	overflow: hidden;
}

div.blog_image {
  float:right;
}

div#text2  {
	width:210px;
	float:left;
	margin-top: 5px;
	text-align: justify;
	clear: both;
}

div#text2 li {
  display:block;
  margin-right:15px;
  color:#F7931E;
}

div#text3  {
	width:210px;
	float:left;
	clear: right;
	margin-top: 5px;
	margin-left: 100px;
	text-align: justify;
}
div#text3 li {
	display:block;
	margin-right:15px;
	color:#F7931E;
}

div#text4  {
	width:400px;
	float:left;
	clear: right;
	margin-top: 45px;
	margin-left: 5px;
	font-size: 1.1em;	
}
div#text4 li {
  
  display:inline;
  margin-right:15px;
  color:#F7931E;
}

div#text {
	width:180px;
	float:left;
	clear:left;
	margin-top: 40px;
	margin-right: 15px;
}

div#blog_text {
	width:780px;
	height: auto;
	float:left;
	clear: left;
	position: relative;
}

div#text h3 {
  position:absolute;
  text-indent:-9999em;
}

div#text2 p  {
  line-height:1.4;
  margin-bottom:8px;
  margin-top:0;
}

div#text3 p  {
  line-height:1.4;
  margin-bottom:8px;
  margin-top:0;
}

div#text4 p  {
  font-size:1.1em;
  line-height:1.4;
  margin-bottom:8px;
  margin-top:0;
}

div#text p, div#blog_text p {
  line-height:1.4;
  margin-bottom:8px;
  margin-top:0;
}

div#text label {
  display:block;
  margin-bottom:8px;
}

div#text input, div#text textarea {
  width:250px;
  border:1px solid #DDD;
  margin-top:5px;
  padding:5px;
}

div#text textarea {
  height:200px;
}

div#text input.submit {
  width:auto;
}

div.blog_entry {
  margin-bottom:30px;
}

div.blog_text {
  width:210px;
  float:left;
}

span.disabled {
  display:none;
}

div#sub_nav h2.blog {
  margin-bottom:0;
}

div#sub_nav p.blog {
  margin-bottom:20px;
  color:#F7931E;
}

/*---------------------------------------------------------------

  Footer

---------------------------------------------------------------*/

#footer {
	clear:both;
	margin-top:80px;
	position:relative;
	bottom:0px;
	left:0px;
}

#footer li {
  display:inline;
  margin-right:10px;
}


/*---------------------------------------------------------------

  Admin

---------------------------------------------------------------*/

.admin_section fieldset {
  margin:10px 0;
  border:none;
}

.admin_section textarea {
  padding:10px;
}

.admin_section h2, .admin_section h3 {
  margin:20px 0 5px;
}

.admin_section p {
  margin:1em 0;
}

.admin_section input.submit {
  position:relative;
  left:80px;
}

.admin_section label {
  display:block;
  width:80px;
  float:left;
}

ul.admin {
  margin:5px 0;
}

p.flash_notice {
  color:green;
  margin:1em 0;
}

p.flash_error {
  color:red;
  margin:1em 0;
}

/*---------------------------------------------------------------

  Magic

---------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */