@import url("screen.css");
/* Global Starts */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cccccc; line-height:20px; background:#000000 url(../images/bg.gif) 0 0 repeat-x; }
body.inside { background:#000000 url(../images/insidebg.gif) 0 0 repeat-x; }
h1, h2, h3, h4, h5, h6, form { margin:0; padding:0; font-weight:normal; }
p { margin:0; padding:5px 0; }
img { border:none; }
h1 { font-size:170%; }
h2 { font-size:130%; }
a:link, a:visited { color:#e7a846; text-decoration:none; outline:none; }
a:hover { color:#a15c12; }
.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; }
#Wraper { margin:auto; width:960px; }
/* Global Ends */

/* Header Starts */
.header { position:absolute; top:0; width:960px; }
.header .logo { position:absolute; float:left; width:186px; height:166px; z-index:100; background:url(../images/CrocoCode.png) 0 0 no-repeat; }
.logo a { display:block; height:166px; }
.mainMenu { margin:10px 0 9px 0; padding:0; float:right; }
.mainMenu ul { margin:0; padding:0; list-style:none; }
.mainMenu li { display:inline; }
.mainMenu span { visibility:hidden; }
.mainMenu a { margin:0 0 0 10px; padding:0; float:left; height:36px; background:url(../images/nav_bar.gif) 0 0 no-repeat; }
.menuhome, .menuhome a { width:58px; background-position:0 0; }
.menuhome a:hover, .menuhome a.selected { background-position:0 100%; }
.menuabout, .menuabout a { width:58px; background-position:-71px 0; }
.menuabout a:hover, .menuabout a.selected { background-position:-71px 100%; }
.menuservices, .menuservices a { width:72px; background-position:-144px 0; }
.menuservices a:hover, .menuservices a.selected { background-position:-144px 100%; }
.menudownload, .menudownload a { width:81px; background-position:-232px 0; }
.menudownload a:hover, .menudownload a.selected { background-position:-232px 100%; }
.menucontact, .menucontact a { width:71px; background-position:-328px 0; }
.menucontact a:hover, .menucontact a.selected { background-position:-328px 100%; }
.menuportfolio, .menuportfolio a { width:75px; background-position:-413px 0; }
.menuportfolio a:hover, .menuportfolio a.selected { background-position:-413px 100%; }
/* Header Ends */

/* Banner Starts */
.banner { color:#FFFFFF; background:url(../images/banner_bg.jpg) center top no-repeat; position:absolute; width:960px; top:55px; }
.banner.inside { color:#FFFFFF; background:url(../images/banner_bg.jpg) center top no-repeat; position:relative; width:960px; }
.banner .col1, .banner .col2, .banner .col3 { float:left; }
.banner .col1 { margin:150px 50px 0 20px; width:300px; }
.banner .col1 #one { position: absolute; padding:5px 0; font-size:250%; }
.banner .col1 #two { font-size:120%; opacity:0; position:relative; top:40px; }
.banner .col1 #three a { margin:40px 0 0 -15px; padding:0; float:left; width:220px; height:65px; background:url(../images/btn_download.png) 0 0 no-repeat; }
.banner .col1 #three a:hover { background:url(../images/btn_download.png) 0 100% no-repeat; }
.banner .col1 #download { opacity: 0; }
.banner .col2 #four { opacity:0; margin:50px 0 0 0; padding:5px 0; font-size:170%; }
.banner .col2 #five, .banner .col2 #six, .banner .col2 #seven, .banner .col2 #eight, .banner .col2 #nine, .banner .col2 #ten { padding:10px 20px; font-size:120%; border-bottom:1px solid #a5c3cb; background:url(../images/icon_checkmark.png) 0 50% no-repeat; position: absolute; opacity:0; }
.banner .col2 #six { margin:40px 0 0 0; }
.banner .col2 #seven { margin:80px 0 0 0; }
.banner .col2 #eight { margin:120px 0 0 0; }
.banner .col2 #nine { margin:160px 0 0 0; }
.banner .col2 #ten { margin:200px 0 0 0; }
.banner .col2 #ten.last { border-bottom:none; }
.banner .col3 { margin:35px 60px 20px 0; float:right; }
.banner .col3 #eleven { width:194px; height:314px; background:url(../images/CodeMachine.png) 0 0 no-repeat; opacity:0; }
.banner.inside h1 { padding:2em 0 2.1em 10em; font-size:220%; line-height:1.5em; }
/* Banner Ends */

/* Content Starts */
.content { margin:40px 0 0 0; padding:30px 0px 0px 11px; }
.content.home { margin:422px 0 0 0; padding:30px 0px 0px 11px; }
.content .main, .content .sidebar { float:left; }
.content .main { margin:0 20px 0 0; width:620px; }
.content .sidebar { width:300px; }
.moduleBox { margin:0 0 20px 0; padding:20px; min-height:185px; background:#111111; -moz-border-radius:5px; -webkit-border-radius:5px; }
.main .moduleBox { float:left; width:260px; }
.main .moduleBox.left { margin:0 20px 0 0; }
.moduleBox center { margin:10px 0 0 0; }
.form span { display:inline-block; padding:7px 10px 5px 5px; background:url(../images/input_field.png) 0 0 no-repeat; }
.form span.textarea { display:inline-block; padding:7px 10px 5px 5px; background:url(../images/input_textarea.png) 0 0 no-repeat; }
.form span.email { display:inline-block; padding:5px 10px 5px 30px; background:url(../images/input_field_email.png) 0 0 no-repeat; }
.form input, .form select, .form textarea { border:0; outline:0; width:250px; color:#999999; background:#ebebeb; font-size:100%; font-family:Arial, Helvetica, sans-serif; }
.form textarea { width:245px; height:70px; resize:none; }
.form span.email input { border:0; outline:0; width:205px; color:#999999; background:#ebebeb; }
.form input:focus, .form textarea:focus { color:#333333; }
.form input.btn-submit { margin:10px 0 0 0; width:71px; height:30px; cursor:pointer; background:url(../images/btn_submit.png) 0 0 no-repeat; }
.form input.btn-submit:hover { background-position:0 100%; }
.team-thumb { margin:15px 0 15px 60px; padding:15px; min-height:103px; float:left; text-align:center; background:#111111; -moz-border-radius:5px; -webkit-border-radius:5px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .team-thumb { margin:17px 0 17px 60px;} }
.team-thumb.first { margin-left:0; }
.testimonials table td { padding:5px 0 0 0; vertical-align:top; }
.btn-client { display:block; margin:10px 0 0 0; width:138px; height:30px; float:right; cursor:pointer; background:url(../images/btn_client.gif) 0 0 no-repeat; }
.dropbox { margin:0 0 14px 0; padding:16px; background:#111111; -moz-border-radius:5px;  -webkit-border-radius:5px; }
.dropbox p { padding:0 0 0 33px; }
.dropbox .toggle img, .dropbox .toggle h2 { margin:0 5px 0 0; width:24; float:left; }
.dropbox .toggle h2 { width:auto; padding:2px 0 3px 3px; }
.form.client, .form.support { padding:15px 0; }
.form.client label, .form.support label { margin:5px 0; padding:2px 10px 0 0; float:left; width:200px; text-align:right; }
.form.client span { margin:3px 0; float:left; }
.form.client input.btn-submit, .form.support input.btn-submit { margin:3px 0 0 0; }
.list-item { margin:20px; width:275px; float:left; }
.list-item .thumb, .list-item .detail { margin:0 10px 0 0; width:100px; float:left; }
.list-item .detail { width:150px; line-height:normal; }
.list-item .detail a { font-size:14px; }
.list-item .detail p { margin:3px 0 0 0; padding:0; font-size:11px; }
.list-item .detail p a { font-size:11px; }
.download-box { padding:51px 30px; }
.download-box .thumb { margin:0 20px 0 0; float:left; width:108px; }
.download-box .detail { margin:0; padding:10px 0; float:left; width:430px; }
.download-box .detail h2.fleft { margin:20px 0 0 0; }
.btn-download:link, .btn-download:visited { margin:0; padding:0; float:left; width:220px; height:65px; background:url(../images/btn_download.png) 0 0 no-repeat; }
.btn-download:hover { background:url(../images/btn_download.png) 0 100% no-repeat; }
#features, #specifications, #support { min-height:380px; padding:20px; border:1px solid #2e3944; -moz-border-radius:5px; -webkit-border-radius:5px; }
body:first-of-type #features, body:first-of-type #specifications, body:first-of-type #support { min-height:358px; }
.download-info .list-item { margin-left:30px; padding-left:20px; float:left; width:210px; background:url(../images/icon_checkmark.png) left center no-repeat; }
.loader { padding:70px 0 0 0; }
/* Content Ends */
/* Footer Starts */

.footer { padding:10px; border-top:1px solid #111111; color:#666666; }
.footer span { padding:5px 0; display:block; }
.footer a:link, .footer a:visited { margin:0 5px 0 0; color:#999999; }
.footer a:hover { color:#FFFFFF; }
.followus { font-size:120%; }
.followus p, .followus a { float:left; }
.followus p { margin:2px 0 0 0; }
.followus a.facebook, .followus a.twitter, .followus a.linkedin { margin:5px 0 0 5px; width:20px; height:20px; float:left; background:url(../images/footer_icons.gif) 0 0 no-repeat; }
.followus a.facebook { background-position:0 0; }
.followus a.facebook:hover { background-position:0 -21px; }
.followus a.twitter { background-position:-25px 0; }
.followus a.twitter:hover { background-position:-25px -21px; }
.followus a.linkedin { background-position:-49px 0; }
.followus a.linkedin:hover { background-position:-49px -21px; }
/* Footer Ends */

.ajax__tab_header { margin:0px auto 0 auto; clear:both; width:435px; white-space:nowrap; background:none !important; height:28px; }
.ajax__tab_header #DownloadTab1_TabContainer1_TabPanel1_tab, .ajax__tab_header #DownloadTab1_TabContainer1_TabPanel2_tab, .ajax__tab_header #DownloadTab1_TabContainer1_TabPanel3_tab { white-space:nowrap; margin:0 5px 0 5px; padding:5px 30px; float:left; font-size:14px; color:#CCCCCC; height:auto; border:1px solid #111111; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../images/tab_bg.gif) 0 0 repeat-x; }
.ajax__tab_header #DownloadTab1_TabContainer1_TabPanel1_tab.ajax__tab_active, .ajax__tab_header #DownloadTab1_TabContainer1_TabPanel2_tab.ajax__tab_active, .ajax__tab_header #DownloadTab1_TabContainer1_TabPanel3_tab.ajax__tab_active { white-space:nowrap;  margin:0 5px -1px 5px; *position:relative; padding:8px 30px; float:left; font-size:14px; color:#CCCCCC; border:1px solid #2e3944; border-bottom:none; background:#000000; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; }
.ajax__tab_header #DownloadTab1_TabContainer1_TabPanel1_tab span, .ajax__tab_header #DownloadTab1_TabContainer1_TabPanel2_tab span, .ajax__tab_header #DownloadTab1_TabContainer1_TabPanel3_tab span { width:auto; height:auto; margin:0; padding:0; color:#d3d3d3; background:none; }
.ajax__tab_xp .ajax__tab_body { background:none !important; border:none !important; } 



#fade { display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; }
.popup_block { display: none; padding: 20px; top: 50%; left: 50%; float: left; font-size: 1.2em; position: fixed; z-index: 99999; background:#111; border: 10px solid #333; box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 0px #000; -moz-box-shadow: 0px 0px 0px #000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
img.btn_close { margin: -40px -40px 0 0; float: right; }
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }

.errorbox
{
	/*font:10px "Segoe UI", Arial, sans-serif;	*/
	 margin:0;
        padding: 5px 5px 5px 28px;
        font-size:11px;
        background:#FFF4CC url(../images/icon_error.png) 7px 7px no-repeat;
        border:1px solid #FF0000;
        -moz-border-radius:5px; -webkit-border-radius:5px;
}
.errorbox .title
{
	/*color:#4888a3;
	font:13px "Segoe UI", Arial, sans-serif;*/
	/*margin-bottom:15px;*/
	color:#FF0000;
	font-weight:bold;
	font:13px;
	cursor:default;
}
.error {
        margin:0;
        padding: 5px 5px 5px 28px;
        font-size:11px;
        background:#FFF4CC url(../images/icon_error.png) 7px 7px no-repeat;
        border:1px solid #666666;
        -moz-border-radius:5px; -webkit-border-radius:5px;
    }