body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #555;
	/*background: #606060 url(../images/background.png) top center repeat-x;*/
background: #212121 url(../images/background.jpg) top center no-repeat;}


/*========================================================================================== LAYOUT */

#main_wrap {
	position: relative;
	width: 920px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}

#main_wrap_bttm {
	position: relative;
	width: 940px;
	height: 30px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	background: url(../images/main_wrap_bttm.png) bottom left no-repeat;
}

#header {
	height: 80px;
	background: #222;
}

#intro_wrap_home {
	float: left;
	width: 880px;
	margin: 0px;
	padding: 20px 20px 40px 20px;
	border: none;
	background: #74B72A url(../images/intro_wrap_home_bg.png) bottom left no-repeat;
}

#intro_wrap {
	float: left;
	width: 880px;
	margin: 0px;
	padding: 20px;
	border: none;
	background: #74B72A;
 	background: #74B72A url(../images/banner-bg.jpg) top left no-repeat;
}

#intro_col1 {
	float: left;
	width: 580px;
	margin: 0px;
	padding: 0px;
	border: none;
}

#intro_col2 {
	float: left;
	width: 280px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	border: none;
	font-size: 13px;
	color: #999;
}

#maincontent_wrap {
	font:0.72em   Arial, Helvetica, sans-serif;
	float: left;
	width: 880px;
	margin: 0px;
	padding: 20px 20px 20px 20px;
	border: none;
	background: #fff url(../images/maincontent_wrap_bg.png) top center no-repeat;
}

#breadcrumbs {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: none;
	background-color: #FFF;
}

/*========================================================================================== TOP NAV STYLE */

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}

.chromestyle ul{
	width: 100%;
	background: #666 url(../images/nav-bg.jpg) center center repeat-x; /*THEME CHANGE HERE*/
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
	padding: 10px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/}

.chromestyle ul li{
	display: inline;
	margin:0 1px 0 0;
	padding:0;}

.chromestyle ul li a:link, .chromestyle ul li a:visited{
	color: #fff;
	padding: 10px 25px;
	margin: 0;
	text-decoration: none;
	background:url(../images/nav-div.gif) right no-repeat;}

.chromestyle ul li a:hover{
	background: url(../images/nav-div.gif) right no-repeat;
	text-decoration:underline;}



/*========================================================================================== TWO COLUMN LAYOUT */

#col1 {
	float: left;
	width: 580px;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #FFF;
}



#col1 strong {
	color: #000;
}

#col1 li {
	background:url(../images/li.gif) left center no-repeat;
list-style: none;
padding: 0 0 2px 16px;
}

#col1 ul {
	margin-left: 10px;
	padding: 0px;
}

#col2 {
	float: left;
	width: 280px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	border: none;
}

/*========================================================================================== FOOTER */

#footer {
	font:0.70em  Arial, Helvetica, sans-serif;
	clear: both;
	width: 880px;
	margin: 0px;
	padding: 20px 20px 0px 20px;
	background: #000;
	text-align:center;
}

#footerText{
	margin-bottom: 10px;
	text-align:center;
	font-size: 0.5em;
}

#footerText p{
	color:#a9a9a9;
	padding: 0px;
}

#footerText a:link {
	color:#a9a9a9;
}

#footerText a:hover{
	color:#fff;
}

.footerDividerLine{
	color:#fff;
	margin: 0 5px 0 5px;
}

/*========================================================================================== TOP NAV */

#topnav {
	float: left;
	width: 880px;
	margin: 0px;
	padding: 10px 20px 0px 20px;
	list-style: none;
	background: #000;
}

#topnav ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
#topnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
	
#topnav a {
	float: left;
	padding: 0px 0px 0px 9px;
	margin: 0px 5px 0px 0px;
	font-size: 13px;
	text-decoration: none;	
	color: #CCC;
}
	
#topnav a span {
	float: left;
	display: block;
	padding: 9px 15px 9px 6px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #CCC;
	cursor: pointer;
}

#topnav a:hover {
	background: #444 url(../images/tab_left_over.png) top left no-repeat;
}

#topnav a:hover span {
	background: #444 url(../images/tab_right_over.png) top right no-repeat;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}

#topnav .current a {
	background: #78CBCF url(../images/tab_left_current.png) top left no-repeat;
}

#topnav .current a span {
	background: #78CBCF url(../images/tab_right_current.png) top right no-repeat;
	color: #333;
	cursor: pointer;
}

#topnav .section a {
	background: #78CBCF url(../images/tab_left_current.png) top left no-repeat;
}

#topnav .section a span {
	background: #78CBCF url(../images/tab_right_current.png) top right no-repeat;
	color: #333;
	cursor: pointer;
}


/*========================================================================================== UTILITY NAV */

ul#util_nav {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
ul#util_nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul#util_nav a {
	padding: 0px 0px 0px 9px;
	margin: 0px;
	font-size: 13px;
	text-decoration: none;	
	color: #CCC;
}

ul#util_nav a span {
	display: block;
	padding: 9px 15px 9px 6px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #CCC;
}

ul#util_nav a:hover {
	background: #444 url(../images/tab_left_over.png) top left no-repeat;
}

ul#util_nav a:hover span {
	background: #444 url(../images/tab_right_over.png) top right no-repeat;
	font-weight: bold;
	color: #FFF;
}


/*========================================================================================== HOME SUB NAV */

#homebox_right_content ul {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}

#homebox_right_content ul li {
	float: left;
	display: block;
	width: 205px;
	list-style-type: none;
	margin: 0px;
	padding: 6px 0px 5px 35px;
	font-size: 18px;
	text-decoration: none;	
	line-height: 1em;
	color: #FFF;
	border-bottom: 1px solid #375E61;
	background: url(../images/check_bullet_wht.png) 5px 6px no-repeat;
}

#homebox_right_content ul li.last {
	float: left;
	display: block;
	width: 200px;
	list-style-type: none;
	margin: 0px;
	padding: 6px 0px 5px 35px;
	font-size: 18px;
	text-decoration: none;	
	line-height: 1em;
	color: #FFF;
	border: none;
	background: url(../images/check_bullet_wht.png) 5px 6px no-repeat;
}

#homebox_right_content ul li:hover {
	float: left;
	display: block;
	width: 205px;
	list-style-type: none;
	margin: 0px;
	padding: 6px 0px 5px 35px;
	font-size: 18px;
	text-decoration: none;	
	line-height: 1em;
	color: #FFF;
	background-color: #121F20;
}

#homebox_right_content ul li a {
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	text-decoration: none;	
	color: #78CBCF;
}


/*========================================================================================== HOME PAGE INTRO BOX LEFT */

#homebox_left_content {
	float: left;
	width: 580px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(../images/dial_bg.png) 0px 40px no-repeat;
}


/*========================================================================================== HOME PAGE INTRO BOX RIGHT */

#homebox_right_top {
	float: left;
	width: 280px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(../images/intro_sidebox_top.png) bottom left no-repeat;
}

#homebox_right_content {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px 20px;
	border: none;
	list-style-type: none;
	background-color: #264042;
}

#homebox_right_btm {
	float: left;
	width: 280px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(../images/intro_sidebox_btm.png) top left no-repeat;
}


/*========================================================================================== INTRO BOX LEFT */

#introbox_left_content {
	float: left;
	width: 520px;
	margin: 0 0 0 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

#introbox_left_content p {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;}


/*========================================================================================== INTRO BOX RIGHT */

#introbox_right_top {
	float: left;
	width: 280px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(../images/intro_sidebox_top.png) bottom left no-repeat;
}

#introbox_right_content {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px 20px;
	border: none;
	list-style-type: none;
	background-color: #264042;
}

#introbox_right_btm {
	float: left;
	width: 280px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(../images/intro_sidebox_btm.png) top left no-repeat;
}


/*========================================================================================== SIDE BOX */

.sidebox_top {
	float: left;
	width: 280px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(../images/round_gray_top.png) bottom left no-repeat;
}

.sidebox_content {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px 20px;
	border: none;
	list-style-type: none;
	background-color: #eee;
	color: #333;
}

.sidebox_btm {
	float: left;
	width: 280px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(../images/round_gray_btm.png) top left no-repeat;
}

#sidebox_two {
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: none;
}


/*========================================================================================== SIDE BOX SUB NAV */

.sidebox_content ul {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}

.sidebox_content ul li {
	list-style-type: none;
	margin: 0px;
	padding: 4px 0px 4px 18px;
	border: none;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;	
	color: #444;
	background: url(../images/bullet.gif) 4px center no-repeat;
}

.sidebox_content ul li a {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;	
	color: #444;
}

.sidebox_content ul li a:hover {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;	
	color: #E31E26;
}

.sidebox_content ul li #current a {
	color: #E31E26;
}


/*========================================================================================== NEWS SECTION */

.news_wrap {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 5px solid #eee;
}


/*========================================================================================== NEWS COMMENTS */

.extra-info {
padding: 8px;
background:#f5f5f5;
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;}

.extra-info p {
padding: 0;
margin:0;}


/*========================================================================================== WORK SAMPLES */

.work_wrap {
	float: left;
	width: 580px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 5px solid #eee;
}

.work_desc {
	float: left;
	width: 280px;
	margin: 0px;
	padding: 0px;
	border: none;
}

/*========================================================================================== DIVIDED BLURBS */

.blurb_wrap {
	float: left;
	width: 580px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 5px solid #D4EEF0;
}

.blurb_desc {
	float: left;
	width: 280px;
	margin: 0px;
	padding: 0px;
	border: none;
}


/*========================================================================================== SERVICES */

.services {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 40px 130px;
	border-bottom: 3px #eee solid;

}


/*========================================================================================== HEADINGS */

h1 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1.9em;
	font-weight: normal;
	line-height: 1.25em;
	color: #556B2F;
	font-family: Arial, Helvetica, sans-serif;
}

#intro_col1 h2 {
	color: #00fa9a;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#col1 h1 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 30px;
	font-weight: normal;
	color: #000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.home {
	margin: 0px 0px 0px 120px;
	padding: 0px;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.25em;
	color: #FFF;
}

h3 {
	margin: 0px;
	padding: 5px 0px 8px 0px;
	font-size: 1em;
	line-height: 1.25em;
	color: #222;}

.login {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.25em;
	color: #74B72A;
}

h4 {
	margin: 0px;
	padding: 5px 0px 8px 0px;
	font-size: 1em;
	line-height: 1.25em;
	color: #222;}

.blk {
	color: #000;
}

.login_sub {
	margin: 0px;
	padding: 5px 0px 3px 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.25em;
	color: #78CBCF;
}

h5 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.25em;
	color: #333;
}

.white {
	font-weight: normal;
	color: #FFF;
}

.getintouch{
	font-weight: normal;
	font-size: 18px;
	color: #FFF;
	padding: 0 0 8px 0;
}

.sidebox {
	margin: 0px;
	padding: 0px 0px 7px 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.25em;
	color: #E31E26;
}

.date {
	margin: 0px;
	padding: 8px 0 8px 20px;
	font-size: 1.1em;
	font-weight: bold;
	color: #444;
	background: transparent url(../images/bullet-docu.gif) center left no-repeat;}

.turq {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.25em;
	color: #78CBCF;
}

.hide {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #AAA;
	display: none;
}

.featwork_btn {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #AAA;
	display: none;
}


/*========================================================================================== TEXT */

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 1.5em;
}

.introbox_right {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	color: #579396;
}

.yellow_bold {
	font-weight: bold;
	color: #FFF08D;
}

.footer_txt {
	margin: 0px;
	padding: 0px;
	line-height: 1.25em;
	color: #999;
}

.services_blurb {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}

.work_blurb {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}

.divided_blurb {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}

.red {
	font-weight: bold;
	color: #E31E26;
}

.login_txt {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	color: #999;
}


/*========================================================================================== LINKS */

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

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

a:hover {
	color: #008000;
	text-decoration: underline;
}

a:active {
	color: #008000;
	text-decoration: none;
}

.arrow_link:after {
	content: url(../images/arrow_red.png);
}

a.bold_link {
	font-weight: bold;
	color: #6b8e23;
	text-decoration: none;
}

a.bold_link:hover {
	font-weight: bold;
	color: #999;
	text-decoration: underline;
}

#footer a {
	margin: 0px;
	padding: 0px 5px;
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	margin: 0px;
	padding: 0px 5px;
	color: #fff;
	text-decoration: underline;
}


/*========================================================================================== LISTS */

#two_col_col1 ul.check_list {
	float: left;
	width: 580px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}

#two_col_col1 ul.check_list li {
	list-style-type: none;
	margin: 0px;
	padding: 4px 0px 4px 20px;
	border: none;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5em;
	color: #666;
	background: url(../images/intro_check.gif) 0 3px no-repeat;
}

.basic_list ul {
	margin: 0px 0px 10px 20px;
	padding: 0px;
	border: none;
}

.basic_list li {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5em;
	color: #666;
}

#two_col_col1 ul {
	margin: 0px 0px 10px 20px;
	padding: 0px;
	border: none;
}

#two_col_col1 ul li {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5em;
	color: #666;
}

/*========================================================================================== BUTTONS */

#logo{
	float: left;
	width: 217px;
	height: 40px;
	margin: 0px;
	padding: 0px; 
}
	
#logo a {
	display: block;
	width: 365px;
	height: 80px; 
	background: url(../images/logo.png) 0 0 no-repeat;
}

.findout_home_btn {
	float: left;
	width: 129px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 120px; 
}
	
.findout_home_btn a {
	display: block;
	width: 129px;
	height: 30px; 
	background: url(../images/findout_home_btn.png) 0 0 no-repeat;
}
	
.findout_home_btn a:hover {
	background: url(../images/findout_home_btn.png) 0px -30px no-repeat;
}

.findout_btn {
	float: left;
	width: 108px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	padding: 0px; 
}
	
.findout_btn a {
	display: block;
	width: 129px;
	height: 30px; 
	background: url(../images/findout_btn.png) 0 0 no-repeat;
}
	
.findout_btn a:hover {
	background: url(../images/findout_btn.png) 0px -30px no-repeat;
}

.view_work_btn {
	float: left;
	width: 108px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	padding: 0px; 
}
	
.view_work_btn a {
	display: block;
	width: 108px;
	height: 30px; 
	background: url(../images/view_work_btn.gif) 0 0 no-repeat;
}
	
.view_work_btn a:hover {
	background: url(../images/view_work_btn.gif) 0px -30px no-repeat;
}


/*========================================================================================== IMAGES */

img {
	border: none;
}

.feat_work {
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

.work_thumb {
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

.blurb_thumb {
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

.service_icon {
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}

.center {
	margin:  0px auto;
	padding: 0px 0px 20px 0px;
}

	
/*==========================================================================================  NEWSLETTER OPT-IN FORM */

.newsletter_optin {
    float: left;
    width: 240px;
    margin: 0px;
	padding: 0px;
	border: none;
}
	
.newsletter_optin fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}
	
.newsletter_optin legend {
    display: none;
    margin: 0px;
	padding: 0px;
	border: none;
}

.newsletter_optin label {
    display: block;
    margin: 0px;
	padding: 0px 0px 3px 0px;
	border: none;
    font-size: 13px;
    font-weight: bold;
	color: #333;
}

.newsletter_optin input {
    display: block;
	width: 230px;
	height: 20px;
	margin: 0px 0px 10px 0px;
    padding: 5px;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #666;
	background-color: #FFF;
}
	
.newsletter_optin #subscribe {
	width: 85px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: none;
}


/*========================================================================================== CLIENT EXTRANET */

#loginform {
	width: 240px;
	margin: 0px auto;
}	

#loginform label {
	display: block;
    margin: 0px;
	padding: 0px 0px 3px 0px;
	border: none;
    font-size: 13px;
    font-weight: bold;
	color: #999;
}

#loginform input.textbox {
	display: block;
	width: 240px;
	height: 20px;
	margin: 0px 0px 10px 0px;
    padding: 5px;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #666;
	background-color: #FFF;
}

#loginform select {
	display: block;
	width: 240px;
	height: 30px;
	margin: 0px 0px 10px 0px;
    padding: 5px;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #666;
	background-color: #FFF;
}

#loginform #submit {
	width: 75px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: none;
}

.home-banner {
	background:#698C00 url(../images/home-new.jpg) top left no-repeat;
	height:245px;
	overflow:hidden;}

a#designing {
	width:319px;
	height:82px;
	display:block;
	background:url(../images/designing.jpg);
	background-position:top left;
	background-repeat:no-repeat;}

a#designing:hover {
	background:url(../images/designing.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;}
	
a#developing {
	width:319px;
	height:82px;
	display:block;
	background:url(../images/developing.jpg);
	background-position:top left;
	background-repeat:no-repeat;}

a#developing:hover {
	background:url(../images/developing.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;}
	
	
a#marketing2 {
	width:319px;
	height:81px;
	display:block;
	background:url(../images/marketing.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

a#marketing2:hover {
	background:url(../images/marketing.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;}

#maincontent_wrap h2 {
	font-weight: normal;
	color: #556B2F;
}

.navcontainer { 
}

/*Fat Erik's Pipelist*/
#navlist
{
list-style: none;
padding: 0;
margin: 0;
}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }



/* Ditto 2 Blog
------------------------------------------------------------------------------- */
.ditto_summaryPost h3 {
    border-bottom: 1px solid #ccc;
    margin: 0px !important;
    padding: 5px !important;
    color: black;
}
.ditto_summaryPost .ditto_info {
    background-color: #F8F8F8;
    padding: 5px !important;
    font-size: 0.8em;
    color: black;
}
.ditto_link {
    font-size: 76%;
    text-align: right;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #618100;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #618100;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #9c0; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #9c0; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #618100;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
#ditto_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#ditto_archivelist .ditto_month {
    font-weight: bold;
}

#beta {
	background:url(../images/beta.gif) top right no-repeat;
height: 100px;
width: 100%;
position: absolute;
top:0;}

#client_login {
float: right;
margin:25px 20px 25px 0;
padding: 0;
	background:#444 url(../images/client-login.gif) top center no-repeat;
}

#client_login a {
color:#fff;
font-size:0.7em;
font-weight: bold;
width: 120px;
height: 30px;
display: block;}

.login_txt {
text-size:10px;}

#tb1 td {
background:#eee;
padding: 6px;}

#tb1 th {
background:#666;
color:#fff;
text-align: left;
padding: 6px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
display: inline-block;
width:100%;
padding-bottom: 8px;
margin: 6px 0;
clear: both;
}
.clearfix p {
margin-left: 200px;
}
.clearfix h3 {
margin-left: 200px;
font-size: 1em;
margin-bottom: .1em;
color: #69B82A;
}
.clearfix img {border: 1px solid #eee;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.floatl {float: left;}