*{ 
margin:0; 
padding:0; 
border:0px none; 
}
html{margin-bottom:1px; height:100%;}
body {
	font-family: Arial, tahoma, verdana;
	color:#707A87;
	margin:0px 0px 0px 0px;
}
div {float:left;}
/*~~~~~~~~~~~~~~~~~~~~~~~~ Main ID CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper {margin:23px auto 0 auto;width:950px; float:none !important;}

/*Top Navigation CSS starts here*/
#topnav{width:482px; padding:29px 0px 0px 0px;}
#mainnav {overflow: hidden; height:35px; width:482px;}
#mainnav ul {margin:0px; padding:0;}
#mainnav li {margin:0; padding:0; list-style-type: none; display:inline; float:left; font:11px Arial, Tahoma, verdana; color:#353535; text-align:center; font-weight:bold;}
#mainnav a {text-decoration:none !important; display:block; background: url(../spanimages/topnav.jpg) 0px 0px; overflow: hidden; height:35px; color:#353535;}
#mainnav a span { visibility:visible; }

#menu01, #menu01 a {background-position: 0 0;width: 121px; padding-top:10px;}
#menu01 a:hover, #menu01 a.selected {background-position: 0px 35px;}
#menu01 a.active {background-position: 0px 35px; font-weight:bold;}

#menu02, #menu02 a {background-position: -121px 0; width: 122px; padding-top:10px;}
#menu02 a:hover, #menu02 a.selected {background-position: -121px 35px;}
#menu02 a.active {background-position: -121px 35px; font-weight:bold;}

#menu03, #menu03 a {background-position: -243px 0;width: 122px; padding-top:10px;}
#menu03 a:hover, #menu03 a.selected {background-position: -243px 35px;}
#menu03 a.active {background-position: -243px 35px; font-weight:bold;}

#menu04, #menu04 a {background-position: -365px 0;width: 117px; padding-top:10px;}
#menu04 a:hover, #menu04 a.selected {background-position: -365px 35px;}
#menu04 a.active {background-position: -365px 35px; font-weight:bold;}

/*Top Navigation CSS ends here*/

/*~~~~~~~~~~~~~~~~~~~~~~~~ Header CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#header{width:950px; border-bottom:1px solid #CACFD7;}
.status{width:193px;color:#636363; font:11px Tahoma, Arial, Verdana; text-align:right; font-weight:bold; padding:30px 10px 0px 0px;}
.status a{color:#0078C4; text-decoration:none;}
.status a:hover{color:#0078C4; text-decoration:none;}

/*~~~~~~~~~~~~~~~~~~~~~~~~ Content CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#content{width:918px; background:url(../spanimages/content-bg.jpg) repeat-x top; padding:23px 16px 4px 16px;}
#content_ads{width:918px; border-top:1px solid #CACFD7; padding:23px 16px 20px 16px;}
#content-left{width:650px;}
#content-right{width:246px; padding:0px 0px 0px 22px;}

.box{width:281px; border:1px solid #F3ECEC; background:url('../spanimages/box-bg.jpg') repeat-x bottom #FFF; padding:10px 15px 20px 15px;}
.box1{width:281px; border:1px solid #F3ECEC; background:url('../spanimages/box-bg.jpg') repeat-x bottom #FFF; padding:10px 15px 20px 15px; margin-left:24px;}
.desc{width:281px;}
.features{width:281px;}
.feat-icon{width:42px; padding:7px 0px 0px 0px;}
.feat-txt{width:239px;}
.feat-txt_orange{width:239px;}
.button{width:196px; text-align:center; padding:0px 0px 0px 85px;}
.register{width:111px; height:28px; display:block; background:url(../spanimages/b-register.jpg) no-repeat top; font:16px Arial, Tahoma, Verdana; color:#FFF; font-weight:bold; padding:6px 0px 0px 0px;}
.register a{width:111px; height:28px; display:block; color:#FFF; text-decoration:none;}
.register a:hover{width:111px; height:28px; display:block; color:#FFF; text-decoration:none;}

.project-tbl{width:648px; border:1px solid #CACFD7; margin:8px 0px 0px 0px;}
.tbl-head{width:638px; background:#ffffff url('../spanimages/grey-grd.jpg') repeat-x left bottom; border-bottom:1px solid #000000; font:20px Arial, Tahoma, Verdana; color:#F68A1E; font-weight:bold; padding:5px 0px 5px 10px;}
.tbl-head_home{width:917px; background:#ffffff url('../spanimages/grey-grd.jpg') repeat-x left bottom; border-bottom:1px solid #000000; font:20px Arial, Tahoma, Verdana; color:#F68A1E; font-weight:bold; padding:5px 0 5px 0;}
.tbl-head_Gallery{font:20px Arial, Tahoma, Verdana;text-align:center; color:#F68A1E; font-weight:bold;text-decoration:underline; padding:5px 0px 15px 8px;float:none;}
.data-row{width:628px; vertical-align:top; border-bottom:1px solid #CBCDD9; font:11px Tahoma, Arial, Verdana; color:#636363; padding:10px 10px 10px 10px;}
.pname{width:300px; font-weight:bold;}
.country{width:175px; font-weight:bold;}
.posted{width:143px;}
.pname a{color:#636363; text-decoration:none;}
.pname a:hover{color:#636363; text-decoration:none;}
.pad90 
{
	padding:5px 40px 45px 32px;
}
.login-sec{width:246px;}
.login{width:246px;}
.login-left{width:6px;}
.login-mid{width:226px; background:url('../spanimages/login-bg.jpg') repeat-x top; padding:5px 5px 5px 5px;}
.login-right{width:4px;}
.login-head{width:200px; background:url('../spanimages/icon-signin.jpg') no-repeat left; border-bottom:1px solid #0C7CC3; font:18px Arial, Tahoma, Verdana; color:#0C7CC3; font-weight:bold; padding:7px 0px 0px 26px; text-transform:uppercase;}
.switch{width:226px; font:11px Tahoma, Arial, Verdana; color:#353535; padding:5px 0px 5px 0px;}
.radio{width:20px;}
.option{width:70px; line-height:17px;}

.loginrow{width:226px;}
.label{width:74px; font:11px Tahoma, Arial, Verdana; color:#636363; font-weight:bold; padding:5px 0px 0px 0px;}
.field{width:150px; padding:3px 0px 3px 0px;}

.forgot-pass{width:123px;font:11px Tahoma, Arial, Verdana; color:#0C7CC3; padding:10px 0px 0px 0px;}
.forgot-pass a{color:#0C7CC3; text-decoration:underline;}
.forgot-pass a:hover{color:#0C7CC3; text-decoration:underline;}

.signin{width:100px; padding:10px 0px 3px 0px;}
.submit{width:97px; height:22px; display:block; background:url('../spanimages/button-bg.jpg') no-repeat left; font:11px Tahoma, Arial, Verdana; text-align:center; color:#353535;}

.slogan{width:246px; text-align:center;}
.pad_btn{padding:17px 0 5px 0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~ Footer CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer{width:950px; border-top:3px solid #CCD3DD; color:#353535; font:11px Tahoma, Arial, Verdana; text-align:center; padding:20px 0px 20px 0px;}
#footer a{color:#398DD4; text-decoration:underline;}
#footer a:hover{color:#398DD4; text-decoration:underline;}

/*~~~~~~~~~~~~~~~~~~~~~~~~ Global CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
.full{width:100%;}
form{margin:0px;}
p{font:11px Tahoma, Arial, Verdana; color:#636363; line-height:14px; padding:5px 0px 10px 0px;}
p span{font:12px Arial, Tahoma, Verdana; color:#859D61; line-height:15px; font-weight:bold; padding:5px 0px 5px 0px;}

h1{width:265px; height:64px; display:block; float:left; background:url('../spanimages/logo.jpg') no-repeat 13px 27px; margin:0px 0px 0px 0px;}
h1 span{display:none;}
h1 a{width:265px; height:64px; display:block;}
h1 a:hover{width:265px; height:64px; display:block;}

h2{font:18px Arial, Tahoma, Verdana; color:#0C7CC3; font-weight:bold; padding:5px 0px 2px 0px; text-transform:uppercase;}
h3{font:20px 'Trebuchet MS', Arial, Tahoma, Verdana; color:#0C7CC3;  padding:5px 0px 5px 0px;}
h3 span{font:20px 'Trebuchet MS', Arial, Tahoma, Verdana; color:#F48900;font-weight:bold;padding:5px 0px 5px 0px; }
h3 p{font:15px 'Trebuchet MS', Arial, Tahoma, Verdana; color:#0C7CC3; font-weight:bold; padding:5px 0px 5px 0px; }
h3 b{font:22px 'Normal', Arial, Tahoma, Verdana; color:#204692; font-weight:bold; padding:5px 0px 5px 0px; }

h3 a{font:25px 'Trebuchet MS', Arial, Tahoma, Verdana; color:#0C7CC3; font-weight:bold; padding:5px 0px 5px 0px; text-decoration:none;}
h3 a:hover{font:25px 'Trebuchet MS', Arial, Tahoma, Verdana; color:#0C7CC3; font-weight:bold; padding:5px 0px 5px 0px; text-decoration:none;}

h4 {font-size:14px; color:#FB7F40; padding-top:8px;}

.bg1{background:#EDF2F7;}

.textfield{border:1px solid #C1C6CC; padding:1px;}


/*===================Payment Page Classes===================*/
h2.orange_pay{font:22px Arial, Tahoma, Verdana; font-weight:bold; padding:5px 0px 2px 0px; text-transform:uppercase;color:#FF8831;}
.middle{ vertical-align:middle;}

#main-col1{width:495px;}
#main-col2{width:378px; padding:0px 0px 0px 22px;}
.databox{width:495px; background:#F7F9F5;  }
.databox-row{width:495px;}
.databox-round-corner{width:9px; height:8px; display:block;}
.databox-round-topbg{width:477px; height:8px; background:#F7F9F5; border-top:1px solid #C0C0C0;}
.databox-round-botbg{width:477px; height:8px; background:#F7F9F5; border-bottom:1px solid #C0C0C0;}

.data-mid{width:477px; background:#F7F9F5; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; padding:0px 8px 0px 8px;}
.sec-title{width:467px; background:#ECF2F7; padding:5px; font:14px Tahoma, Arial, Verdana; color:#F48D00; font-weight:bold;}
.form-sec{width:477px; padding:10px 0px 10px 0px;}
.form-row{width:477px;}
.label_payment{width:167px; text-align:right; font:11px Tahoma, Arial, Verdana; color:#414141; font-weight:bold; padding:5px;}
.field_payment{width:290px; font:11px Tahoma,Arial,  Verdana; color:#414141; padding:5px;}
.field_payment a{font:11px Tahoma,Arial,  Verdana; color:#398DD4; text-decoration:none;}
.field_payment a:hover{font:11px Tahoma,Arial,  Verdana; color:#398DD4; text-decoration:none;}
.select{border:1px solid #7F9DB9; padding:2px;}
.select_tbox{border:1px solid #7F9DB9; padding:2px;}

.input{border:1px solid #7F9DB9; padding:2px;}
.check-sec{width:477px;}
.check{width:32px; font:11px Tahoma,Arial,  Verdana; color:#FF0000;}
.checktxt{width:445px; font:11px Tahoma,Arial,  Verdana; color:#000000;line-height:16px;}
.button-row{width:337px; font:11px Tahoma,Arial,  Verdana; color:#FF0000; font-weight:bold; padding-left:140px;}
.txtbut{width:85px; height:20px; display:block; background:url('../spanimages/b-finalizar.jpg') no-repeat; font:11px Tahoma,Arial,  Verdana; color:#FFF; font-weight:bold; text-align:center; padding:5px 0px 0px 0px; margin:0 auto;}
.txtbut a{width:85px; height:20px; display:block; color:#FFF; text-decoration:none;}
.txtbut a:hover{width:85px; height:20px; display:block; color:#FFF; text-decoration:none;}

.flow-block{width:918px; margin-bottom:10px; }
.flow-thumb{width:916px;   border-left:1px solid #CCD3DD; border-right:1px solid #CCD3DD;  text-align:center; padding:10px 0px 10px 0px;}

.flow-step{width:896px; background:#F7F9F5; border-top:1px solid #CCD3DD; border-bottom:1px solid #CCD3DD; border-left:1px solid #CCD3DD; border-right:1px solid #CCD3DD; font:11px Tahoma, Arial,  Verdana; color:#353535; line-height:16px; padding:10px 10px 10px 10px;}
.flow-step span{font:18px Tahoma, Arial,  Verdana; color:#0C7CC3; font-weight:bold; line-height:30px;}


.span{font:12px Tahoma, Arial,  Verdana; color:#0C7CC3; font-weight:bold;  margin:0px; padding:0px;}

.flow-step ol{margin:0px; padding:0px 0px 0px 20px;}
.flow-step ol li{padding:5px 0px 0px 5px; }

/*===================Google ad Page Classes===================*/
.handshake{width:281px; height:330px; display:block; background:url('../spanimages/handshake.jpg') no-repeat 30px 60px;}
.slogan1{width:281px; font:13px 'Trebuchet MS', Arial, Tahoma, Verdana; color:#0C7CC3; line-height:16px; font-weight:bold;}
.slogan1 span{color:#FF8A00;}

.slogan1 a{font:13px 'Trebuchet MS', Arial, Tahoma, Verdana; color:#0C7CC3; font-weight:bold; padding:5px 0px 5px 0px; text-decoration:none;}
.slogan1 a:hover{font:13px 'Trebuchet MS', Arial, Tahoma, Verdana; color:#0C7CC3; font-weight:bold; padding:5px 0px 5px 0px; text-decoration:none;}
.right{text-align:right;}
.orangecap{width:246px; text-align:center; font:14px 'Trebuchet MS', Arial, Tahoma, Verdana; color:#FF8831; padding:10px 0px 10px 0px; font-weight:bold;}
.portfolio{width:224px; border:1px solid #B9B9B9; padding:0px 10px 0px 10px;}
.portfolio_project{width:236px;  padding:0px 10px 0px 10px; overflow:auto;height: 680px;}
.portfolio-block{width:224px; padding:7px 0px 7px 0px;}
.portfolio-thumb{width:224px; text-align:center; padding:0px 0px 5px 0px;}
.projectname{width:224px; font:11px Tahoma, Arial,  Verdana; text-align:center; font-weight:bold; padding:0px 0px 0px 0px;}
.projectname a{color:#0C7CC3; text-decoration:none;}
.projectname a:hover{color:#0C7CC3; text-decoration:none;}

.portfolio-thumb_down{width:224px; text-align:center; padding:0px 0px 5px 0px;border:2px solid #000000;}
.projectname_down{width:224px; font:11px Tahoma, Arial,  Verdana; text-align:center;  padding:0px 0px 0px 0px;}
.projectname_down a{color:#000000; text-decoration:none;}
.projectname_down a:hover{color:#000000; text-decoration:none;}