* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF;
	padding:9px 12px 20px 13px;
	padding:0;
	margin:0;
	font-family: Tahoma;
}


a:hover{text-decoration:none;}

a img { border:0;}

.column { float:left;}
.clear { clear:both;}


html, input, textarea, select
	{
		font-family:Tahoma; 
		font-size:11px;		
		color:#3C3C3C;		
	}

a {color:#3C3C3C;}

input, select { vertical-align:middle; font-weight:normal;}


.search .input {border-color:#CDCDCD; border-bottom-width:1px; padding-top:2px; padding-bottom:2px; background:#FFFFFF;}
.search .submit { margin:0;}

#main { MARGIN: auto; WIDTH: 766px; min-width: 766px; background: #FFFFFF;}

#header { height:202px; background:url(header-dr.gif) repeat-x top; text-align:right;}
#header .l { height:100%; background:url(header-l.jpg) no-repeat left;}
#header .r { height:100%; background:url(header-r.gif) no-repeat right;}

#logo { padding:81px 42px 0 0;}

h1 { color:#FFFFFF; font-size:1.00em; font-weight:bold; }
h1 a {color:#FFFFFF; text-decoration:none;}

h4 { color:#ff6600; font-size:1.10em; font-weight:bold; text-transform:uppercase; }
h4 a {color:#ff6600; text-decoration:none;}

.newsletter { background-color:#FFFFFF; padding:9px 12px 20px 13px;}

#header span { font-size:0.91em; color:#FFFFFF;}

.space { height:10px;}
.wspace { height:10px; background-color:#FFFFFF;}
.log {margin-left:10px;}

/* side bar */
#side_bar_left { width:178px; float:left; background:url(side-l-dr.gif) repeat-y; color:#FFFFFF;}
#side_bar_left .t { background:url(side-l-t.gif) no-repeat top;}
#side_bar_left .b { background:url(side-l-b.gif) no-repeat bottom; width:100%;}
#side_bar_left .t2 { background:url(side-l-t2.gif) no-repeat top;}
#side_bar_left .b2 { background:url(side-l-b2.gif) no-repeat bottom; width:100%;}
#side_bar_left .c { background-color:#FCA609;}
#side_bar_left .indent { padding:20px 10px 38px 8px;}

#side_bar_right { width:168px; float:right; background:url(side-r-dr.gif) repeat-y; color:#2F2D2D;}
#side_bar_right .t { background:url(side-r-t.gif) no-repeat top;}
#side_bar_right .b { background:url(side-r-b.gif) no-repeat bottom; width:100%;}
#side_bar_right .indent { padding:20px 10px 23px 17px;}

.sep_col { width:10px;}

#side_bar_left .search, #side_bar_right .search { text-align:right;}
#side_bar_left .search .input, #side_bar_right .search .input { width:50%; }
#side_bar_left .search .submit, #side_bar_right .search .submit {margin:5px 0px 0px 4px;}


#side_bar_left .widget_style h2 { color:#2E2E2F; font-size:1.01em; font-weight:bold; margin-left:10px;}
#side_bar_left .widget_style ul { margin:20px 0px; list-style:none;}
#side_bar_left .widget_style li { background:url(side-l-h-l.gif) repeat-x bottom; padding:2px 0 2px 13px; color:#FFFFFF; line-height:1.41em; font-size:1.01em; margin-top:-1px;}
#side_bar_left .widget_style li a { color:#FFFFFF; text-decoration:none; background:url(side-l-bul.gif) no-repeat 0px 5px; padding-left:18px; }
#side_bar_left .widget_style li a:hover { text-decoration:underline;}

#side_bar_left #links_with_style ul {margin:0;}
#side_bar_left #links_with_style ul ul {margin:20px 0px;}
#side_bar_left #links_with_style ul li {list-style:none;background:none;margin:0;padding:0;}
#side_bar_left #links_with_style ul li ul li { background:url(side-l-h-l.gif) repeat-x bottom; padding:2px 0 2px 13px; color:#FFFFFF; line-height:1.41em; font-size:1.01em; margin-top:-1px;}

#side_bar_right .widget_style h2 { color:#34717E; font-size:1.01em; font-weight:bold;}
#side_bar_right .widget_style ul { margin:18px 0 18px 5px; list-style:none;}
#side_bar_right .widget_style li { color:#2F2D2D; line-height:1.41em; font-size:1.01em; margin-top:6px;}
#side_bar_right .widget_style li a { color:#2F2D2D; background:url(side-r-bul.gif) no-repeat 0px 5px; padding-left:13px; }

#side_bar_right #links_with_style ul {margin:0;}
#side_bar_right #links_with_style ul ul {margin:18px 0 18px 5px;}
#side_bar_right #links_with_style ul li {list-style:none;background:none;margin:0;padding:0;}
#side_bar_right #links_with_style ul li ul li { color:#2F2D2D; line-height:1.41em; font-size:1.01em; margin-top:6px;}

#categories { vertical-align:top;}

#meta { vertical-align:top;}

#archives { vertical-align:top;}

#recent-comments  {
	vertical-align:top;
}
#recent-posts  {
	vertical-align:top;
}
#calendar {
	vertical-align:top;
}
#google-search  {
	vertical-align:top;
}
#gsearch {
	text-align:left;
}
#pages  {
	vertical-align:top;
}
#text-1 {
	vertical-align:top;
}
#delicious {
	vertical-align:top;
}
#delicious-box {
	text-align:left;
}
#calendar_wrap {
	vertical-align:top;
	padding:18px 0px 18px 0px;
}
#calendar_wrap a {	
	font-weight:bold;
}
.textwidget {	
	padding:18px 0px 18px 0px;
}
#statusbar {
	padding:0px 0px 0px 0px;
	text-align:justify;
}
#statusbar p {
	padding:0px 0px 18px 0px; 
	margin:0px;
}
#statusbar a {		
	font-weight:bold;
}

/* side bar end */

/* content */
#wrapper { float: left;  width:400px;}

#content { background:#A2A2A2;}
#content .l_t { background:url(cont-l-t.gif) no-repeat left top;}
#content .r_t { background:url(cont-r-t.gif) no-repeat right top;}
#content .r_b { background:url(cont-r-b.gif) no-repeat right bottom;}
#content .l_b { background:url(cont-l-b.gif) no-repeat left bottom;}

#content .search .input { width:300px;}
#content .search .submit { margin-left:13px;}

#content .indent { padding:12px; padding-bottom:4px;}

#content .block { background:#F5F5F5; margin-bottom:8px;}
#content .block .l_t { background:url(block-l-t.gif) no-repeat left top;}
#content .block .r_t { background:url(block-r-t.gif) no-repeat right top;}
#content .block .l_b { background:url(block-l-b.gif) no-repeat left bottom;}
#content .block .r_b { background:url(block-r-b.gif) no-repeat right bottom; width:100%;}

#content .block .indent { padding:10px;}

#content .block .title { background:#777777;}
#content .block .title .l_t { background:url(title-l-t.gif) no-repeat left top;}
#content .block .title .l_b { background:url(title-l-b.gif) no-repeat left bottom;}
#content .block .title .r_t { background:url(title-r-t.gif) no-repeat right top;}
#content .block .title .r_b { background:url(title-r-b.gif) no-repeat right bottom;}

#content .block .mytitle .indent { padding:13px 15px 10px 18px;}

#content .block .mytitle { background:#F69708;}
#content .block .mytitle .l_t { background:url(mytitle-l-t.gif) no-repeat left top;}
#content .block .mytitle .l_b { background:url(mytitle-l-b.gif) no-repeat left bottom;}
#content .block .mytitle .r_t { background:url(mytitle-r-t.gif) no-repeat right top;}
#content .block .mytitle .r_b { background:url(mytitle-r-b.gif) no-repeat right bottom;}

#content .block .mytitle .indent { padding:13px 15px 10px 18px;}

h3 { color:#FFFFFF; font-size:1.01em; font-weight:bold; text-transform:uppercase; }
h3 a {color:#FFFFFF; text-decoration:none;}

.author { color:#1F1F1F; font-size:1.01em;}

.date { color:#BEBBBB; font-size:1.01em; font-weight:bold;}

.content_text { line-height:1.41em; text-align:justify; margin:12px 15px 12px 14px; font-size:1.10em}

.content_text ol { margin-left:10px; margin-top:15px;}
.content_text ul { margin:10px 0 18px 5px;}
.content_text li { color:#2F2D2D; line-height:1.21em; font-size:1.01em; margin-left:20px; margin-top:6px;}

#content .block .comment { background:#E1E1E1;}
#content .block .comment .l_t { background:url(comment-l-t.gif) no-repeat left top;}
#content .block .comment .r_t { background:url(comment-r-t.gif) no-repeat right top;}
#content .block .comment .l_b { background:url(comment-l-b.gif) no-repeat left bottom;}
#content .block .comment .r_b { background:url(comment-r-b.gif) no-repeat right bottom;}
#content .block .comment .indent { padding:8px 12px;}

.comment { text-align:right; color:#5D5C5C;}
.comment a { color:#5D5C5C;}

#content .block .mycomment { background:#E1E1E1;}
#content .block .mycomment .l_t { background:url(comment-l-t.gif) no-repeat left top;}
#content .block .mycomment .r_t { background:url(comment-r-t.gif) no-repeat right top;}
#content .block .mycomment .l_b { background:url(comment-l-b.gif) no-repeat left bottom;}
#content .block .mycomment .r_b { background:url(comment-r-b.gif) no-repeat right bottom;}
#content .block .mycomment .indent { padding:8px 12px;}

.mycomment { text-align:left; color:#5D5C5C;}
.mycomment a { color:#5D5C5C;}

.postmetadataalt {
	font-size:0.81em; 
}

.pagetitle {
	color:#FFFFFF; font-size:1.01em; font-weight:bold; text-transform:uppercase;	
	padding:0px 0px 10px 0px;	
}
.mypagetitle {
	color:#FFFFFF; font-size:1.40em; font-weight:bold; text-transform:uppercase;	
	padding:10px 5px 10px 0px;
	text-align:right;	
}
.clienttitle {
	color:#FFFFFF; font-size:1.40em; font-weight:bold; text-transform:uppercase;	
	padding:10px 5px 10px 5px;
	text-align:center;	
}

p {	
	padding:10px 0px 10px 0px;
}

.article {
	padding:0;
}

.post {
	padding:0px 5px 0px 5px;
}

.navigation {/*padding:0px 0px 20px 0px;*/ width:100%; color:#FFFFFF; font-size:1.01em;}
.navigation a {color:#FFFFFF; font-weight:bold;}
.navigation .left {width:45%; float:left;  padding-left:10px;}
.navigation .right {width:45%; float:right; text-align:right; padding-right:10px;}

/* content end */


/* footer */
.footer {height:50px; background:url(bg_footer.JPG) top left no-repeat; }
.blog {color:#FFFFFF; text-align:center; padding:3px 0px 3px 0px;}
.blog a {color:#FFFFFF; text-decoration:none;}
.blog a:hover {text-decoration:underline;}
/* footer end */

@charset "UTF-8";

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 10.2em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 10.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 10.2em;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 10.2em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	border: 1px solid #CCC;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #FFCC00;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #666;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #EEE;
	color: #000;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}