/*******************common start********************/
*{margin:0; padding:0; font-weight:normal;border:none;}
h1,h2,h3{width:100%;}
body{background:#000 url(../images/body_bg.gif) repeat-x 0 0;}
div.clear, span.clear{clear:both;}
.nowrap{white-space:nowrap;}
.left{float:left; width:auto;}
.right{float:right; width:auto;}
.full{width:100%;}
img{float:left;}
a {outline: none;}
ul{list-style:none}
textarea, input{resize:none;}
table{border-collapse:collapse;}
div.quote{font-family:"Lucida Grande", Verdana;padding-bottom:20px;margin-left: auto;margin-right:auto;text-align:left;font-size:smaller;color:rgb(75,75,75);}
div.quote *.author{font-style:normal;white-space:nowrap;font-weight:bold;padding-top:1em;}
div.clickable {cursor:pointer;}
/*******************common end********************/

/********************layout start********************/
#layout{width:965px; margin:0 auto}
#main{float:left; width:965px;}

/********************header start********************/
#header{float:left; width:965px; background:url(../images/header_dot_line.gif) repeat-x 0 bottom; padding-bottom:15px;}

/********************logo start********************/
#logo{float:left; width:170px; background:#2b2b2b url(../images/logo_bg.gif) repeat-x 0 bottom}
#logo_content{float:left; width:auto; padding:11px 0 0 33px}
/********************logo end********************/

/********************menu start********************/
#menu{float:left; width:453px; margin-top:65px}
#menu ul{float:left; width:auto; list-style:none; padding-left:15px}
#menu li{float:left; width:auto; font-family:"DINMitAlt.ttf", Verdana; padding-right:25px; font-size:16px; line-height:18px; }
#menu li a{float:left; width:auto; color:#81817a; text-decoration:none}
#menu li a:hover,
#menu li a.current{color:#fff; text-decoration:none}
h4.strapline{float:left; width:428px; font-family:"AveniLig.ttf", Verdana; padding:37px 0 10px 15px; font-size:12px; line-height:14px; color:#494949; text-transform:uppercase; letter-spacing:10px; white-space: nowrap;}
/********************menu end********************/

/********************header right content start********************/
#header .right_content{float:left; width:342px}
a#contact_us{float:right; width:102px; background:url(../images/contact_bg.gif) no-repeat 0 0; font-family:"DINMit.ttf", Verdana; font-size:13px; height:23px; line-height:15px; text-decoration:none; color:#62605c; padding:7px 0 0; text-align:center;margin:5px 20px 0 0;}
a#contact_us:hover{background-position: 0 bottom;}

/********************login start********************/
#login-form {float:left; width:330px; font-family:"LucidaGrande.ttf", Verdana; background:url(../images/login_form_bg.gif) repeat-x 0 0; margin-top:31px; padding:8px 0 9px 12px}
#login-form input{float:left; border:none; font-size:11px; line-height:14px; color:#fff; height:21px; padding:5px 3px 3px 8px;margin:2px 6px 0 0;}
#login-form input.email{ width:127px; background:url(../images/input_bg.gif) no-repeat 0 0; }
#login-form input.password{width:97px; background:url(../images/pass_bg.gif) no-repeat 0 0; }
#login-form input.login, #login-form input.login_over{float:left; width:60px; background:url(../images/login_bg.gif) no-repeat 0 0; color:#fff; cursor:pointer; height:31px; margin:0; padding:2px 0 5px 0; font-size:13px; line-height:14px;}
#login-form input.login_over{ background-position: 0 bottom; color:#000; font-size:12px}
#login-form p{float:left; width:322px; padding:0 0 0 16px; font-size:9px; line-height:20px; color:#ffa200;white-space: nowrap;}
#login-form p a{color:#ffa200; text-decoration:underline; float:none; width:auto}
#login-form p a:hover{color:#fff; text-decoration:none}

/********************login end********************/
/********************header right content end********************/
/********************header end********************/

/********************main banner start********************/
#main_banner{float:left; width:965px; margin-top:14px; font-family:Verdana;font-size:11px; line-height:20px;}
#main_banner_left{float:left; width:307px; padding:16px 0 0 42px}
#main_banner_left h4{ font-size:18px; color:#fff;}
#main_banner_left p{ color:#9d9d9d; padding:8px 0;}
#main_banner_left p a{color:#86940f; text-decoration:none; }
#main_banner_left p a:hover{color:#9d9d9d; text-decoration:underline}
#main_banner_right{float:left; width:563px; background:#87950f url(../images/main_banner.jpg) no-repeat right 0; border:3px solid #adb84e; height:188px;padding:63px 0 0 38px;}
#main_banner_right h4{ width:230px; font-size:17px; line-height:19px; color:#fff;}
#main_banner_right p{float:left; width:400px; line-height:13px; padding-left:10px; color:#c3d621; margin-top:10px;}
#main_banner_right p span{float:left; width:400px; padding-left:5px;}

/********************main banner end********************/

/********************Main layout start********************/
#body_container{float:left; width:933px; padding:26px 8px 0 25px;}
#body_container.inner_padding{padding-top:36px}
#main_container{float:left; width:931px;  background:#fff;border:1px solid #6a6561;font-family:"DINMit.ttf", Verdana;}
#main_container.una {background:#fff url(../images/una_merge_h_bg.gif) repeat-x 0 0;padding:53px 0 50px 0;}
#main_container.una_ide {background:#fff url(../images/una_ide_h_bg.gif) repeat-x 0 0;padding:53px 0 50px 0;}

h4#subpage-header{ width:886px; height:76px; font-family:Verdana; font-size:36px; line-height:40px; color:#bcb4a7; padding:33px 0 0 45px; background:#fff url(../images/about_heading_bg.gif) repeat-x 0 0}


/********************body top section start********************/
#top_section{float:left; width:927px; border:3px solid #fff; background:#fff url(../images/body_top_h_bg.gif) repeat-x 0 0; padding-bottom:0;position:relative;}
.home_content_bg{background: url(../images/main_content_bg.gif) repeat-y 0 0; clear:both;}
.home_content{float:left;width:415px;color:#757269;}
.home_content p{width:390px; font-family:Verdana; font-size:16px;  padding:0  20px;}
.top_heading{float:left; width:433px; height:116px; font-family:"DINMitAlt.ttf", Verdana; padding:26px 0 0 30px;}
.top_heading h4{float:left; width:250px; font-size:14px; line-height:17px; color:#fff; margin:14px 0 0 24px;}
.more_button{position:absolute; bottom:30px; width:69px;height:24px; padding:5px 0 0; text-align:center;text-decoration:none; font-family:"DINMit.ttf", Verdana; font-size:14px; line-height:18px; font-weight:bold;}

.content_merge{ width:415px; background:url(../images/una_merge_content_bg.gif) no-repeat 0 0; padding:22px 24px 60px 24px}
.content_merge .more_button{background:url(../images/more_merge.gif) no-repeat 0 0; color:#8a8179;right:503px;}
.content_ide{float:left; width:438px; background:#cad1ce url(../images/una_ide_content_bg.gif) no-repeat 0 0; padding:22px 0 60px 26px; color:#77867e;}
.content_ide .more_button{background:url(../images/more_ide.gif) no-repeat 0 0;color:#788587; right:40px}
.more_button:hover{ background-position:0 bottom;}
/********************body top section end********************/


/********************una merge/merge page top content start********************/

#una_merge_logo{position:absolute; top:39px; left:51px}
#una_ide_logo{padding-left:43px; position:absolute; top:23px; left:43px}
#una_top_content{ width:596px; padding-left:318px}
#una_top_content h4{ width:540px; font-size:16px; line-height:21px; color:#f6eadd; margin-top:10px; height:100px}
#una_top_content h4.ide{ color:#bdc4cb; margin-top:24px; height:86px}
#demo, #buy_now{float:right; display:block; width:69px; font-size:13px; background:url(../images/demo_bg.gif) no-repeat 0 0; height:23px; text-decoration:none; color:#817870; padding:7px 0 0; text-align:center; margin:0 0 20px 7px;}
#demo.ide{ background:url(../images/ide_demo_bg.gif) no-repeat 0 0;color:#5d6c78;}
#buy_now{width:87px; background:url(../images/buy_now_bg.gif) no-repeat 0 0; }
#buy_now.ide{background:url(../images/ide_buy_now_bg.gif) no-repeat 0 0;color:#5d6c78;}
#demo:hover, #buy_now:hover{ background-position: 0 bottom; color:#000; }
#add_real_time { padding:6px 0 7px; text-align:center; color:#565452; font-size:15px; line-height:18px;margin-bottom:23px; clear:both}
#add_real_time.ide{ color:#546064; }

 /********************una merge page top content end********************

/********************una merge page left conttainer start********************/


/********************sidebar start********************/
#submenu_container{float:left; width:269px; padding:14px 22px 0 0; margin-right:28px;font-family:Verdana;}
#vertical_menu li{ width:275px;  background:url(../images/vertical_menu_sept.gif) no-repeat 0 0;  text-align:right;line-height:15px;}
#vertical_menu li a{ width:auto; color:#b5b5b5; display:block; text-decoration:none; padding:8px 17px 10px 0;font-size:15px; }
#vertical_menu li a:hover,
#vertical_menu li a.current{color:#2d3706;}
h4.sidequote{  margin-top:45px; }
h4.sidequote { width:229px; font-family:"DINMit.ttf", Verdana; font-size:22px; line-height:25px; color:#a9a9a9; margin-top:75px; padding-left:40px}
h4.sidequote span{float:left; width:219px; font-family:"DINMit.ttf", Verdana; font-size:14px; line-height:16px; color:#a9a9a9; text-align:right; padding:15px 10px 0 0;white-space:nowrap;}
/********************uvertical menu end********************/

/********************una merge page left conttainer end********************/

/********************una merge page right conttainer start********************/

#crousel{float:left; width:578px;}
#crousel ul{float:left; width:578px; list-style:none}
#crousel li{float:left; width:auto;}
#crousel li.prev_horizontal{float:left; width:22px; margin-top:140px}
#crousel li.prev_horizontal img{float:left;}
#crousel li.next_horizontal{float:left; width:22px; margin-top:140px}
#crousel li.next_horizontal img{float:right;}
#crousel li.merge_crousel_content{float:left; width:534px; height:290px; background:#f8f8f8 url(../images/real-time-collab.gif) no-repeat 0 0}
#crousel li.ide_crousel_content{float:left; width:534px; height:290px; background:#f8f8f8 url(../images/real-time-ide-collab.gif) no-repeat 0 0}
/********************crousel end********************/

table.compare-anims h1, #una #content_container table.compare-anims h2 { white-space: nowrap;}
table.compare-anims { text-align: center;}
table.compare-anims td {vertical-align: top;}
table.compare-anims p { clear: both;}
table.compare-anims img { float:none;}

/********************true font family********************/
h1 img.tff_img,
h2 img.tff_img, 
h3 img.tff_img {float:none;}
/********************true font family********************/

.content{float:left; font-family:"Lucida Grande",Verdana;font-size:14px; line-height:20px; width:534px; padding:19px 22px 0 6px;color:rgb(50,50,50);}
.content ul,
.content ol,
.content p {float:none;padding-bottom:30px;}
.content ul,
.content ol { list-style:none;}
.content a{color:#62839d; text-decoration:none}
.content a:hover{color:#000000; text-decoration:underline}


.content h1{font-size:21px; line-height:24px; margin-top:17px;}
.content h2{font-size:19px; line-height:22px; }
.content h3{font-size:17px; line-height:20px; margin-top:13px;}

.content h1.nowrap,
.content h2.nowrap,
.content h3.nowrap{margin-left:-5px;}
/********************una merge page end********************/

#una td{padding-top:1em;}
#una td.head {font-weight: bold;vertical-align: top;white-space:nowrap;padding-right:1em;}

/********************about us page start********************/

#company_content{float:left; width:931px; background:url(../images/abou_body_bg.gif) no-repeat 0 0; padding:20px 0 50px}
.team ul{padding:0;margin:0;width:534px;float:left;list-style:none;}
.team li{float:none;width:534px;margin:0 0 24px 0;}
.team li .photo{float:left; width:81px; margin-right:16px; }
.team li h4{font-family:"LucidaGrande-Bold.ttf", Verdana; font-size:14px; line-height:20px; color:#807868;}
.team li p{float:left; width:437px;font-family:Verdana; font-size:14px; line-height:20px;}

/********************about us page end********************/


/********************new & blog start********************/
#news_blog{float:left; width:933px; margin-top:27px; padding-bottom:50px;font-family:Verdana;  font-size:11px; line-height:15px;color:#9d9d9d;}
#news_blog .new{float:left; width:418px; margin-right:13px;padding:0 21px; background:url(../images/bottom_h_bg.gif) no-repeat;}
#news_blog .margin{margin-right:0}
#news_blog .news_heading {float:left; width:435px; height:12px; font-family:"DINMitAlt.ttf", Verdana;  font-size:18px; line-height:20px; color:#fff; padding:10px 0 10px 0;}
#news_blog .new p{float:left; width:415px; padding:10px 0 5px}
#news_blog .new a {color:#c2c2c2; font-weight:bold; text-decoration: none;}
/********************new & blog end********************/


/********************contact us page start********************/
#create_account_light{float:left; width:572px;}
#contact_us_light{float:left; width:572px;background:url(../images/contact_page_top_curve.png) no-repeat 0 0;padding-top:11px;}
#contact_us_header{float:left; width:515px; padding:6px 19px 0 39px; background:url(../images/contact_page_bg.png) no-repeat 0 0; height:46px;font-family:"DINMitAlt.ttf", Verdana;}
#contact_us_header h4{float:left; width:300px; font-size:24px;  color:#b2a999; text-align:left}
#contact_us_header .close{float:right; width:76px;}
#contact_us_content_outer{float:left; width:572px; background:url(../images/contact_page_bottom_line_bg.png) repeat-y 0 0;}
#contact_us_content{float:left; width:515px; padding:15px 19px 0 39px; background:url(../images/contact_page_bottom_bg.png) no-repeat 0 0}
#contact_us_content label{float:left; width:500px; color:#9d9489; font-size:11px; line-height:14px; padding:0 0 10px 4px; text-align:left;}
#contact_us_content label.alpine{width:350px; color:#beb6ad;}
#contact_us_content label.alpine span{padding-right:3px}
#contact_us_content input, #contact_us_content textarea{float:left; border:none; font-family:"LucidaGrande.ttf", Verdana; font-size:11px; line-height:14px; color:#fff; padding:6px 3px 3px 10px; height:20px; margin:0 7px 10px 0;}
#contact_us_content input.name{ width:125px; background:url(../images/contact_name_bg.gif) no-repeat 0 0;  }
#contact_us_content input.email{width:185px; background:url(../images/contact_email_bg.gif) no-repeat 0 0;}
#contact_us_content textarea.message{float:left; width:479px; height:105px; background:url(../images/contact_message.gif) no-repeat 0 0;}
#contact_us_content .send_message{float:left; width:140px;}
#contact_us_content input.send{float:right; width:126px; background:url(../images/send_message.png) no-repeat 0 0; color:#645e5b; cursor:pointer; border:none; height:30px; margin:0 0 20px 0; padding:2px 0 5px 0; font-family:"DINMit.ttf", Verdana; font-size:14px; line-height:16px;}
#contact_us_content input.send:hover{background-position:0 bottom; color:#000;}
.bottom_curve{float:left; width:572px; background:url(../images/contact_bottom_content_curv.png) no-repeat 0 bottom; height:11px; font-size:10px; }
/********************contact us page end********************/

/********************productionfile page start********************/
#solutions{float:left; width:933px;}
#productionfile{float:left; width:167px; margin:0 23px 0 4px}
#solutions_content{float:left; width:728px; font-family:"LucidaGrande.ttf", Verdana;}
#solutions_top{float:left; width:600px; padding:15px 0 40px 17px; line-height:18px;}
#solutions_top h4{ font-size:18px; color:#fff; margin:0 0 5px 0;}
#solutions_top p{ font-size:13px; color:#9d9d9d;}
.solutionsbox{float:left; width:215px; margin-right:35px;}
.last{margin-right:0}
.solutionsbox_content{float:left; width:180px; border:3px solid #333; height:240px; margin:15px 0 0 0; padding:15px;font-family:Verdana;font-size:11px; line-height:15px;color:#9d9d9d;}
.solutionsbox_content p a{color:#ffaf3c; text-decoration:none}
.solutionsbox_content p a:hover{color:#fff; text-decoration:underline}
.learn_more {position:absolute; bottom:30px; left:15px; font-size:12px; color:#ffaf3c; text-decoration:none}
.learn_more:hover{color:#fff; text-decoration:underline}
/********************productionfile page end********************/
/********************body container end********************/

/********************footer start********************/
#footer{float:left; width:100%; background:#232321 url(../images/footer_bg.gif) repeat-x 0 0; margin-top:30px}
#footer.inner_margin{margin-top:80px}
#footer_content{width:933px;padding:22px 8px 140px 25px;margin:0 auto;}
#footer_content table{margin:0 auto;}
#footer_content td{padding: 0 40px;vertical-align:top;}
#footer_content ul{list-style-type: none;}
#footer_content ul img{float:none;}
#footer_content span{font-family:"DINMit.ttf", Verdana; font-size:17px; line-height:19px; color:#adada3; padding-bottom:10px;}
#footer_content li{white-space: nowrap;line-height:13px;}
#footer_content li a{width:auto; color:#959595; text-decoration:none;font-family:Verdana; font-size:11px; }
#footer_content li a:hover{color:#fff; text-decoration:underline}
#footer_content .company_logo{width:100%; height:15px;margin-top:32px; padding-bottom:10px;background:url(../images/footer_dot_line.gif) repeat-x right bottom;}
#footer_content .company_logo img{float:right;}
#footer_content p{float:right; font-family:"LucidaGrande.ttf", Verdana; font-size:9px; line-height:12px; color:#444343; padding-top:7px;}
#footer_content p a{color:#444343; text-decoration:none}
#footer_content p a:hover{color:#fff; text-decoration:underline}
#footer_content p img{float:left}
/********************footer end********************/