/* CSS Document */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html{
  margin: 0;
  padding: 0;
}

body{
	margin: 0px;
	padding: 0px;
	font-family: Arial,sans-serif;
	color: #888888;

	font-size:14px;

/*
    line-height: 1.166;	
*/
	background: #cccccc url(/images/universi-swoosh.gif) top right no-repeat;
}

p{
  clear:both;
/*
  margin:0; 
  padding:0;
  padding-bottom:16px;
*/
}

form{
  margin: 0;
  padding:0;
  width:400px;
}

img{
  margin: 0;
  padding:0;
  border:none;
}

a{
	color: #F78F1E;
	text-decoration: none;
}

a:link{
	color: #F78F1E;
	text-decoration: none;
}

a:visited{
	color: #F78F1E;
	text-decoration: none;
}

a:hover{
	color: #004B8D;
	text-decoration: none;
}

.selected{
	color: #004B8D;
}

h1{
 font-family: Arial,sans-serif;
 font-size: 140%;
 color: #004B8D;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #004B8D;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #004B8D;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #004B8D;
 margin: 0px;
 padding: 0px;
}

ol{
  margin:0;
  padding:0;
}

ol li{
  margin:0;
  margin-left: 40px;
  margin-bottom: 8px;
  padding:0;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #004B8D;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container{
  margin:0;
  padding:0;
}

#main{
    margin: 0;
	margin-top: 48px;
	margin-bottom: 48px;
    padding: 0;
    width:860px;
	text-align:left;
    background-color:#FFFFFF;
}

#mastheadHeader{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
    height: 14px;
	width: 100%;
}

#mastheadHeaderTopLeft{
	background: url(/images/header-border-top-left.gif) top left no-repeat;
	height: 14px;
	width: 14px;
	float:left;
}

#mastheadHeaderTopRight{
	background: url(/images/header-border-top-right.gif) top right no-repeat;
	height: 14px;
	width: 14px;
	float: right;
}

#masthead{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 120px;
	background-color:#FFFFFF;
}

.inputText{
  border:1px solid #F78F1E;
}

.inputButton{
  background-color:#F78F1E;
  color:#FFFFFF;
  font-weight:bold;
  text-transform:uppercase;
  font-size:90%;
}

#mastheadLogo{
    margin: 0;
	padding: 0;

	position:relative;
	top:0px;
	left:20px;

	background: url(/images/universi-logo.gif) top left no-repeat;/* 160 x 36 */
	width: 200px;

	height: 72px;
	float:left;
}

#mastheadLogoText{
  margin:56px 0 0 2px;
  padding:0;
}

#mastheadLogoText p{
  margin:0;
  padding: 0;
  font-size:11px;
  font-weight:bold;
  color: #004B8D;
}

#mastheadRight{
/*
    margin: 0 20px 0 0;
*/
    margin: 0;
	padding:0;
	padding-right:20px;
	float: right;
	width: 380px;
	text-align:right;
}

#mastheadSiteNav{
    margin: 0;
	padding: 0;
	height: 20px;
	color:#F78F1E;
	font-size: 12px;
	font-weight: bold;
	font-variant:normal;
	text-align:right;
}	

#mastheadSearch{
	margin: 36px 0 0 0;
	padding: 0;
	width:220px;
    float: right;
	color:#F78F1E;
	font-size: 12px;
	font-weight: bold;
}

#mastheadTelephone{
	margin: 48px 0 0 0;
	padding: 0;
	width:220px;
    float: right;
	color:#004B8D;
	font-size: 24px;
	font-weight: bold;
}

#submasthead{
    margin:0;
    padding:12px 0 0 0;
/*
	margin-bottom:20px;
	padding: 12px 0 0 0;
	padding: 12px 0px 0px 0px;
*/
	width: 100%;
	height: 200px;
	color:#FFFFFF;
    background:url(/images/mastheadborderbottom.jpg) top left no-repeat;
	background-color:#F78F1E;
}

#submastheadLeft{
  margin: 0;
  padding: 0;
  padding: 13px 0 0 13px;
  float: left;
  width:447px; /*460-13*/
  height: 187px; /* 200-13 */
  background: url(/images/universi-submasthead.gif) center left no-repeat;
}

#submastheadLeftIAD{
  margin: 0;
  padding: 13px 0 0 13px;
  float: left;
  width:447px; /*460-13*/
  height: 187px; /* 200-13 */
  background: url(/images/universi-plug-icon-170.gif) center left no-repeat;
}

#submastheadLeftWeb{
  margin: 0;
  padding: 13px 0 0 13px;
  float: left;
  width:447px; /*460-13*/
  height: 187px; /* 200-13 */
  background: url(/images/universi-web-icon-170.gif) center left no-repeat;
}

#submastheadLeftSEO{
  margin: 0;
  padding: 13px 0 0 13px;
  float: left;
  width:447px; /*460-13*/
  height: 187px; /* 200-13 */
  background: url(/images/universi-seo-icon-170.gif) center left no-repeat;
}

#submastheadRight{
  float: right;
  width: 400px; 
}

#submasthead img{
}

/************* #midSection styles ***************/
#midSection{
  margin:0;
  padding: 20px 20px;
  width: 820px; /*860 - padding-left - padding-right*/
  clear: both;
  float: left;
/*
  height: 900px;
*/
  background: url(/images/universi-mid-section.gif) bottom right no-repeat;
}

#midSectionWeb{
  margin:0;
  padding: 20px 20px;
  width: 820px; /*860 - padding-left - padding-right*/
  clear: both;
  float: left;
/*
  height: 700px;
*/
  background: url(/images/universi-web-icon-510.gif) bottom right no-repeat;
}

#midSectionSEO{
  margin:0;
  padding: 20px 20px;
  width: 820px; /*860 - padding-left - padding-right*/
  clear: both;
  float: left;
/*
  height: 700px;
*/
  background: url(/images/universi-seo-icon-510.gif) bottom right no-repeat;
}

#midSectionIAD{
  margin:0;
  padding: 20px 20px;
  width: 820px; /*860 - padding-left - padding-right*/
  clear: both;
  float: left;
/*
  height: 700px;
*/
  background: url(/images/universi-plug-icon-510.gif) bottom right no-repeat;
}

/************* #menu styles ***************/
#menu{
	margin:0px;
	margin-bottom: 32px;
	padding:0;
	clear: both;
	float: left;
    width: 818px;
	background-color:#FFCC99;
	border: 1px solid #FFCC99;
}

#menuWebsiteDesign{
    margin: 0;
    padding: 0;
	font-weight:bold;
	float:left;
	font-size:12px;
}

#menuWebsiteDesign .selected{
	padding-top:12px;
	padding-left:44px;
	height:26px;
	width:229px;
	background: url(/images/universi-web-icon-32-selected.gif) center left no-repeat;
	color: #004B8D;
}

#menuWebsiteDesign a{
	padding-top:12px;
	padding-left:44px;
	height:26px;
	width:229px;
	background: url(/images/universi-web-icon-32.gif) center left no-repeat;
	color: #F78F1E;
	text-decoration:none;
	display:block;
}

#menuWebsiteDesign a:hover{
	padding-top:12px;
	padding-left:44px;
	height:26px;
	width:229px;
	background: url(/images/universi-web-icon-32-mo.gif) center left no-repeat;
	color: #004B8D;
	text-decoration:none;
	display:block;
}

#menuSEO .selected{
    margin: 0;
    padding: 0;
	padding-top:12px;
	padding-left:44px;

	background: url(/images/universi-seo-icon-32-selected.gif) center left no-repeat;
	color: #004B8D;
	text-decoration:none;
	font-weight:bold;
	height:26px;
	width:229px;
	display:block;
	float:left;
	font-size:12px;
}

#menuSEO a{
    margin: 0;
    padding: 0;
	padding-top:12px;
	padding-left:44px;

	background: url(/images/universi-seo-icon-32.gif) center left no-repeat;
	color: #F78F1E;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	height:26px;
	width:229px;
	display:block;
	float:left;
}

#menuSEO a:hover{
    margin: 0;
    padding: 0;
	padding-top:12px;
	padding-left:44px;
	
	background: url(/images/universi-seo-icon-32-mo.gif) center left no-repeat;
	color: #004B8D;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	height:26px;
	width:229px;
	display:block;
	float:left;
}

#menuIAD .selected{
    margin: 0;
    padding: 0;
	padding-top:12px;
	padding-left:44px;

	background: url(/images/universi-plug-icon-32-selected.gif) center left no-repeat;
	color: #004B8D;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	height:26px;
	width:228px;
	display:block;
	float:left;
}

#menuIAD a{
    margin: 0;
    padding: 0;
	padding-top:12px;
	padding-left:44px;

	background: url(/images/universi-plug-icon-32.gif) center left no-repeat;
	color: #F78F1E;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	height:26px;
	width:228px;
	display:block;
	float:left;
}

#menuIAD a:hover{
    margin: 0;
    padding: 0;
	padding-top:12px;
	padding-left:44px;
	
	background: url(/images/universi-plug-icon-32-mo.gif) center left no-repeat;
	color: #004B8D;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	height:26px;
	width:228px;
	display:block;
	float:left;
}

/************* #content styles ***************/
#content{
	position:relative;
	left: 20px;
	float: left;
    /*width: 53%;*/
    width: 476px;
	margin:0px;
	margin-left:10px;
}

/************* #navBar styles ***************/
#navBarTopLeft{
	background: url(/images/nav-top-left.gif) top left no-repeat;
	height: 14px;
	width: 14px;
	float:left;
}

#navBarTopRight{
	background: url(/images/nav-top-right.gif) top right no-repeat;
	height: 14px;
	width: 14px;
	float: right;
}

#navBar{
/*
	position:relative;
	left:20px;
*/
	margin: 0px;
	padding: 0px;
	float: left;
	width: 162px;
	height: 604px;
	background-color: #ffffff;
	background: url(/images/nav-background.jpg) top left repeat-X;
}

/*********** #navBar link styles ***********/
#navbar{
  color:#003366;
}

#navBar h3{
    margin:0;
	padding: 10px 0px 0px 10px;
/*	margin: 0px 0px -15px 0px;*/
	color:#003366;
	font-size: 100%;
}

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** #sectionLinks styles ***********/

#sectionLinks{
/*
	position: relative;
*/
	margin: 0px;
	margin-top:10px;
	padding: 0px;
	/*border-bottom: 1px solid #cccccc;*/
	font-size: 80%;
	color:#003366;
	font-weight:900;
}

#sectionLinks a {
    margin: 0;
	padding: 4px 0px 2px 20px;
	height: 34px;
	display: block;
	color:#003366;
/*
	border-top: 1px solid #cccccc;
*/
	text-decoration:none;
	background: url(/images/universi-web-icon-32.gif) center no-repeat;
}

#sectionLinks a:hover{
	background-color: #dddddd;
	color:#000099;
	background: url(/images/universi-web-icon-32-mo.gif) center no-repeat;
}

#sectionLinks img{
	border: none;
}

/************* #siteInfo styles ***************/
#siteInfoFooter{
	background-color:#F78F1E;
    height: 14px;
}

#siteInfoFooterBottomLeft{
	background: url(/images/footer-border-bottom-left.gif) bottom left no-repeat;
	height: 14px;
	width: 14px;
	float:left;
}

#siteInfoFooterBottomRight{
	background: url(/images/footer-border-bottom-right.gif) bottom right no-repeat;
	height: 14px;
	width: 14px;
	float: right;
}

#siteInfo{
	margin:0;
/*
	padding: 20px 24px 5px 24px;
*/
	padding: 20px 20px 0 20px;
	clear: both;
	font-size: 85%;
	color: #000033;
	background-color:#F78F1E;
	height:72px;
}

#siteInfoRegOffice{
  margin:0;
  margin-bottom: 8px;
  padding:0;
  clear: both;
  float: left;
}
/*
#siteInfoW3C{
	margin: -33px 0px 0px 5px;
	padding:0;
    float: right;
}
*/
#siteInfoCopyright{
	margin: 0;
	padding:0;
    float: left;
}


#siteInfoW3C{
	margin: 0;
	padding:0;
    float: right;
}

/************** #submasthead styles **************/
#submastheadLeft h1{
	font-size:270%;
	padding: 17px 10px 24px 7px;
	font-weight:normal;
	color:#FFFFFF;
}

#submastheadLeft .subHeading{
	font-size:90%;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding: 5px 30px 0px 9px;
	margin:0;
}

#submastheadLeft p{
	font-size:90%;
	padding: 0px 20px 0px 9px;
	margin:0;
}

#submastheadLeftIAD h1{
	font-size:270%;
	padding: 17px 10px 24px 7px;
	font-weight:normal;
	color:#FFFFFF;
}

#submastheadLeftIAD .subHeading{
	font-size:90%;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding: 5px 30px 0px 9px;
	margin:0;
}

#submastheadLeftIAD p{
	font-size:90%;
	padding: 0px 20px 0px 9px;
	margin:0;
}

#submastheadLeftWeb h1{
	font-size:270%;
	padding: 17px 10px 24px 7px;
	font-weight:normal;
	color:#FFFFFF;
}

#submastheadLeftWeb .subHeading{
	font-size:90%;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding: 5px 30px 0px 9px;
	margin:0;
}

#submastheadLeftWeb p{
	font-size:90%;
	padding: 0px 20px 0px 9px;
	margin:0;
}

#submastheadLeftSEO h1{
	font-size:270%;
	padding: 17px 10px 24px 7px;
	font-weight:normal;
	color:#FFFFFF;
}

#submastheadLeftSEO .subHeading{
	font-size:90%;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding: 5px 30px 0px 9px;
	margin:0;
}

#submastheadLeftSEO p{
	font-size:90%;
	padding: 0px 20px 0px 9px;
	margin:0;
}

#submastheadRight img{
	float:right;
}

.clients{
  margin: 0;
  padding: 0;
}

.clients ul{
  margin: 0;
  margin-left:16px;
  padding: 0;
}

.client{
  margin:0;
  padding:0;
  padding-bottom:16px;
  font-size:80%;
}

.client img{
  margin:0;
  padding:0;
  padding-bottom:4px;
}

#address{
  margin:0;
  margin-bottom: 32px;
  padding:0;
  float: left;
  width:400px;
}

#address .addressLineLeft{
  margin:0;
  padding:0;
  padding-bottom:4px;
  float:left;
  clear:left;
  width:100px;
  text-align:right;
}

#address .addressLineRight{
  margin:0;
  padding:0;
  padding-bottom:4px;
  padding-left:8px;
  float:left;
  width:192px;
  text-align:left;
}

#contact{
  margin:0;
  padding:0;
  clear:both;
  width:100%;
}

#contact #head{
  margin:0;
  padding:0;
  padding-bottom:8px;
  clear:both;
  width:100%;
}

#contact .contactItem{
  margin:0;
  padding:0;
  padding-bottom:4px;
  float:left;
  clear:left;
  width:100px;
}

#contact .contactDetail{
  margin:0;
  padding:0;
  padding-bottom:4px;
  padding-left:8px;
  float:left;
  width:192px;
}

#contact .contactDetailRequired{
  margin:0;
  padding:0;
  padding-bottom:4px;
  float:left;
  width:100px;
}

#contact .foot{
  margin:0;
  padding:0;
  padding-top:8px;
  clear:both;
  width:100%;
}

#contact{
}

#contact #head{
}

#contact .contactItem{
  text-align:right;
}

#contact .contactDetail{
  text-align:left;
}

#contact .contactDetailRequired{
  text-align:left;
}

#contact .mid{
  margin:0;
  padding:0;
  padding-top:16px;
  padding-bottom:8px;
  clear:both;
  text-align:justify;
}

#contact .foot{
  text-align:center;
}

input {
  margin:0;
  padding:0;
  width:182px;
}

textarea {
  margin:0;
  padding: 0px 2px;
  width:178px;
  height:120px;
}

select {
  margin:0;
  padding:0;
  width:184px;
}

.submit {
  margin:0;
  padding:0;
  width: 60px;
}

.checkbox {
  margin:0;
  margin-right: 4px;
  padding:0;
  width: 22px;
}

input {
  font-size: 12px; 
/*
  border: 1px solid #FFCC99;
*/
  border:1px solid #fa6c15;
  color: #004B8D; 
}

select {
  font-size: 12px; 
/*
  border: 1px solid #FFCC99;
*/
  border:1px solid #fa6c15;
  color: #004B8D; 
}

textarea {
  font-family: Arial; 
  font-size:11px;
  border:1px solid #fa6c15;
/*
  border: 1px solid #FFCC99;
*/
  color: #004B8D; 
}

.submit {
/*
  background-color: #4f5d9c; 
*/
  background-color:#F78F1E;
  color:#FFFFFF;
  color: white;
  border:1px solid #fa6c15;
  font-weight:bold;
}

.checkbox {
  color: white;
/*
  border: 1px solid #D5DF3E;
*/
  border: none;
  text-align:left;
}

.locationMap {
  margin:0;
  padding:2px 2px;
  border: 1px solid #fa6c15;
}