body {
 padding: 0px;
 margin: 0px;
 text-align: center;
 color: #4d4d4d;
 font-family: "Myriad Pro", Arial, Helvetica, "San Serif";
 background-color: #626262;
}

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

A {
 color: #00A3C8;
 text-decoration: none;
}

A:hover {
 color: #f08b33;
}

p {
 margin: 0px;
 padding: 0px;
 padding-top: 10px;
 font-size: 14px;
}

object {
 vertical-align: bottom;
 padding: 0px;
 margin: 0px;
}

div.clear {
 display: block;
 clear: both;
 padding-bottom: 30px;
}

/* ******************* */
/* Customize CSS Start */
/* ******************* */

/* General Setting for every container */
#header_container, #nav_container, #content_container, #content_lower_container, #footer_container {
 clear: both;
 margin: 0px auto;
 width: 1085px;  
 text-align: left;
}

/* Top header background */
#header {
 background: url(images/header_bg.jpg);
 height: 128px;
}

/* Header contact us, Site Map, Bookmark */
#head_nav {
 padding: 16px 62px 0px 0px;
 padding: 6px 62px 0px 0px;
 text-align: right;
 font-size: 11px;
 font-size: 14px;
 color: #FFF;  
}

#head_nav A {
 color: #FFF;
}

#head_nav A:hover {
 color: #f08b33;
}

#head_logo {
 padding: 0px 0px 0px 50px;
 text-align: left;
}

/* Grey navigation menu */
#nav {
 background: url(images/nav_bg.jpg);  
}

#nav_container {
 height: 33px;
}

/* Navigation UL List */
#nav_list {
 padding: 7px 0px 0px 50px;
 float: left;
}

#nav_list ul {
 padding: 0px;
 margin: 0px;
 list-style-type: none;
}

#nav_list ul li {
 color: #FFF;
 display: inline;
 font-size: 14px;
 padding-right: 3px; 
}

#nav_list ul li a {
 color: #FFF;
 text-decoration: none;
 padding-right: 3px;
}

#nav_list ul li a:hover {
 color: #f08b33;
 text-decoration: none;
 padding-right: 3px;
}

#nav_list a.selected {
 color: #f08b33;
}

/* Navigation Login Class */
#nav_login {
 float: right;
 padding-top: 5px;
 padding-right: 5px;
}

#nav_logout {
 float: right;
 padding-top: 5px;
 padding-right: 100px;
 color: #FFF;
 font-size: 14px;
}

#nav_login input.login, #nav_login input.login_over, #nav_login input.login_pwd {
 color: #c1c1c1;
 font-size: 12px;
 font-family: "Myriad Pro";
 width: 140px;
 border: 1px solid #000;
 padding: 1px 5px;  
}

#nav_login input.login_pwd {  
 background: url(images/password.jpg) no-repeat;
}

#nav_login input.login_over {
 color: #4D4D4D;
}

#nav_login_submit {
 float: right;
 padding: 7px 62px 0px 0px;  
 padding: 7px 47px 0px 0px;  
}

/* Main Content Start Here */
#content, #content_lower {  
 background-color: #FFFEDF;
}

div.portfolio_body {
 height: 734px;
}

#content_container, #content_lower_container {
 width: 1024px;
}

#content_top {
 background-color: #FFF;
}

div#content_top_inner {  
 background: url(images/upper_bg.jpg) bottom no-repeat; 
 padding: 0px 20px 0px 53px;  
}

/* Big Blue title */
#content_top_inner h1 {
 margin: 0px;
 padding: 30px 0px;
 color: #4D4D4D;
 font-size: 20px;
 font-family: "Myriad Pro";
 font-weight: bold;   
 position: relative; 
}

span.manifesto {  
 color: #00A3C8;
}

/* Content Main Flash */
#content_top div#flash {
 background: none;
 padding: 0px;
 margin: 0px;  
}

div#flash_with_text {
 padding: 40px 0px 0px 1px;
}

div#flash_text { 
 padding: 0px 20px;
 height: 269px;
 border-top: 1px solid #d8d8d8;
 border-left: 1px solid #d8d8d8;
}

div#flash_text h2 { 
 margin: 0px;
 padding: 25px 0px 5px 0px;
 font-size: 17px;
 color: #00A3C8;
}

span.orange {
 color: #fe6323;
}

div#image_text {
 padding: 0px 20px;
 border: 1px solid #d8d8d8;
}

div#testimonial {
 padding: 0px;  
 width: 304px;
}

/* Big menu link box */
#content_top #menu_link {
 clear: both;
 background: none;
 padding: 0px;
 margin: 0px;
 display: block;
 padding-bottom: 30px; 
}

#content_top div.menu, #content_top div.menu_s {
 float: left;
 padding: 0px;
 margin: 0px;  
 width: 229px;
 height: 71px;
 background: url(images/link_b.jpg);
}

#content_top div.menu_s {
 height: 51px;
}

#content_top div.menu_over, #content_top div.menu_over_s {
 float: left;
 padding: 0px;
 margin: 0px;  
 width: 229px;
 height: 71px;
 background: url(images/link_b_o.jpg);  
 cursor: pointer;
}

#content_top div.menu_over_s {
 height: 51px;
}

#content_top div.separator {
 padding: 0px;
 float: left;
 width: 1px;
 background: none;
}

span.menu_title {
 display: block;
 font-size: 16px;
 font-weight: bold;
}

span.menu_title_s {
 font-size: 13px;
 font-weight: bold;
}

p.menu, p.menu_s {
 color: #FFFFFF;
 margin: 0px;
 padding: 5px 20px;
 font-size: 14px;  
}

p.menu_s {
 font-size: 13px;
}

/* **************************** */
/* Content Lower Part Container */
/* **************************** */
#content_bottom {  
 clear: both;
 /* display: none; */
 padding-top: 0px;
}

#content_bottom_inner {
 background-color: #FFFFFF;  
}

#content_bottom_bg {
 background: url(images/lower_bg.jpg) no-repeat; 
 padding: 0px 20px 0px 53px;  
}

/* Content Tips & Notes */
#tips {
 float: left;
 border: 1px solid #d8d8d8;
}

#tips_header {    
 padding-left: 20px;
 background: url(images/tips_bg.jpg);  
 color: #7d7d7d;  
 font-size: 13px;
 font-weight: bold;
 line-height: 25px;
 vertical-align: middle;
}

#tips_nav ul {
 padding: 0px;
 margin: 0px;
 color: #00A3C8;
 list-style-type: none;
}

#tips_nav li {
 float: left;
 width: 113px;
 font-size: 12px;
 font-weight: 600;
 line-height: 27px;
 vertical-align: middle;
 cursor: pointer;
}

#tips_nav li.tab span, #tips_nav li.tab_hover span {
 display: block;
 border-bottom: 1px solid #bcbcbc;
 border-top: 1px solid #bcbcbc;
 border-right: 1px solid #bcbcbc;
 text-align: center;
 background: url(images/tabs_bg.jpg) repeat-x;
}

#tips_nav li.last span, #tips_nav li.last_hover span {
 display: block;
 border-top: 1px solid #bcbcbc;
 border-bottom: 1px solid #bcbcbc;
 text-align: center;
 background: url(images/tabs_bg.jpg) repeat-x;
}

#tips_nav li.tab_hover span, #tips_nav li.last_hover span {
 background: url(images/tabs_bg_o.jpg) repeat-x;
}

#tips_nav li.tab_active span {
 display: block;
 background-color: #FFFFFF;   
 text-align: center;
 border-right: 1px solid #bcbcbc;
 border-top: 1px solid #bcbcbc;
 border-bottom: 1px solid #FFF;   
 color: #fe6323;
}

#tips_nav li.last_active span {
 display: block;
 background-color: #FFFFFF;
 text-align: center;
 border-top: 1px solid #bcbcbc;
 border-bottom: 0px;
 color: #fe6323;
}

div.rss, div.rss2 {  
 clear: both;  
 padding: 0px 20px;  
 font-size: 12px;
 border-bottom: 0px solid #bcbcbc;    
}

div.rss A:hover, div.rss2 A:hover {
 color: #fe6323;
}

div.rss2 {
 padding: 0px 0px; 
 width: 300px;
 height: 555px;
 /* overflow-y: scroll; */
}

div.rss2 table { 
 padding-bottom: 30px;
}

div.rss_content {  
 padding: 0px 0px 14px 0px;
}

span.rss_header {
 display: block;
 padding-top: 16px;
 font-weight: bold;
}

span.rss_date {
 display: block;
 color: #00A3C8;
 font-style: italic;
}

span.rss_content {
 display: block;
 padding-top: 10px;
 font-weight: bold;
}

img.rss_image {
 padding-top: 16px;
 padding-right: 10px;
}

/* Content Tips & Notes Sign up form */
div#signup, div#signup2 {  
 height: 61px;
 width: 452px;
 background: url(images/signup_bg.jpg);
}

div#signup2 {
 width: 300px;
}

div#signup form {
 padding: 0px 20px;
}

div#signup2 form {
 padding: 0px 0px 0px 20px;
}

div#signup span, div#signup2 span {
 display: block;
 padding: 8px 20px 5px 20px;
 font-size: 12px;
 font-weight: 600;  
}

div#signup input.sign, div#signup input.sign_over {
 color: #c1c1c1;
 font-size: 12px;
 font-family: "Myriad Pro";
 width: 140px;
 border: 1px solid #bcbcbc;
 padding: 2px 5px;  
}

div#signup2 input.sign, div#signup2 input.sign_over {
 color: #c1c1c1;
 font-size: 12px;
 font-family: "Myriad Pro";
 width: 95px;
 border: 1px solid #bcbcbc;
 padding: 2px 5px;  
}

input.sign_over {
 color: #4D4D4D;
}

input.sign_submit {  
 border: 0px;
 background: url(images/submit_bg.jpg);
 color: #FFFFFF;
 height: 20px;
 font-family: "Myriad Pro";
 font-size: 11px;  
}

/* Portfolio Slideshow */
#portfolio {
 margin-left: 7px;
 float: left;
 border: 1px solid #d8d8d8;
 width: 455px;
 position:relative;
}

#portfolio_header {    
 padding-left: 20px;
 background: url(images/tips_bg.jpg);
 color: #7d7d7d;  
 font-size: 13px;
 font-weight: bold;
 line-height: 25px;  
 vertical-align: middle;
}

#portfolio_left_arrow {
 float: left;
}

#portfolio_right_arrow {
 float: right;
}

#portfolio_mask {
 position:absolute;
 left: 25px;	
 width:405px;
 height:151px;	
 overflow: hidden;	
}

#portfolio_box {
 position:absolute;
 width:405px;	
}

#portfolio_box div{ 
 float: left;
}

#portfolio_box span {
 display: block;
 display: none;
}

/* Portfolio Bottom 'Button' */
#portfolio_text {
 clear: both;
 padding: 0px 25px;
 background: url(images/port_bg.jpg) repeat-x;
}

#portfolio_desc_container {
 width: 405px;
 height: 61px;
}

#portfolio_title {
 display: block;
 margin: 0px;
 padding: 9px 0px 0px 0px;
 font-size: 12px;
 font-weight: bold;
 color: #666666;  
}

span#portfolio_desc {
 float: left;
 font-size: 12px;
 margin: 0px;  
 padding: 0px;
}

span#portfolio_link A {
 float: right;
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 font-style: italic;
 font-weight: bold;  
 text-decoration: underline;  
}

span#portfolio_link A:hover {
 color: #f08b33;
}

/* Footer CSS */
#footer {
 height: 33px;
 background-color: #00A3C8;
}

#footer_container {
 text-align: center;
 padding: 10px 0px 0px 0px;
}

#footer ul {
 padding: 0px;
 margin: 0px;
 list-style-type: none;
}

#footer ul li {
 color: #FFFFFF;
 display: inline;
 font-size: 12px;  
}

#footer ul li a {
 color: #FFFFFF;
 text-decoration: none;  
}

#footer a:hover {
 color: #f08b33;
}

#footer span.footer_large {
 font-size: 18px; 
}

/*********************/
/*     Porfolio      */
/*********************/
div#content_top_inner_div {
 padding-top: 20px;
}

div#left_col {
 width: 610px;
 float: left;
}

div#right_col {  
 margin-left: 10px;
 float: left;
}

div#left_col_wrapper {
 border: 1px solid #d8d8d8;
}

div.right_wrapper {
 border: 1px solid #d8d8d8;
}

div.right_wrapper2 {
 margin-top: 10px;
}

div#portfolio_content {
 padding: 25px 10px 0px 20px;
 background: url(images/portfolio_bg.jpg) bottom repeat-x;
}

div#portfolio_menu {
 float: left;
 width: 170px;
}

div#portfolio_flash_text {
 float: left;
 font-size: 12px;
 vertical-align: top;
 height: 600px;
}

div#portfolio_flash_wrapper {
 border: 1px solid #d8d8d8;
}

div#portfolio_flash_text h3 {
 margin: 0px;
 padding: 20px 0px 0px 0px; 
 font-size: 12px;
 color: #00A3C8;
 font-weight: bold;
}

div#portfolio_flash_text h4 {
 margin: 0px;
 padding: 0px; 
 font-size: 12px;
 color: #00A3C8; 
 font-weight: normal;
}

span.para-head {
 display: block;
 padding-top: 20px;
 font-size: 12px;
 color: #716F6E;
 font-weight: bold;
}

p.para {
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 width: 190px;
}

div#portfolio_menu span {
 display: block;
 color: #00A3C8;
 font-size: 12px;
 font-weight: bold; 
 padding-bottom: 20px;
}

div#portfolio_menu span A {
 padding-left: 12px;
 background: url(images/portfolio_menu.jpg) no-repeat;
}

div#portfolio_menu span A:hover {
 color: #fe6323;
 background: url(images/portfolio_menu_o.jpg) no-repeat;
}

div#portfolio_menu span.selected {
 padding-bottom: 0px;
}

div#portfolio_menu span.selected A {
 background: url(images/portfolio_menu_selected_o.jpg) no-repeat;
}

div#portfolio_menu span.selected A:hover {
 color: #00A3C8;
 background: url(images/portfolio_menu_selected_o.jpg) no-repeat;
}

div#portfolio_menu ul {
 margin: 0px;
 padding: 0px;
 padding-bottom: 20px;
 padding-left: 17px;
 list-style-type: none;
 color: #00A3C8;
 font-size: 12px;
}

div#portfolio_menu ul li.selected A {
 color: #716F6E;
 color: #fe6323;
}

div#portfolio_menu ul li A:hover {
 color: #fe6323;
}

div#portfolio_nav {
 padding: 10px 0px 0px;
 text-align: right;
}

a.archive {
 padding-left: 12px;
 background: url(images/portfolio_menu.jpg) no-repeat;
}

a.archive:hover{
 color: #fe6323;
 background: url(images/portfolio_menu_o.jpg) no-repeat;
}


/*********************/
/*        ftp        */
/*********************/
input.ftp {
 display: block;
 padding: 0px;
 width: 200px;
 font-family: "Myriad Pro";
 font-size: 14px;
 margin-bottom: 10px;
}

input.ftpsubmit {
 border: 0px;
 font-family: "Myriad Pro";
 font-size: 14px;
 padding: 3px 10px;
 color: #FFF;
 background: url(images/tabs_bg_o.jpg);
 background: url(images/header_bg.jpg);
}

div#ftp_content {
 padding-top: 20px;
}

div#ftp_menu {
 float: left;
 border: 1px solid #d8d8d8;
}

div#ftp_menu_wrapper {
 width: 250px;
}

div#ftp_menu_content {
 padding: 20px 0px 10px 15px;
 font-size: 12px;
}

div#ftp_menu_content table {
 padding-bottom: 10px;
}

div#ftp_menu input {
 font-family: "Myriad Pro";
}

#ftp_header {    
 padding-left: 20px;
 background: url(images/tips_bg.jpg);  
 color: #7d7d7d;
 font-size: 13px;
 font-weight: bold;
 line-height: 25px;
 vertical-align: middle; 
}

div#ftp_list {
 float: left;
 padding-left: 10px;
}

div#ftp_list_wrapper {
 border: 1px solid #d8d8d8;
}

td.listhead {
 background-color:#F1EFE5;
 background-image:url(images/list_bg.jpg);
 background-position: right;
 font-size: 13px;
 height: 25px;
 padding: 0px 4px;
 color: #7d7d7d;
 font-weight: bold;
}



/***********************/
/*      Site Map       */
/***********************/
span.site-link {
 float: left;
 width: 120px;
 padding-bottom: 15px;
 border-right: 1px solid #4d4d4d;
 margin-right: 30px;
}

span.site-link A:hover {
 color: #fe6323;
}

div.sitemap {
 clear: both;
}

ul.site-list {
 margin: 0px;
 padding: 0px 0px 0px 10px;
 list-style-type: none; 
 line-height: 20px;
}