@charset "utf-8";
/* ======================================================================
    main_style.css

    ProductsDesigner.com    
    (c) 2009, All Rights Reserved.
 ======================================================================== */

/*Common*/
body{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #686868; margin:0; padding:0; background:url(../../images/default/topbg.png) repeat-x top;}

h1,h2,h3,form,p{ padding:0; margin:0;}
h1{ font-size:20px; color:#05abe9; padding-bottom:5px;}

a:link {color: #05abe9; text-decoration: none;}
a:visited {text-decoration: none; color: #05ABE9;}
a:hover {text-decoration: underline; color: #FF3399;}
a:active {text-decoration: none; color: #05ABE9;}

#wrapper{ width:972px;}
#rtnbox{position:absolute; display:none; background-color:#FFCC66;}

/*-------------Header------------------------- */
#header{ width:950px; margin:0 11px 0 11px; background:url(../../images/default/headerbg.png) no-repeat left top; /*border: solid 1px #990000;*/}
#header .toptext{ width:730px; float:left; text-align:left; padding-top:8px;}
#header .toptext h1{font-size: 12px; color: #686868;}

#header .language{ width:220px; float:left; text-align:right; color:#75d7fb; padding-top:8px;}
#header .logo{ width:420px; float:left; text-align:left; padding:15px 0px 5px 15px;}
#header .livechat{ width:480px; float:left; text-align:right; padding:10px 5px 0px 20px;}


/*-------------Main Nav------------------------- */
ul#topnav {clear: left; list-style: none; margin: 0; padding:0; text-align:left; font-family:Arial; text-transform:uppercase;}    
#topnav li {display: block; float: left; padding: 20px 15px 9px 15px; background:url(../../images/default/menu-line.png) no-repeat right bottom;}
#topnav li a {color: #8A8A8A; cursor: pointer; display: block; font-size: 13px; font-weight: bold; padding: 4px 0; text-align: center; text-decoration: none;}
#topnav li a.active {color: #FFF;}
#topnav li a:hover {color: #FFF;}
#topnav li a.active:hover {color: #9EE1FD;}


/*-------------Main Body------------------------- */
#main_body{ width:950px; padding:0 11px 0 11px; background:url(../../images/default/bodybg.png) repeat-y center;}

#head2{ padding:10px;}
#head2 .step{ width:635px; float:left; text-align:left; font-size:18px; color:#FFFFFF; font-weight:bold; background:url(../../images/default/stepbg.png) no-repeat top left; margin: 0 10px 0 5px;}
#head2 .step1{ width:180px; float:left; padding:90px 10px 58px 10px; text-align:center;}
#head2 .step2{ width:180px; float:left; padding:80px 10px 48px 20px; text-align:center;}
#head2 .step3{ width:180px; float:left; padding:80px 10px 48px 30px; text-align:center;}
#head2 .clients{width:280px; float:left; text-align:center; /*background:url(../../images/default/clientsbg.png) no-repeat top left; padding:50px 10px 10px 10px;*/}

/*-------------Slider------------------------- */
#slider{ background:url(../../images/default/designer-slide-bg.png) no-repeat top left; padding:15px; text-align:left;}
#slider .left{ width:480px; float:left; padding: 5px 8px 10px 5px; color:#FFFFFF;}
#slider .right{ width:425px; float:left; padding: 5px 0 10px 0;}
#slider h1{ font-size:28px; color:#FFFFFF; text-shadow:#666666 1px 1px 2px; font-weight:normal; padding-bottom:10px;}
#slider p{ font-size:20px; text-align:left; padding:10px 0 15px 0;}
#slider .demo{ width:230px; float:left; text-align:right; padding-right:10px;}
#slider .buyreq{ width:230px; float:left; text-align:left; padding-left:10px;}

/*-------------Content pane------------------------- */
#content_pane{ padding:20px; text-align:left;}
#content_pane .left{ width:560px; float:left; padding-right:40px;}
#content_pane .left .title{ border-bottom:solid 1px #dddddd; font-size:28px; padding-bottom:5px; margin-bottom:10px;}
#content_pane .left .title span{ color:#0baeea;}

#section{ background:url(../../images/default/sectionbg.png) repeat-x bottom; padding:10px; text-align:left; margin-top:20px;}
#section .img{ width:130px; float:left; padding-right:10px;}
#section .cont{ width:395px; float:left;}
#section h1{ font-size:20px; color:#05abe9; padding-bottom:10px;}

#section .learn{ text-align:right;}

#content_pane .right{ width:310px; float:left;}
#content_pane .right .title{ border-bottom:solid 1px #dddddd; font-size:28px; padding-bottom:5px; margin-bottom:10px;}
#content_pane .right .title span{ color:#0baeea;}

#section2{text-align:left; margin-top:20px;}
#section2 .img{ width:65px; float:left; padding-right:10px;}
#section2 .cont{ width:275px; float:left;}
#section2 h1{ font-size:20px; /*color:#05abe9; padding-bottom:10px;*/}
#section2 h2{ font-size:16px; /*color:#05abe9; padding-bottom:10px;*/ padding-top:10px;}
#section2 .learn{ text-align:left; padding-top:10px;}

.soft_banner{ background:url(../../images/default/software-banner-bg.png) no-repeat left top; padding:20px 10px 17px 660px; margin-bottom:20px; text-align:left;}
.soft_banner .banner_btn{ padding-left:10px; float:left;}


/* ---------------------------------------------------------
Inner Navigation
--------------------------------------------------------- */
.sitenav { margin-left: 0px; /*width: 390px; float:left;*/}
.sitenav ul { margin:0; padding:0; list-style:none; }
.sitenav li { display:inline; margin:0px; padding:0; }
.sitenav a { float:left; background:url(../../images/default/nav_button_left.gif) no-repeat left top; background-color: #a2968a; margin:0px; padding:0px; text-transform:uppercase; margin-right: 1px; }
.sitenav a span { float:left; display:block; background:url(../../images/default/nav_button_right.gif) no-repeat right top; background-color: #a2968a; 	padding:6px 13px; padding-left: 8px; margin-left: 5px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.sitenav a span {float:none;}
/* End IE5-Mac hack */
.sitenav #current a { background:url(../../images/default/nav_button_left_on.gif) no-repeat left top; background-position:0% -50px; background-color: #3056a7; }
.sitenav #current a span { background:url(../../images/default/nav_button_right_on.gif) no-repeat right top; background-position:100% -50px; background-color: #3056a7; }
.sitenav a:hover { background-position:0% -50px; background-color: #869DD2; }
.sitenav a:hover span { background-position:100% -50px; background-color: #869DD2; }
a.navtxt:link 			{font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold ; text-decoration: none;}
a.navtxt:visited		{font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold ; text-decoration: none;}
a.navtxt:hover			{font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold ; text-decoration: none;}
/* ---------------------------------------------------------



/*-------------Footer------------------------- */
#footer{ background:url(../../images/default/footerbg.png) repeat-x top;}
#footer .fpane{ width:950px; padding:40px 11px 10px 11px; background:url(../../images/default/body-bottom.png) no-repeat top center; text-align:left;}
#footer .fpane .left{ width:316px; float:left;}
#footer .fpane .mid{ width:316px; float:left;}
#footer .fpane .right{ width:316px; float:left;}

#footer2{ background:#0d0d0d; color:#999999; padding:10px; text-align:center;}



.clr{ clear:both; font-size:1px;}
.clrline{ clear:both; border-bottom:#EEEEEE 1px solid; font-size:1px;}
.clrspace{ clear:both; font-size:10px;}
.float_left{float:left;}
.float_right{float:right;}
.txt{ height:28px; border:1px solid #5e93b2; padding:0px; margin:1px; #margin:0px; font-size:16px; color:#0C364E;  background-image:url(../../images/default/txt-bk.png);}
.btn{ height:30px; border:3px solid #5e93b2; padding:0px; margin:1px; background-color:#2e6585; color:#FFFFFF; cursor:pointer; padding-left:5px; padding-right:5px;}
.longspace{clear:both; height:50px;}