/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF url(images/footer_bg.gif) bottom repeat-x;
}


a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}

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


html, input, textarea
	{
		font-family:tahoma, arial, helvetica, sans-serif; 
		font-size:11px;
		line-height:17px;
		color:#2f4f4f; /*#3d6f92;	*/	
	}

input, select { vertical-align:middle; font-weight:normal;}
strong {font-weight:bold; color:#2f4f4f;}

a {color:#2f4f4f; font-size:11px;}

/*main layout */

#header_tall {background:url(./images/header_tall.gif) top repeat-x;}

#main { margin:0 auto;}

#header .left {padding:26px 0 0 0;}
#header .right {padding:46px 11px 0 0; text-align:right;}
#header .right .tagline {color:#336699; font-family:arial; font-size:16px; font-weight:bold; padding:0 0 10px 0;}
#header .right a {color:#868686; text-decoration:none; font-family:arial; font-size:12px; background:url(./images/site_libg.gif) top right repeat-y; padding:0 15px 2px 10px;}
#header .right a:hover {text-decoration:underline;}
#header .right .last {background:none; padding:0 0 2px 10px;}

#menu {background:url(./images/menu_tall.gif) top repeat-x; margin:12px 0 12px 0;}
#menu .rightbg {background:url(./images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(./images/menu_left.gif) top left no-repeat; width:100%;}
#menu .padding {padding:8px 0 12px 0;}
#menu li {float:left; background:url(./images/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center; padding:0 0 0px 0; line-height:0px;}
#menu li a {color:#336699; text-decoration:none; font-weight:normal; font-size:12px;}
#menu li a:hover {color:#336699; font-weight:bold; text-decoration:bold;}
#menu li span {color:#336699; text-decoration:underline;}
#menu .last {background:none;}

#header .content {background:url(./images/header_main.gif) top left no-repeat; padding:200px 300px 0 10px; color:#ffffff;}
#header .content .text {padding:2px 0 0 2px;}
#header .content a img {float:right;}


#middle { width:100%;}


#footer .indent {padding:23px 0 0 17px; color:#868686; font-size:11px;}
#footer a {color:#444444; font-family:tahoma; font-size:11px; font-weight:bold;}

.border .ttall {background:url(images/border_tall.gif) top repeat-x;}
.border .tselect {background:url(images/border_select.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .bselect {background:url(images/border_select.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}

.formtext {font-size:12px; line-height:normal; padding:0 0 0 0; color:#2f4f4f; }

.h_text {padding:0 0 2px 4px;  background:url(images/h_text_bg.gif) bottom repeat-x;}
.h_text a img {padding:0 0 2px 4px;  background:url(images/h_text_bg.gif) bottom repeat-x;}

.more {text-align:right;}
.more a{background:url(./images/more_bg.gif) top right no-repeat; padding-right:13px; font-weight:bold;}

.next {text-align:right; padding:2px 0 20px 0; color:#2f4f4f; line-height:30px;}
.next {background:url(./images/next_bg.gif) top right no-repeat; padding-right:20px; 
       font-size:11px; text-decoration:none; text-transform:capitalize;}
.next:hover{ text-decoration:underline;}

.sub_menu {text-align:right; padding:2px 0 20px 0; color:#2f4f4f; line-height:20px;}
.sub_menu {background:url(./images/soln_bg.gif) top right no-repeat; padding:0 20px 0 0; 
       font-size:11px; text-decoration:none; text-transform:capitalize;}
.sub_menu:hover{ text-decoration:underline;}

.sub_menu_left {text-align:left; padding:2px 0 20px 15px; color:#2f4f4f; line-height:20px;}
.sub_menu_left {background:url(./images/soln_bg.gif) top left no-repeat; padding:0 20px 0 25px; 
       font-size:11px; text-decoration:none; text-transform:capitalize;}
.sub_menu_left:hover{ text-decoration:underline;}

.pdf_left {text-align:left; padding:0 0 0 0; color:#2f4f4f; line-height:20px;}
.pdf_left {background:url(./images/pdficon.gif) top left no-repeat; padding:0 0 20px 40px; 
       font-size:12px; font-weight:bold; text-decoration:none; text-transform:capitalize;}
.pdf_left:hover{ text-decoration:underline;}

.press {background:url(./images/press_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#2f4f4f;}
.event {background:url(./images/event_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#2f4f4f;}
.css   {background:url(./images/css_sm.gif) no-repeat 0 0; padding:2px 0 2px 20px;}
.cms   {background:url(./images/cms_sm.gif) no-repeat 0 0; padding:2px 0 2px 20px;}
.cps   {background:url(./images/cps_sm.gif) no-repeat 0 0; padding:2px 0 2px 20px;}
.cts   {background:url(./images/cts_sm.gif) no-repeat 0 0; padding:2px 0 2px 20px;}

li {
	background:url(./images/arr.gif) 5px 6px no-repeat; 
	padding:0 0 0 18px;
}
li a { 
	line-height:20px;
	color:#3d6f92;
	text-decoration:underline;
}
li a:hover { 
	text-decoration:none;
}
.link_lc{ 
	background:url(images/arr.gif) 0 4px no-repeat;
	padding:0 0 0 13px; 
	text-decoration:none;
}
.link_lc:hover{ text-decoration:underline;}

.link_2{ 
	background:url(./images/arr.gif) 5px 3px no-repeat; 
	padding:0 0 0 18px; 
	text-decoration:none;
	text-transform:uppercase;
    font-size:11px;
}
.link_2:hover{ text-decoration:underline;}
.link_2U{ 
	background:url(./images/arr.gif) 5px 3px no-repeat; 
	padding:0 0 0 18px; 
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
.link_2U:hover{ text-decoration:none;}

.step{ 
	background:url(./images/arr.gif) 5px 5px no-repeat; 
	padding:0 0 0 18px; 
	text-decoration:none;
    font-size:11px;
}
.step_b{ 
	background:url(./images/arr.gif) 5px 5px no-repeat; 
	padding:0 0 0 18px; 
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

/* 
li { color:#3d6f92;}
li a {color:#3d6f92; font-size:11px;}
*/

.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}
.b_text {color:#3d6f92;}

/* home */

#home #middle .s_text {padding:0 0 2px 4px;}
#home #middle .s_text a img{padding:0 0 2px 0;background:url(images/h_text_bg.gif) bottom repeat-x;}
#home #middle .indent {padding:0 0 19px 0;}
#home #middle .columns1 .column1 .padding{padding:15px 10px 3px 10px;}
#home #middle .columns1 .column2 .padding{padding:15px 10px 3px 10px;}
#home #middle .columns1 .column3 .padding{padding:15px 10px 3px 10px;}
#home #middle .columns1 .column4 .padding{padding:15px 10px 3px 10px;}
#home #middle .columns1 .p1 {padding:1px 0 7px 0;font-size:11px;}
#home #middle .columns1 a {font-size:11px;}
#home #middle .columns2 {padding:21px 0 0 0;}
#home #middle .columns2 .column1 .padding{padding:15px 10px 3px 10px;}
#home #middle .columns2 .column2 .padding{padding:15px 10px 3px 10px;}
#home #middle .columns2 .column3 .padding{padding:15px 10px 3px 10px;}
#home #middle .columns2 .p1 {padding:1px 0 7px 0;font-size:11px;}
#home #middle .columns2 .column2 .content {padding:10px 0 15px 0;}
#home #middle .columns2 .column3 .p1 {text-align:right;}

/* marketing */

#marketing #middle .s_text {padding:0 0 2px 4px;}
#marketing #middle .s_text a img{padding:0 0 2px 0;background:url(images/h_text_bg.gif) bottom repeat-x;}
#marketing #middle .indent {padding:0 0 19px 0;}
#marketing #middle .columns1 .column0 .padding{padding:0px 10px 3px 20px;}
#marketing #middle .columns1 .column1 .padding{padding:0px 10px 3px 20px;}
#marketing #middle .columns1 .column2 .padding{padding:0px 10px 3px 20px;}
#marketing #middle .columns1 .column3 .padding{padding:15px 10px 3px 10px;}
#marketing #middle .columns1 .column4 .padding{padding:15px 10px 3px 10px;}
#marketing #middle .columns1 .column4 .p1 {text-align:right;}
#marketing #middle .columns1 .p1 {padding:1px 0 15px 0;font-size:11px;}
#marketing #middle .columns1 .p2 {padding:1px 0 7px 28px;font-size:14px; font-weight:bold;}
#marketing #middle .columns1 .p2t {padding:5px 0 7px 0;font-size:14px; font-weight:bold; text-align:center;}
#marketing #middle .columns1 .p3 {padding:1px 0 5px 0;font-size:11px; font-weight:bold;}
#marketing #middle .columns1 .footnote {padding:1px 0 5px 20px;font-size:10px; font-weight:normal;}
#marketing #middle .columns1 .footnote a {font-size:10px;text-decoration:underline;}
#marketing #middle .columns1 .footnote a:hover {text-decoration:none;}
#marketing #middle .columns1 a {font-size:11px;text-decoration:none;}
#marketing #middle .columns1 a:hover {text-decoration:underline;}
#marketing #middle .columns2 {padding:21px 0 0 0;}
#marketing #middle .columns2 .column1 .padding{padding:15px 10px 3px 10px;}
#marketing #middle .columns2 .column2 .padding{padding:15px 10px 3px 10px;}
#marketing #middle .columns2 .column3 .padding{padding:15px 10px 3px 10px;}
#marketing #middle .columns2 .column4 .padding{padding:0px 10px 3px 20px;}
#marketing #middle .columns2 .column5 .padding{padding:0px 10px 3px 20px;}
#marketing #middle .columns2 .column5 .p1 {text-align:right;}
#marketing #middle .columns2 .p1 {padding:1px 0 15px 0;font-size:11px;}
#marketing #middle .columns2 .column2 .content {padding:10px 0 15px 0;}
#marketing #middle .columns2 .column3 .p1 {text-align:right;}
#marketing #middle .columns2 a {font-size:11px;text-decoration:none;}
#marketing #middle .columns2 a:hover {text-decoration:underline;}

/* functional */

#functional #middle .s_text {padding:0 0 2px 4px;}
#functional #middle .s_text a img{padding:0 0 2px 0;}
#functional #middle .indent {padding:0 0 19px 0;}
#functional #middle .columns1 .column1 .padding{padding:15px 10px 3px 10px;}
#functional #middle .columns1 .column2 .padding{padding:15px 10px 3px 10px;}
#functional #middle .columns1 .column3 .padding{padding:15px 10px 3px 10px;}
#functional #middle .columns1 .column4 .padding{padding:15px 10px 3px 10px;}
#functional #middle .columns1 .p1 {padding:1px 0 7px 0;font-size:11px;}
#functional #middle .columns1 .h1 {padding:1px 0 12px 0;font-size:14px;font-weight:bold;text-align:center;}
#functional #middle .columns1 a {font-size:11px;}
#functional #middle .columns2 {padding:21px 0 0 0;}
#functional #middle .columns2 .column1 .padding{padding:15px 10px 3px 10px;}
#functional #middle .columns2 .column2 .padding{padding:15px 10px 3px 10px;}
#functional #middle .columns2 .column3 .padding{padding:15px 10px 3px 10px;}
#functional #middle .columns2 .p1 {padding:1px 0 7px 0;font-size:11px;}
#functional #middle .columns2 .column2 .content {padding:10px 0 15px 0;}
#functional #middle .columns2 .column3 .p1 {text-align:right;}

/* index-5*/

#index_5 #middle .indent {padding:0 0 20px 0;}
#index_5 #middle .columns1 .column1 .padding{padding:9px 13px 16px 15px;}
#index_5 #middle .columns1 .column2 .padding{padding:9px 13px 0 15px;}
#index_5 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_5 #middle .columns1 .p1 {padding:1px 0 7px 0;}
#index_5 #middle .columns1 .column1 a{font-size:11px;}
/* #index_5 #middle .columns1 a:hover {text-decoration:underline;} */
#index_5 #middle .columns1 .column2 a{color:#2f4f4f; font-size:12px; text-decoration:underline;}
#index_5 #middle .columns1 .column2 a:hover{text-decoration:none;}

#index_5 #middle .columns2 {padding:22px 0 0 0;}
#index_5 #middle .columns2 .padding {padding:14px 15px 0 17px;}
#index_5 #middle .columns2 .p1 {padding:14px 0 10px 0;}
#index_5 #middle .columns2 .p2 {padding:0 0 4px 0;}
#index_5 #middle .columns2 a{color:#2f4f4f; font-size:12px; text-decoration:none;}

/* index-1 */

#index_1 #middle .indent {padding:17px 0 20px 0;}
#index_1 #middle .column1 .padding1 {padding:16px 20px 0 16px;}
#index_1 #middle .column1 .padding1 .content{padding:14px 0 27px 1px;}
#index_1 #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#index_1 #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#index_1 #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#index_1 #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#index_1 #middle .cols .more {margin-top:-19px;}
#index_1 #middle .cols .p1 {padding:21px 0 1px 0;}

#index_1 #middle .cols {padding:14px 0 0 0;}

#index_1 #middle .column2 .padding{padding:9px 13px 3px 15px;}
#index_1 #middle .column2 ul li {font-weight:bold;}
#index_1 #middle .column2 .p1 {padding:1px 0 8px 0;}
#index_1 #middle .column2 .p2 {padding:12px 0 17px 0;}
#index_1 #middle .column2 .p3 {padding:17px 0 17px 0;}


/* index-2 */

#index_2 #middle .indent {padding:17px 0 20px 0;}
#index_2 #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#index_2 #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index_2 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_2 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#index_2 #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;}
#index_2 #middle .columns2 {padding:21px 0 0 0;}
#index_2 #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;}
#index_2 #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;}
#index_2 #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;}
#index_2 #middle .columns2 .column1 .p2 {padding:0 0 4px 0;}
#index_2 #middle .columns2 .column2 .content {padding:7px 0 15px 0;}
#index_2 #middle .columns2 .column2 ul {margin-bottom:1px;}

/* index-3 */

#index_3 #middle .indent {padding:17px 0 20px 0;}
#index_3 #middle .column1 .padding1 {padding:16px 15px 0 23px;}
#index_3 #middle .column1 .padding1 .content{padding:5px 0 5px 1px;}
#index_3 #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd {padding:14px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd2 {padding:10px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd3 {padding:13px 0 0 0;}
#index_3 #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#index_3 #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#index_3 #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#index_3 #middle .cols .more {margin-top:-19px;}
#index_3 #middle .cols .p1 {padding:21px 0 1px 0;}

#index_3 #middle .cols {padding:14px 0 0 0;}

#index_3 #middle .column2 .padding{padding:9px 13px 8px 15px;}
#index_3 #middle .column2 .p1 {padding:1px 0 11px 0;}
#index_3 #middle .column2 .p2 {padding:12px 0 11px 0;}
#index_3 #middle .column2 .p3 {padding:13px 0 6px 0;}


/* index-4 */

#index_4 #middle .indent {padding:17px 0 20px 0;}
#index_4 #middle .column1 .padding1 {padding:16px 22px 0 16px;}
#index_4 #middle .column1 .padding1 .content{padding:14px 0 34px 1px;}
#index_4 #middle .column1 .padding1 .more {padding:0 2px 0 0; line-height:12px;}

#index_4 #middle .column1 .padding2 {padding:34px 23px 0 16px;}
#index_4 #middle .column1 .padding2 .content{padding:6px 0 0 1px;}
#index_4 #middle .column1 .padding2 .more {margin-top:9px;}

#index_4 #middle .column2 .padding{padding:9px 13px 3px 15px;}
#index_4 #middle .column2 .margin .padding{padding:9px 12px 2px 15px;}
#index_4 #middle .column2 ul {margin:0 0 2px 1px;}
#index_4 #middle .column2 .margin {padding-top:6px;}
#index_4 #middle .column2 .p1 {padding:0 0 8px 0;}


#form .column1 {width:183px;}
#form .column2 {width:521px;}

form .row {height:25px;}
form .row1 {height:34px;}

.input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:tahoma; line-height:13px; color:#a4a4a4;}
textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4;}
form .div {text-align:right; padding:6px 0 0 0;}

/* index-6 */

#index_6 #middle .indent {padding:3px 15px 17px 17px;}
#index_6 #middle .p1 {padding:6px 0 0 0;}