* {margin: 0px; padding: 0px; list-style: none; font-size: 12px; background-repeat: no-repeat; font-family: Arial; text-decoration: none;}
body {width: 800px; margin: auto; background-color:#525252; position: relative;}
p {line-height: 22px;}
div.clear {clear: both;}
h1 {font-family: Myriad Pro; font-weight: bold; font-size: 20px; letter-spacing: 0px; color: #666666;}
a {color: #0594cc;}
a:hover {text-decoration: underline;}

/* Home page - heading*/
#head {background-image: url(../images/head_bkg.jpg); height: 302px; background-position: center top; /*padding-top: 72px;*/}
.inside #head {height: 222px;}
#logos {float: left; clear: both; margin-left: 46px;}
a.sm_name {display: block; text-indent: -5000px; width:265px; height:55px; background-image: url(../images/syndicated_methods.jpg);}
a.sm_logo {display: block; text-indent: -5000px; width:89px; height:75px; background-image: url(../images/sm_logo.jpg);}

#index #headline {float: left; margin: -16px 0px 0px 63px;width:674px; height: 187px; background-image: url(../images/header_graphic.gif);}
#index #headline * {float: right;color: #ffffff; margin-right: 25px; clear: both; text-align: justify;}
#index #headline #flash *, #index #headline #flash {margin-right: 0px;}
#headline h1 {font-family: Myriad Pro; font-weight: bold; font-size: 24px; margin-top: 26px;letter-spacing: 0px;}
#index #headline p {width: 260px;line-height: 22px; font-size: 14px; text-align: right; margin-top: 3px;}
#index #headline a:link, #index #headline a:visited {color:#0594cc; font-weight: bold;}
#index #headline a:hover, #index #headline a:active {color: #ffffff;}

/* Home page - content*/
#index #content_body {background-image: url(../images/body_repeat.jpg); background-position: center bottom; height: inherit; padding-bottom: 25px;}
.inside #content_body {height: auto; width: 800px; float: left; background-position: -100px bottom; background-image: url(../images/body_bkg.jpg);}

#side_box {background-image: url(../images/side_box2.jpg); width: 330px; height: 330px; float: right; margin-top: -15px; background-position: -570px top;}

#side_box #contenttop {margin: 140px 70px 0 23px; display: block;float:left; font-size: 13px; line-height: 18px;}
#side_box #contentbottom {margin: 0 0 0 23px;}

/*Home page - containers */

#container { height: 130px; width: 135px; float:left;}
#container a {color: #006699;}
#container a:hover {text-decoration: underline;}

/* inside page - breadcrumb*/
#breadcrumb {float: right; clear: right; margin: 15px 60px 0px 0px; text-align: right;}
#breadcrumb li {float: left;}
#breadcrumb span {color: #66C2E0; font-weight: bold;}
#breadcrumb span a:link, #breadcrumb span a:visited 
{
    font-weight: normal;
    color: #000000;
}
#breadcrumb span a:active, #breadcrumb span a:hover  {text-decoration: underline;}

/* inside page - left nav*/
#inner_body {background-image: url(../images/left_col_bkg.gif); background-position: left bottom; margin: 0px 0px 0px 46px;}

#left_nav {float: left;clear: none; width: 104px; padding: 0px 15px; margin-top: -50px;}
#left_nav h2 {color: #0099cc; font-family: Myriad Pro; font-style: italic; font-size: 16px; text-decoration: underline;}
#left_nav ul li {margin-top: 10px;}
#left_nav ul li a:link, #left_nav ul li a:visited 
{
    color: #666666;
    line-height: 15px;
}
#left_nav ul li a:active, #left_nav ul li a:hover
{
    color: #0099cc;
    text-decoration: underline;
}
#left_nav ul li a.selected {font-weight: bold; color: #0099cc;}

#left_nav ul li ul li
{
    position: static;
    background-image: url(../images/left_nav_arrow.gif); 
    padding-left: 14px; 
    background-position: left center;
    font-style:italic;
}

/* Main body content */
#content {color: #525252; margin-left: 63px; font-family: Myriad Pro Light; padding-top: 15px; position: static; z-index: 98;}
#index #content {background-image: url(../images/home_bkg.jpg); background-position: center top; margin-left: 0px; padding-left: 63px; width: 737px;}
.inside #content {float: left; width: 535px; margin: 0px; padding: 0px; clear: none; margin-top: -75px; background-image: url(../images/inside_left_border.gif); background-position: left top; padding: 0px 20px 20px 20px; min-height: 600px;}
.inside #content p {padding-bottom: 10px;}
.three_col #content #center_col {width: 360px; float: left; padding-right: 10px;}
.three_col #content #center_col p {text-indent: 15px;}
.three_col #content #center_col p a {color: #333333; text-decoration: underline;}

/* Right Column */
.three_col #content #right_col {float: left; width: 165px;}

#content h2 {font-weight: normal; font-size: 23px; font-style:italic; margin-bottom: 10px;}
#content h3 {font-weight: normal; font-size: 18px; font-style:italic; margin-bottom: 10px; color: #00a6e4; margin-top: 10px;}

/* Homepage - ul */
#content ul li span {color: #00a6e4; margin-right: 5px; font-weight: bold; font-size: 15px; line-height: 22px;}
#content ul li {line-height: 20px; padding-bottom: 7px; }
#content ul li a {font-size: 12px; color: #525252; text-decoration: underline; }

/* Inside - ul */
.inside #content ul {}
.inside #content ul li {padding: 0px; }

/*footer*/
#foot {clear: both; background-image: url(../images/footer_bkg.jpg); background-position: center top; color: #525252; padding-left: 63px; height: 70px; font-weight: bold; padding-top: 2px;}
#foot * { float: left;}
#foot a:link,#foot a:visited  {display: block;line-height: 18px; height: 17px;margin-top: 5px; margin-right: 11px;color: #525252;}
#foot a:active,#foot a:hover {color: #ffffff;}
#foot #search {margin-right: 7px;}
#foot #search label {line-height: 18px; height: 17px; margin-top: 5px; margin-right: 7px;}
#foot #search input.search_box {width: 275px; height: 15px;margin-top: 5px;}
#foot #search input.search_submit {background-image: url(../images/search_icon.gif); width: 26px; height: 30px; border: none; background-color: Transparent; background-position: 0px -2px;}
#foot p {font-weight: normal; padding-top: 10px; float: none; text-align: center; color: #E8E8E8; line-height: normal; clear: both; width: 675px;}
#foot p a:link, #foot p a:visited {float: none; display: inline; height: auto; margin: auto; color: #E8E8E8; line-height: normal;}
#foot p a:active, #foot p a:hover {text-decoration: underline;}
#foot p br {float: none;}

.sharingImages {padding: 0 4px 0 4px; }

/* Menu - top level*/
.menu_main {width: 389px; height: 17px; float:right; margin: 72px 60px 0px 0px; position: relative; z-index: 99;}
.menu_main li {float: left;}
.menu_main li a 
{ 
	display: block;
	text-decoration: none;
}
/* subnav - level 1 */
.menu_main li ul.level_1
{
	display: none;
	position: absolute;
	margin: 0px 0px 0px 0px;
	width: 150px;
	border-top: 1px solid #000000;
}

.menu_main li ul.level_1 li {width: 100%;}
.menu_main li ul.level_1 li a, .menu_main li ul.level_1 li ul.level_2 li a
{
	display: block;
	float: left;
	background-color: #818181;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	color: #ffffff;
	padding: 5px;
	width: 138px;	
}

a.sub_nav
{
    background-image: url(../images/sub_nav_arrow.gif);
    background-position: 135px center;
}

.menu_main li ul.level_1 li a:hover, .menu_main li ul.level_1 li.tier2_nav:hover a.sub_nav
{
    /*color: #ffa03b;*/
    background-color: #00a6e4;
}

/* subnav - level 2 */
ul.level_1 li ul.level_2
{
	display: none;
	width:150px;
	float: left;
	position: absolute;
	left: 149px;
	border-top: 1px solid #000000;
	margin-top: -1px;	
	z-index:99;
}

.menu_main li ul.level_1 li ul.level_2 li a:hover 
{
    /*color: #ffa03b;*/
    background-color: #00a6e4;
}

a#home, a#services, a#about_us, a#mobilepipes, a#contact_us {display: block; background-image: url(../images/menu_titles.gif);height: 18px; margin-bottom: 5px; text-indent: -5000px;}
a#home {background-position: 0px 1px; width: 60px;} 
a#services {background-position: -60px 1px; width: 72px;}  
a#about_us {background-position: -132px 1px; width: 81px;}   
a#mobilepipes {background-position: -213px 1px; width: 107px;}    
a#contact_us {background-position: -320px 1px; width: 59px;}    


a#home:hover, a#home.selected {background-position: 0px -17px;} 
.menu_main li:hover a#services, a#services.selected, a#services:hover {background-position: -60px -17px;}  
.menu_main li:hover a#about_us, a#about_us.selected, a#about_us:hover {background-position: -132px -17px;}   
.menu_main li:hover a#mobilepipes, a#mobilepipes.selected, a#mobilepipes:hover {background-position: -213px -17px;}    
a#contact_us:hover, a#contact_us.selected {background-position: -320px -17px;}    

/* module */
.module {width: 165px;}
#content .module h3 {font-style: normal; font-weight: bold; margin: 0px; color: #ffffff; background-image: url(../images/module_h_bkg.gif); background-position: center top; height: 33px; text-align: center; font-family: Myriad Pro; font-size: 15px; padding-top: 10px;}
.module .module_content {background-image: url(../images/module_content_bkg.gif); background-position: center top;padding: 0px 16px 0px 16px; text-align: center; line-height: 18px;}
#content .module p {text-align: center;  padding: 5px 4px 0px 4px; line-height: 18px;}
#content .module a.callout {font-family: Myriad Pro; font-style: italic; font-size: 15px;text-align: center; color: #333333; font-weight: bold; display: block; width:103px; height:65px; padding: 10px 15px 10px 15px; background-image: url(../images/module_img_holder.gif);}
#content .module a {display: block; text-align: center; color: #333333; font-weight: bold;}
#content .module a:hover {text-decoration: underline;}
.module .module_foot {height: 67px; background-image: url(../images/module_foot.gif); background-position: center bottom; margin: 0px 0px 0px 0px;}

#content #low h3{background-image: url(../images/module_h_bkg_high.gif)}
#content #mid h3{background-image: url(../images/module_h_bkg.gif)}
#content #high h3{background-image: url(../images/module_h_bkg_high.gif);}

#content #low .module_content{background-image: url(../images/module_content_bkg_mid.gif);}
#content #mid .module_content{background-image: url(../images/module_content_bkg.gif);}
#content #high .module_content{background-image: url(../images/module_content_bkg_high.gif);}

#content #low .module_foot{background-image: url(../images/module_foot.gif);}
#content #mid .module_foot{background-image: url(../images/module_foot.gif);}
#content #high .module_foot{background-image: url(../images/module_foot_high.gif);}

/* rss */
#content #rss_head {float: left; width: 100%; height: 40px; position: relative; z-index: 1;}
#content #rss_head #rss_menu {width: 100px; float:right;}
#content span a {color: #666666; font-weight: bold;}
#content span a:hover {text-decoration: underline; color: #0099cc;}
#content h1 a span {font-family: Myriad Pro; font-weight: bold; font-size: 20px; letter-spacing: 0px; color: #525252;}
#content h1 a:hover span {color: #0099cc;}
#content #TW-Pop {float: left; display: none; background-color: #00a6e4;}
#content #TW-Pop li {float: left; margin: 0px; padding: 2px 3px;}
#content #TW-Pop li a {color: #ffffff; }
#content #TW-feed {float: left;}
#content #TW-feed * {margin: 0px; padding: 0px; line-height: normal;}
#content #rss_head #rss_menu #TW-feed li a {font-weight: bold; padding-bottom: 3px;}
#content #ctl00_content_NewsItems p {}

/**/
.hide {display: none;}

/*--------------------------
 CONTACT FORMS 
--------------------------*/
.formTextbox
{ height:16px; font-size: 11px; line-height: 14pt; width:130px;  border: inset 1px #ccc; }
input.btn
{
  margin-top:10px;
   color:#333;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:85%;
   font-weight:bold;
   background-color:#edeff9;
   border:1px solid;
   border-top-color:#3399cc;
   border-left-color:#3399cc;
   border-right-color:#3399cc;
   border-bottom-color:#3399cc;}