/* CSS Document */

body{margin:0px; padding:0px; background-image:url(../../images/convex_pagebck.gif); text-align:center; background-repeat:repeat-x; background-position:top; font-family: trebuchet ms; font-size:13px; font-weight:normal; color:#434343; text-decoration:none; line-height:16px; background-color:#C7D1D4;}

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

input{ margin:0px; padding:0px;}
.error{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FF0000;}
.container{width:972px; text-align:center; background-color:#FFFFFF; vertical-align:top; margin:0px; padding:0px; padding-top:5px; overflow:auto; position:relative;}

a{ font-family:trebuchet ms; font-size:13px; font-weight:normal; color:#0770B3; text-decoration:none; line-height:18px;}
a:hover{ font-family:trebuchet ms; font-size:13px; font-weight:normal; color:#0770B3; text-decoration:underline; line-height:18px;}

/*header begin*/
.header{ text-align:left; width:100%; margin:0px; padding:0px; position:relative;}

.top_link{ font-family:trebuchet ms; font-size:11px; font-weight:normal; color:#707070; text-decoration:none;}
.top_link:hover{ font-family:trebuchet ms; font-size:11px; font-weight:normal; color:#707070; text-decoration:underline;}

.top_line{font-family:trebuchet ms; font-size:11px; font-weight:normal; color:#707070; text-align:right; padding-right:10px; }

.logo{ text-align:left; padding-left:10px; width:450px; float:left;}

img.phone{float:left; margin-right:5px;}



.orangebold_txt{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#FF9C00; }

.bluebold{ font-family:trebuchet ms; font-size:17px; font-weight:bold; color:#0051A2; }

.orangebold_txt_1{ font-family:trebuchet ms; font-size:15px; font-weight:bold; color:#FF9C00; float:right; padding-left:10px; padding-right:10px; padding-bottom:0px; }

.bluebold_1{ font-family:trebuchet ms; font-size:15px; font-weight:bold; color:#0051A2; }

.get_project{width:195px; text-align:right; float:right;}

.get_project1{ text-align:right; float:right; margin-top:40px;}

.bg_white{background-color:#FFFFFF;}

.bg_gray{ background-color:#303B42; height:22px; text-align:center; position:relative; vertical-align:top; }

.orangebold{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#FF9C00; text-decoration:none; }
.orangebold:hover{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#ffffff; text-decoration:none; }

.bdr_header{ border-top:2px solid #1C252B; border-bottom:2px solid #C7D1D4; height:37px; background-image:url(../../images/convex_bg_header.gif); background-repeat:repeat-x; float:left; width:100%; }

.bdr_header1{ border-top:2px solid #1C252B;  height:37px; background-image:url(../../images/convex_bg_header.gif); background-repeat:repeat-x; float:left; width:100%; }


.header_link{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#C0DFFF; text-decoration:none;}
.header_link:hover{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#ffffff; text-decoration:none;}

.header_sublink{ font-family:trebuchet ms; font-size:12px; font-weight:normal; color:#2F3B42; float:left; width:100%;  background-image:url(../../images/convex_bg_yellow.gif); background-repeat:repeat-x; height:36px;}

.sublink{ font-family:trebuchet ms; font-size:12px; font-weight:normal; color:#2F3B42; text-decoration:none; line-height:36px;}
.sublink:hover{ font-family:trebuchet ms; font-size:12px; font-weight:normal; color:#2F3B42; text-decoration:underline; line-height:36px;}

.sublink_selected{ font-family:trebuchet ms; font-size:12px; font-weight:bold; color:#2F3B42; text-decoration:none; line-height:36px;}
.sublink_selected:hover{ font-family:trebuchet ms; font-size:12px; font-weight:bold; color:#2F3B42; text-decoration:underline; line-height:36px;}


.header_link1{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#C0DFFF; text-decoration:none; padding:10px 10px; display:block; float:left;  position:relative; margin:0px 1px;  }
.header_link1:hover{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#000000; text-decoration:none; background-color:#F5DD70; padding:10px 10px; display:block; float:left;  position:relative; margin:0px 1px; }

.header_link1_selected{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#000000; text-decoration:none; background-color:#F5DD70; padding:10px 10px; display:block; float:left;  position:relative; margin:0px 1px; }
.header_link1_selected:hover{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#000000; text-decoration:none; background-color:#F5DD70; padding:10px 10px; display:block; float:left;  position:relative; margin:0px 1px; }


.header_line{font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#C0DFFF; float:left; padding-left:10px; margin-top:9px; overflow:hidden; }

.header_line1{font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#2F3B42; float:left; padding-left:10px; overflow:hidden; }

.header_link_right{ float:right; padding-right:10px; margin-top:10px; overflow: hidden;}

.header_link_right1{ float:right; padding-right:10px; margin-top:5px; overflow: hidden;}

.whitebold{ font-family:trebuchet ms; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none;}
.whitebold:hover{ font-family:trebuchet ms; font-size:12px; font-weight:bold; color:#1DC6EF; text-decoration:none;}

.bg_blue{ background-image:url(../../images/convex_bg_blue.gif); background-repeat:repeat-x; background-position:top; height:300px; border-bottom:1px solid #ffffff; width:100%; float:left; overflow: hidden; position:relative; margin-bottom:-3px; }

.bg_blue1{ background-image:url(../../images/convex_bg_blue1.gif); background-repeat:repeat-x; background-position:top; height:96px; border-bottom:1px solid #ffffff; width:100%; float:left; overflow: hidden; position:relative; margin-bottom:-3px; }

.banner{ width:972px; float:left; overflow: hidden; }

.banner1{ width:480px; float:left;  margin-top:35px; overflow: hidden;}

.more_btn{ margin-top:15px; text-align:right; }

.whitebold_txt{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#ffffff; text-decoration:none;}

.whitebold_txt1{ font-family:trebuchet ms; font-size:20px; font-weight:normal; color:#ffffff; text-decoration:none; line-height:30px;}
.whitebold_txt2{ font-family:trebuchet ms; font-size:20px; font-weight:normal; color:#A2DCFF; text-decoration:none; line-height:30px;}

.whitebold_link{ font-family:trebuchet ms; font-size:24px; font-weight:normal; color:#ffffff; text-decoration:underline; line-height:30px;}
.whitebold_link:hover{font-family:trebuchet ms; font-size:24px; font-weight:normal; color:#ffffff; text-decoration:none; line-height:30px;}

.bdr_bottom_dashed{border-bottom:1px dashed #0770B3;}

/* header end */

/* middlearea begin */

.middlearea{ float:left; background-image:url(../../images/convex_bg_yellow.gif); background-repeat:repeat-x; background-position:top; padding-top:43px; padding-left:3px; padding-right:3px; padding-bottom:15px; text-align:left; width:99.4%; }


/* rightarea begin */
.rightnav{ width:245px; float:right;}

.bg_search{background-image:url(../../images/convex_gradient5.gif); background-repeat:repeat-x; height:87px; width:100%; float:left;}

.bg_search1{ background-color:#A0A0A0;}

.bg_search2{ background-color:#C4C4C4;}

h1{ font-family:trebuchet ms; font-size:18px; font-weight:normal; color:#000000; margin:0px; padding:0px; line-height:22px;}

h2{ font-family:trebuchet ms; font-size:18px; font-weight:normal; color:#0051A2; margin:0px; padding:0px; line-height:20px;}

h3{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#000000; margin:0px; padding:0px;}

h4{ font-family:trebuchet ms; font-size:15px; font-weight:bold; color:#0051A2; margin:0px; padding:0px; line-height:24px;}



.bg_search3{ background-image:url(../../images/convex_bg_search.gif); background-repeat:no-repeat; height:38px; width:100%; margin:0px; padding:0px; position:relative; float:left;}

.bg_search4{ background-image:url(../../images/convex_bg_search1.gif); background-repeat:repeat-x; float:left; margin:0px; padding:0px; }

.bg_tag{ background-color:#E6E6E6; float:left; width:240px; padding-right:5px;}

.tag1{ font-family:trebuchet ms; font-size:10px; font-weight:normal; color:#000000; text-decoration:none; line-height:18px;}
.tag1:hover{ font-family:trebuchet ms; font-size:10px; font-weight:normal; color:#000000; text-decoration:underline; line-height:18px;}

.tag2{ font-family:trebuchet ms; font-size:12px; font-weight:normal; color:#000000; text-decoration:none; line-height:18px;}
.tag2:hover{ font-family:trebuchet ms; font-size:12px; font-weight:normal; color:#000000; text-decoration:underline; line-height:18px;}

.tag3{ font-family:trebuchet ms; font-size:14px; font-weight:normal; color:#000000; text-decoration:none; line-height:18px;}
.tag3:hover{ font-family:trebuchet ms; font-size:14px; font-weight:normal; color:#000000; text-decoration:underline; line-height:18px;}

.tag4{ font-family:trebuchet ms; font-size:18px; font-weight:normal; color:#0770B3; text-decoration:none; line-height:24px;}
.tag4:hover{ font-family:trebuchet ms; font-size:18px; font-weight:normal; color:#0770B3; text-decoration:underline; line-height:24px;}

.blue_link{ font-family:trebuchet ms; font-size:13px; font-weight:normal; color:#0770B3; text-decoration:none; line-height:18px;}
.blue_link_article{ margin-left:340px; position:relative; font-family:trebuchet ms; font-size:13px; font-weight:normal; color:#0770B3; text-decoration:none; line-height:18px;}

.blue_link:hover{ font-family:trebuchet ms; font-size:13px; font-weight:normal; color:#0770B3; text-decoration:underline; line-height:18px;}

.blue_link1{ font-family:trebuchet ms; font-size:11px; font-weight:normal; color:#0051A2; text-decoration:none; }
.blue_link1:hover{ font-family:trebuchet ms; font-size:11px; font-weight:normal; color:#0051A2; text-decoration:underline; }

.bg_customer_login{ background-color:#E4E48E; float:left; width:100%; }

.input{ font-family:Arial, Helvetica, sans-serif; font-size:14px; border:2px solid #d5d5d5;}

.btn{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#3C73AC; background-color:#D6EFF1; border:3px solid #B5DFE2; }

.bg_mailing_list{ background-color:#D6EFF1; width:100%; float:left;}

/* rightarea end */


/* textarea begin */
.textarea{ width:713px; float:left; }

.content{ margin-top:10px; width:310px; float:left; position:relative;}

.content2{ margin-top:10px; position:relative; width:310px; margin-left:340px; position:relative; }

.content1{ padding-left:18px; margin-top:3px; }

.content4{ margin-left:18px; margin-top:3px;}

.bg_services{ background-color:#B8E3E7;}

.bg_services1{ background-image:url(../../images/convex_gradient2.gif); background-repeat:repeat-x; background-position:top; width:713px; }

.bullet{ float:left; margin-right:5px;}

.bg_projects{ background-color:#D6D6D6;}

.bg_projects1{ background-image:url(../../images/convex_gradient4.gif); background-repeat:repeat-x; background-position:top; float:left; width:713px; overflow:auto;}

.bdr_gray{ border-right:1px solid #B8B8B8; float:left; width:225px; overflow:hidden; height:240px;}
.bdr_gray3{ border-right:1px solid #B8B8B8; float:left; width:235px;overflow:hidden; height:240px;}
.bdr_gray4{ width:225px; overflow:hidden;  }



.bdr_gray5{ border-right:1px solid #B8B8B8; float:left; width:50%; overflow:hidden; text-align:left; }
.bdr_gray6{overflow:hidden; text-align:left; width:48%; }


.bdr_gray1{ border:4px solid #B8B8B8;}
.bdr_gray1:hover { border:4px solid #01A8DC;}

.bdr_gray2{ border:1px solid #B8B8B8;}



#tab{ color:#FFFFFF; margin-top:10px; width:100%; float:left; }
#tab ul{margin:0px; padding:0px;}
#tab li{float:left; margin:0px; padding:0px; background-color:#01A8DC; border:0px solid #000000; position:relative; list-style-type:none; display:block; vertical-align:middle; border:1px solid #0064AF;   margin-right:-1px;}
#tab li a{ background-color:#01A8DC; text-decoration:none; color:#FFFFFF; font-weight:bold; position:relative;  font-size:13px; list-style-type:none;  vertical-align:middle; overflow:hidden; display:block; padding:5px 15px 5px 15px; white-space:nowrap;}
#tab li a:hover{ background-color:#f4f4f4; text-decoration:none; color:#000000; font-size:13px; font-weight:bold; list-style-type:none; vertical-align:middle; display:block; white-space:nowrap; }

.portfolio{ float:left;  width:685px; }

.portfolio1{  padding:10px 0px; width:100%;}

.portfolio2{ float:left; width:390px;}



.left_links{ width:245px; background-image: url(../../images/convex_curve_links.gif); background-repeat:no-repeat; float:left; height:9px; position:relative; overflow:hidden;}

.left_links1{ width:245px; background-image: url(../../images/convex_gradient_links.gif); background-repeat:repeat-x; background-position:top; height:178px; float:left; position:relative;}

.left_links2{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#000000; text-decoration:none; }
.left_links2:hover{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#000000; text-decoration:underline; }

.portfolio_link{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#0770B3; text-decoration:underline; line-height:22px;}
.portfolio_link:hover{ font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#0770B3; text-decoration:none; line-height:22px;}

.content_main{ width:462px; background-image: url(../../images/convex_curve_content.gif); background-repeat:no-repeat; float:left; height:9px; position:relative; overflow:hidden;}

.content_main1{ width:462px; background-image: url(../../images/convex_gradient_content.gif); background-repeat:repeat-x; background-position:top; float:left; position:relative;}


.pagenav{margin:0px; padding:0px; list-style-type:none; position:relative; float:right; text-align:right; }

.pagenav li{margin:0px; padding:0px; z-index:1; list-style-type:none; display:inline; overflow:hidden; position:relative; }
.pagenav li a{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#227DB4; background-color:#ffffff; border:1px solid #81C5F4; padding:1px 6px 1px 6px; margin:0px; text-decoration:none; position:relative; float:none; overflow:hidden; line-height:20px; }
.pagenav li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#ffffff; background-color:#6090B8; border:1px solid #81C5F4; padding:1px 6px 1px 6px; margin:0px; text-decoration:none; position:relative; float:none; overflow:hidden; line-height:20px; }

.pagenav li a.active{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#ffffff; background-color:#6090B8; border:1px solid #81C5F4;  padding:1px 6px 1px 6px; margin:0px; text-decoration:none; position:relative; float:none; overflow:hidden; line-height:20px; }


/*.tabsb {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 12px/1.5em arial; color:#227DB4; PADDING-TOP: 0px;
	FONT-SIZE: 93%; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; border-bottom:1px solid #81C5F4; margin-top:-18px; }

.tabsb UL {FONT: bold 12px/1.5em arial; color:#227DB4;
	PADDING-RIGHT: 10px;  PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; text-align:right; float:right;  }
.tabsb LI {FONT: bold 12px/1.5em arial; color:#227DB4;
	PADDING-RIGHT:0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;    
}
.tabsb A {FONT: bold 12px/1.5em arial; color:#227DB4;
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BACKGROUND: url(../../images/convex_tableftB.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; margin-left:2px;  
}
.tabsb A SPAN {FONT: bold 12px/1.5em arial; color:#227DB4;
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(../../images/convex_tabrightB.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 2px; COLOR: #666; PADDING-TOP: 3px;  
}
.tabsb A SPAN {
	FLOAT: none; color:#227DB4;
}
.tabsb A:hover SPAN {
	COLOR: #000
}
.tabsb A:hover {
	BACKGROUND-POSITION: 0% -42px;  
}
.tabsb A:hover SPAN {
	BACKGROUND-POSITION: 100% -42px
}*/


.bg_number{ background-image:url(../../images/convex_bg_number2.png); background-repeat:no-repeat; height:106px; width:70px; float:left; text-align:center; vertical-align:middle; margin-right:10px; font-size:18px; font-weight:normal; color:#6F5D0F; line-height:20px; padding-top:7px; }
.bg_number1{ background-image:url(../../images/convex_topbg_number2.png); background-repeat:no-repeat; height:106px; width:70px; float:left; text-align:center; vertical-align:middle; margin-right:10px; font-size:18px; font-weight:normal; color:#6F5D0F; line-height:20px; padding-top:7px; }


.screenshot{border:3px solid #81C5F4; display:block; width:20px; float:left; margin-right:10px; margin-top:15px; text-decoration:none;}
.screenshot:hover{ border:3px solid #227DB4; display:block; width:20px; float:left; margin-right:10px; margin-top:15px; text-decoration:none;}
.screenshot_selected{ border:3px solid #227DB4; display:block; width:20px; float:left; margin-right:10px; margin-top:15px; text-decoration:none;}
.screenshot_selected:hover{ border:3px solid #227DB4; display:block; width:20px; float:left; margin-right:10px; margin-top:15px; text-decoration:none;}

.text_small{ font-size:11px;}

.text_lightgray{ font-size:11px; color:#a6a6a6;}

.text_lightgray1{ font-size:12px; color:#a6a6a6;}

.w100{ width:100%; float:right;}

.w50_right{ width:25%; text-align:right; float:left; margin-right:10px; padding-bottom:5px; }
.w50_left{ width:70%; text-align:left; float:left; padding-bottom:5px;}

.link_black{font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#000000; text-decoration:none;}
.link_black:hover{font-family:trebuchet ms; font-size:13px; font-weight:bold; color:#000000; text-decoration:underline;}

.red{ color:#FF0000;}



/* teaxtarea end */

/* middlearea end */

/* footer begin */
.hidden { display: none; }
.blue_text{ font-family:trebuchet ms; font-size:13px; color:#0051A2;}

.blue_text1{ font-family:trebuchet ms; font-size:11px; color:#0051A2;}

.bg_footer{ background-image:url(../../images/convex_bg_footer.gif); background-repeat:repeat-x; border-top:4px solid #3198D3; height:96px; float:left; width:100%; text-align:left; overflow:auto; position:relative; }

.footer_link{ margin:0px; padding:0px; margin-bottom:-15px; padding-top:15px; padding-left:10px; height:80px; float:left;}

.footer_link1{ float:right; padding-right:10px; margin-top:55px;}
.ul{list-style-image:url(http://www.convexdigital.com/images/convex_logo.gif);}

.footer_all_menu { width:90%; margin-left: auto; margin-right: auto; font-size:10px; color:#a6a6a6;}

.gray_link{ font-size:10px; color:#a6a6a6;}
.gray_link:hover{ font-size:10px; color:#767A7D;}
/* footer end */