/* Top Elements */

body {

    height:100%;

    font:14px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;

}

strong {

    font-weight: bold

}

.clear {

    clear:both;

    height:50px;

}



/*Heading Style FONT SIZE START

--------------------------------------*/

h1 {font-size: 1.8em;}

h2 {font-size: 1.5em;}

h3 {font-size: 1.2em;}

h4 {font-size: 0.9em;}

h5 {font-size: 0.7em;}

h6 {font-size: 0.6em;}



h1, h2, h3, h4, h5, h6 {font-weight: bold;}



h1 {margin-left: 0px; margin-right: 0px; margin-top: 8px;  margin-bottom: 8px;}

h2 {margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px;}

h3 {margin-left: 0px; margin-right: 0px; margin-top: 12px; margin-bottom: 12px;}

h4 {margin-left: 0px; margin-right: 0px; margin-top: 16px; margin-bottom: 16px;}

h5 {margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 20px;}

h6 {margin-left: 0px; margin-right: 0px; margin-top: 28px; margin-bottom: 28px;}





/*Heading Style FONT SIZE END

---------------------------------------------*/





/*-------------------------------------------

   LAYOUT

--------------------------------------------*/ 



#wrapperHome {

    background-repeat: repeat-x;

    background-position: center top;

    background-image: url(../images/bg-home.jpg);



}

#wrapperInner {

    background-repeat: repeat-x;

    background-position: center top;

    background-image: url(../images/bg-inner.jpg);

    margin: auto;

}



#contentWrapper {

    width:960px;

    margin: 0 auto;

}

#spotInner {

    width:960px;

    height:126px;

    background-image: url(../images/sprite.png);

    background-position: 0px -1016px;

    background-repeat: no-repeat;

    margin-top: 0;

    margin-right: auto;

    margin-bottom: 0;

    margin-left: auto;

}

.box {

    width:671px;

    float:right;

    margin-left: 20px;

    margin-bottom: 0px;

    margin-right: 13px;

    text-align: justify;

    min-height: 300px;

    height: auto;

    overflow: visible;

    padding: 10px;

    border-left: 1px dotted #ddd;

    border-right: 1px dotted #ddd;





}



.box p.caption {

    text-align: left; width: 760px; margin-left: 250px; color: #ccc; text-shadow: 1px 1px 1px #000;; font: 700 2.2em monospace;



}



.box p {

    text-align: justify;

}



.box {

    font:14px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;



}



.box ul {

    list-style: outside;

    margin-left: 50px;

    line-height: 25px;

}



/*.box h2 {

    color: #000;

    font-size: 16px;

    line-height: 25px;

    margin: 10px;

}



.box h3 {

    color: #000;

    font-weight: 700;

    font-size: 13px;

    line-height: 25px;

    margin: 10px;

}*/



.box2 {

    width:210px;

    float:left;

    margin-left: 14px;

    margin-bottom: 0;

    margin-right: -9px;

    height: 100%;

    overflow: visible;

    padding-left: 5px;

    padding-right: 12px;

    border-left: 1px dotted #ddd;

    border-right: 1px dotted #ddd;

}



.signTestimonials {

    color:#6699CC;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

}



/*>>>>>>>>> HEADER >>>>>>>>>>>>>>*/



#header {

    width:960px;

    height:91px;

    background-image: url(../images/bg_header.jpg);

    background-position: 0px 0px;

    background-repeat: repeat-x;

}

#header h1 a {

    width:280px;

    height:38px;

    display:block;

    position:relative;

    top:25px;

    text-indent:-99999px;

}

#spotHeader {

    height: 91px;

    width: 480px;

    float: left;

    margin: 0 auto;



}



/*>>>>>>>>> NAVIGATION >>>>>>>>>>>>>>*/



.menuTab {

    width:960px;

    height:53px;

    background-image: url(../images/sprite.png);

    background-repeat: no-repeat;

    background-position: 0px -163px;

    margin-left: 10px;

    margin: 0 auto;

}

.menuTab li {

    float:left;

    display:block;

}

.menuTab a {

    display:block;

    float: left;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: 23px -101px;

}



.menu_home a {	

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -8px -163px;

    text-indent: -9999px;

}

.menu_about a {

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -124px -163px;

    text-indent: -9999px;

}

.menu_services a {

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -240px -163px;

    text-indent: -9999px;

}

.menu_products a {

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -356px -163px;

    text-indent: -9999px;

}

.menu_clients a {

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -472px -163px;

    text-indent: -9999px;

}

.menu_contact a {

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -588px -163px;

    text-indent: -9999px;

}



.menu_home a:hover {

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -8px -225px;

    text-indent: -9999px;

}

.menu_about a:hover{

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -124px -225px;

    text-indent: -9999px;

}

.menu_services a:hover {

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -240px -225px;

    text-indent: -9999px;

}

.menu_products a:hover {

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -356px -225px;

    text-indent: -9999px;

}

.menu_clients a:hover {

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -472px -225px;

    text-indent: -9999px;

}

.menu_contact a:hover {

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -588px -225px;

    text-indent: -9999px;

}



.menu_home a.active {	

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -8px -101px;

    text-indent: -9999px;

}

.menu_about a.active {	

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -124px -101px;

    text-indent: -9999px;

}

.menu_services a.active {	

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -240px -101px;

    text-indent: -9999px;

}

.menu_products a.active {	

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -356px -101px;

    text-indent: -9999px;

}

.menu_clients a.active {	

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -472px -101px;

    text-indent: -9999px;

}

.menu_contact a.active {	

    display: block;

    width:116px;

    height: 53px;

    background-image: url(../images/sprite.png);

    background-position: -588px -101px;

    text-indent: -9999px;

}

.btnMore {

    display: block;

    background-image: url(../images/sprite.png);

    background-position: -487px -1458px;

    background-repeat: no-repeat;

    text-indent: -9999px;

    height: 31px;

    width: 101px;

    position: relative;

}

.btnMore:hover {

    text-decoration:none;

    display: block;

    background-image: url(../images/sprite.png);

    background-position: -601px -1458px;

    background-repeat: no-repeat;

    text-indent: -9999px;

    height: 31px;

    width: 101px;

}



/*>>>>>>>>> FOOTER >>>>>>>>>>>>>>*/



#footerWrap {

    background-image: url(../images/bg-footer.jpg);

    display: block;

    overflow: visible;

    background-color: #D3D3D3;

    background-repeat: repeat-x;

    position: relative;

}

#footerContent {

    width: 960px;

    display: block;

    overflow: hidden;

    position: relative;

    margin: 0 auto;

}

#footerNews1, #footerNews2, #footerNews3 {

    width:260px;

    float:left;

    margin-right: 20px;

    margin-bottom: 0;

    margin-left: 40px;

    margin-top: 50px;



    height: 300px;

}



#copyright {

    text-align: center;

    font-size: 11px;

    font-weight: bold;

    letter-spacing: 0.3mm;

    color: #919191;

    

}





#footerNews1, #footerNews2 {

    background-image: url(../images/sprite_vert.png);

    background-repeat: no-repeat;

    background-position: 250px 0px;



}



#titleNews {

    display: block;

    width:157px;

    height: 25px;

    position: relative;

    margin-bottom: 5px;

    font-size: 1.4em;

    text-shadow: 2px 2px 2px #fff;

}

#titleEmpty {

    display: block;

    width:157px;

    height: 25px;

    position: relative;

    margin-bottom: 5px;

    margin-left: -15px;

    font-size: 1.4em;

    text-shadow: 2px 2px 2px #fff;

}

#titleOffices {

    display: block;

    width:270px;

    height: 25px;

    position: relative;

    margin-bottom: 5px;

    font-size: 1.4em;

    text-shadow: 2px 2px 2px #fff;

    margin-left: -30px;

}	

#footerNews1 ul, #footerNews2 ul, #footerNews3 ul{

    list-style-type: disc;

    line-height: 24px;

    list-style-position: inside;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: #666666;

}



#footer_mail_1 {

    width: 135px;

    float: left;

}



#footer_mail_2 {

    width: 128px;

    height: 96px;

    float: right;

}



#footer_mail_ico {

    margin-top: 2px;

    margin-left: 3px;

    opacity: .8;

    width: 95px;

    height: 65px;

}



#footer_map_ico {

    margin-left: 30px;

}



/*>>>>>>>>> TEXT LINKS >>>>>>>>>>>>>>*/



a:link, a:visited, a:active {

    color: #0099FF;

    text-decoration: none;

    font-weight: bold;

}

a:hover {

    color: #0099FF;

    text-decoration: underline;

    font-weight: bold;

}



/*>>>>>>>>> GLOBAL TXTS >>>>>>>>>>>>>>*/



p {

    text-align:left;

    font:14px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;

    line-height: 20px;

    color: #000;

    font-weight: 500;

    padding-bottom: 10px;

}



.title {

    text-align:left;

    font-family: Arial;

    font-size: 12px;

    line-height: 18px;

    color: #666666;

    font-weight: bold;

}



.items li {

    padding-bottom: 20px;

}





/*-------------------------------------------

   PAGES

--------------------------------------------*/ 

/*>>>>>>>>> HOME >>>>>>>>>>>>>>*/



#spotHome {

    width:960px;

    height:246px;

    /*background-image: url(../images/slider3.jpg);*/ /*Moved to header For M*/

    margin: 0 auto;

}

#spotHome h3 {

    display:none;

    text-indent:-99999px;

}

#featured {

    float:right;

    width:490px;

    height:180px;

    margin-top: 32px;

}

#featured h4 {

    width:1px;

    height:1px;

    text-indent:-99999px;

    display: block;

}

#featured a#prev {

    width: 26px;

    height: 165px;

    display:block;

    text-indent:-99999px;

    float:left;

    margin-right: 10px;

    background-image: url(../images/sprite.png);

    background-repeat: no-repeat;

    background-position: -699px -1153px;

}

#featured a:hover#prev {

    background: url(../images/sprite.png) no-repeat -748px -1153px;

}

#featured a#next {

    width: 26px;

    height: 165px;

    text-indent:-99999px;

    display:block;

    float: right;

    background-image: url(../images/sprite.png);

    background-position: -862px -1153px;

}

#featured a:hover#next {

    background: url(../images/sprite.png) no-repeat -913px -1153px;

}

#featured .works {

    float:left;

    width: 395px;

    height: 190px;

}

.container {

    width:420px;

    height:180px;

    overflow:hidden;

    position:relative;

    cursor:pointer;

}

.slides {

    position:absolute;

    top:0;

    left:0;

}

.slides div {

    position:absolute;

    top:0;

    width:420px;

    display:none;

}



/* subContent */



#tabHome {

    width:960px;

    height:75px;

    background-image: url(../images/content_header_big.jpg);



    margin: 0 auto;

    display: block;

}

#tabHome h2 {



    display: block;

    margin-left: 70px;

    margin-top: 25px;

    font: bolder 1.5em sans-serif;

    font-style: italic;

    color: #666666;

    text-shadow: 3px 3px 3px #fff;

    float:left;

}

#subHome {

    width:960px;

    /* min-height: 300px; */

    margin: 0 auto;

    overflow: visible;

}



#bulletlist {

    line-height: 21px;

    list-style-image: url(../images/home/bullets.png);

    list-style-type: circle;

    list-style-position: inside;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: #666666;

}



/*>>>>>>>>> ABOUT >>>>>>>>>>>>>>*/



#tabAbout {

    width:960px;

    height:75px;

    background-image: url(../images/sprite.png);

    background-position: 0px -366px;

    margin: 0 auto;

    display: block;

}

#tabAbout h2 {

    width:1px;

    display: block;

    text-indent:-99999px;

    float:left;

}

#titleAbout {

    width:400px;

    height:35px;

    text-indent:-99999px;

    background-image: url(../images/sprite.png);

    background-repeat: no-repeat;

    display: block;

    float: left;

    position: relative;

    background-position: -8px -1155px;

    margin-top: 46px;

    margin-left: 7px;

}



#subAbout {

    width:960px;

    height:255px;

    margin-top: 0;

    margin-right: auto;

    margin-left: auto;

}

#subAbout h4 {

    width:1px;

    height:1px;

    text-indent:-99999px;

}



/*>>>>>>>>> SERVICES >>>>>>>>>>>>>>*/









#tabServices {

    width:960px;

    height:75px;

    background-image: url(../images/sprite.png);

    background-position: 0px -444px;

    margin: 0 auto;

    display: block;

}

#tabServices h2 {

    width:1px;

    display: block;

    text-indent:-99999px;

    float:left;

}

#titleServices {

    width:600px;

    height:35px;

    text-indent:-99999px;

    background-image: url(../images/sprite.png);

    background-repeat: no-repeat;

    display: block;

    float: left;

    position: relative;

    background-position: -8px -1197px;

    margin-top: 48px;

    margin-left: 7px;

}



#subServices {

    width:960px;

    height:255px;

    margin-top: 0;

    margin-right: auto;

    margin-left: auto;

}

#ServTitle01 {

    display: block;

    width:230px;

    height:25px;

    text-indent: -9999px;

    background-image: url(../images/sprite.png);

    background-position: -10px -1357px;

    margin-right: 10px;

    margin-bottom: 3px;

}

#ServTitle02 {

    display: block;

    width:230px;

    height:25px;

    text-indent: -9999px;

    background-image: url(../images/sprite.png);

    background-position: -247px -1357px;

    margin-right: 10px;

    margin-top: 3px;

}

#ServTitle03 {

    display: block;

    width:230px;

    height:25px;

    text-indent: -9999px;

    background-image: url(../images/sprite.png);

    background-position: -484px -1357px;

    margin-right: 10px;

    margin-top: 3px;

}

#ServTitle04 {

    display: block;

    width:230px;

    height:25px;

    text-indent: -9999px;

    background-image: url(../images/sprite.png);

    background-position: -722px -1357px;

    margin-right: 10px;

    margin-top: 3px;

}



/*>>>>>>>>> PRODUCTS >>>>>>>>>>>>>>*/



#tabProducts {

    width:960px;

    height:75px;

    background-image: url(../images/sprite.png);

    background-position: 0px -522px;

    margin: 0 auto;

    display: block;

}

#tabProducts h2 {

    width:1px;

    display: block;

    text-indent:-99999px;

    float:left;

}

#titleProducts {

    width:600px;

    height:35px;

    text-indent:-99999px;

    background-image: url(../images/sprite.png);

    background-repeat: no-repeat;

    display: block;

    float: left;

    position: relative;

    background-position: -8px -1236px;

    margin-top: 48px;

    margin-left: 7px;

}



#subProducts {

    width:960px;

    height:500px;

    margin-top: 0;

    margin-right: auto;

    margin-left: auto;

}

#ProdTitle01 {

    display: block;

    width:230px;

    height:25px;

    text-indent: -9999px;

    background-image: url(../images/sprite.png);

    background-position: -10px -1384px;

    margin-right: 10px;

    margin-bottom: 3px;

}

#ProdTitle02 {

    display: block;

    width:230px;

    height:25px;

    text-indent: -9999px;

    background-image: url(../images/sprite.png);

    background-position: -247px -1384px;

    margin-right: 10px;

    margin-top: 3px;

}

#ProdTitle03 {

    display: block;

    width:230px;

    height:25px;

    text-indent: -9999px;

    background-image: url(../images/sprite.png);

    background-position: -484px -1384px;

    margin-right: 10px;

    margin-top: 3px;

}

#ProdTitle04 {

    display: block;

    width:230px;

    height:25px;

    text-indent: -9999px;

    background-image: url(../images/sprite.png);

    background-position: -722px -1384px;

    margin-right: 10px;

    margin-top: 3px;

}

/*>>>>>>>>> CLIENTS >>>>>>>>>>>>>>*/



#tabClients {

    width:960px;

    height:75px;

    background-image: url(../images/sprite.png);

    background-position: 0px -600px;

    margin: 0 auto;

    display: block;

}

#tabClients h2 {

    width:1px;

    display: block;

    text-indent:-99999px;

    float:left;

}

#titleClients {

    width:600px;

    height:35px;

    text-indent:-99999px;

    background-image: url(../images/sprite.png);

    background-repeat: no-repeat;

    display: block;

    float: left;

    position: relative;

    background-position: -8px -1314px;

    margin-top: 46px;

    margin-left: 7px;

}



#subClients {

    width:960px;

    height:283px;

    margin-top: 0;

    margin-right: auto;

    margin-left: auto;

}

#subClients h4 {

    width:1px;

    height:1px;

    text-indent:-99999px;

}



/*>>>>>>>>> CONTACT >>>>>>>>>>>>>>*/



#tabContact {

    width:960px;

    height:75px;

    background-image: url(../images/sprite.png);

    background-position: 0px -678px;

    margin: 0 auto;

    display: block;

}

#tabContact h2 {

    width:1px;

    display: block;

    text-indent:-99999px;

    float:left;

}

#titleContact {

    width:600px;

    height:35px;

    text-indent:-99999px;

    background-image: url(../images/sprite.png);

    background-repeat: no-repeat;

    display: block;

    float: left;

    position: relative;

    background-position: -8px -1316px;

    margin-top: 46px;

    margin-left: 7px;

}



#subContact {

    width:960px;

    height:250px;

    margin-top: 0;

    margin-right: auto;

    margin-left: auto;

}



/*>>>>>>>>> FORM >>>>>>>>>>>>>>*/



.input, textarea {

    -moz-border-radius:5px 5px 5px 5px;

    -webkit-border-radius:5px 5px 5px 5px;

    background-image:url("../images/form_bg.jpg");

    background-repeat:repeat-x;

    border:1px solid #D6D6D6;

    color:#185889;

    font-size:11px;

    font-weight: bold;

    margin-bottom:10px;

    margin-right:4px;

    margin-top:3px;

    padding:5px;

}



label {

    display:block;

    width: 100%;

    text-align: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: #666666;

    height: 40%;

    padding-bottom: 5px;

}



/*buttons*/



.button {

    -moz-border-radius:5px 5px 5px 5px;

    -webkit-border-radius:5px 5px 5px 5px;

    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);

    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);

    background:url("../images/button_bg.jpg") repeat-x scroll 0 0 #0078e0;

    border-color:#32312F #32312F rgba(0, 0, 0, 0.25);

    border-style:solid;

    border-width:1px;

    color:#FFFFFF;

    cursor:pointer;

    font-size:10px;

    padding:4px 20px;

    text-decoration:none;

    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);

}

.button:hover {

    -moz-border-radius:5px 5px 5px 5px;

    -webkit-border-radius:5px 5px 5px 5px;

    -moz-box-shadow:0 2px 6px rgba(0, 0, 0, 0.5);

    -webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.5);

    background:url("../images/button_bg.jpg") repeat-x scroll 0 0 #01466f;

    border-color:#32312F #32312F rgba(0, 0, 0, 0.25);

    border-style:solid;

    border-width:1px;

    color:#000;

    cursor:pointer;

    font-size:10px;

    padding:4px 20px;

    text-decoration:none;

    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);

}



/*buttons*/









.message {

    background:#BEDAEA;

    color:#666666;

    display:none;

    width:250px;

    padding:10px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;

    line-height: 14px;

}

.contact {text-align:right;}

.contact ul {list-style-type:none;width:250px;}

.contact li {list-style-type:none;}

.contact li.special {display:none;}



#msgArea {

    width:230px;

    height: 80px;

    border: 1px solid #FFFFFF;

    background-color: #EEEEEE;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: #999999;

    float: left;

}



/*>>>>>>>>> SEARCH >>>>>>>>>>>>>>*/



#spotSearch {

    height: 91px;

    width: 480px;

    float: right;

    position: relative;

}

#btnSearch {

    background-image: url(../images/sprite.png);

    background-repeat: no-repeat;

    background-position: -900px -26px;

    height: 41px;

    width: 41px;

    float: right;

    margin-top: 26px;

    margin-right: 19px;

    cursor: pointer;

    border: none;

}

#btnSearch:hover {

    background-image: url(../images/sprite.png);

    background-repeat: no-repeat;

    background-position: -900px -106px;

    height: 41px;

    width: 41px;

    float: right;

    margin-top: 26px;

    margin-right: 19px;

    cursor: pointer;

    border: none;

}

#boxSearch {

    float:left;

    width: 120px;

    margin-left: 280px;

    margin-top: 33px;

    height: 25px;

}



.lang_flags {

    color: #fff;

    position: absolute;

    top: 15px;

    right: 45px;

}

.lang_flags img {

    width: 33px;

    height: 21px;

    -moz-box-shadow: 1px 1px 1px #3366FF;

    box-shadow: 1px 1px 1px #3366FF;

    -webkit-box-shadow: 1px 1px 1px #3366FF;



}





/* VERTICAL NAVIGATION */



.vmenu_containter_sub {

    background-image: url(../js/vmenu/no_flicker_black.jpg);

    background-repeat: repeat-x;

    height: 40px;



}



.vnav_container{

    width:217px;

    min-height: 280px;

    height: auto;

    display: block;

    background-image: url(../js/vmenu/no_flicker.jpg);



}





.vnav_sub {

    width: 215px;

    line-height: 20px;

    margin-left: 0px;

    font-weight: bolder;

    padding-top: 10px;

    padding-left: 15px;

    background: url(../js/vmenu/pixel_arrow_right_normal.png) no-repeat -7px 12px;

}

.vnav_sub:hover {

    margin-left: 3px;

}



.vnav_sub a{

    color: #FFF;

    text-shadow: 1px 0px 1px #000;

    font-size: 12px;

    text-decoration: none;



}

.vnav_sub a:hover{

    color: #466bfe;

    text-shadow: 1px 0px 1px #fff;

    font-size: 12px;

    text-decoration: none;

}



#nav_label {

    float: left; width: 200px; margin-left: 75px;

}

#page_label {

    width: 500px; float: left; padding-left: -10px;

}



/*#vertmenu {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 1.1em;

    width: 160px;

    padding: 0px;

    margin: 0px;

}



#vertmenu h1 {

    display: block;

    background-color:#FF9900;

    font-size: 90%;

    padding: 3px 0 5px 3px;

    border: 1px solid #000000;

    color: #333333;

    margin: 0px;

    width:159px;

}



#vertmenu ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    border: none;

}

#vertmenu ul li {

    margin: 0px;

    padding: 0px;

}

#vertmenu ul li a {

    font-size: 90%;

    font-weight: 600;

    display: block;

    padding: 15px 0px 2px 35px;

    text-decoration: none;

    color: #444;

    text-shadow: 1px 1px 1px #fff;

    width:175px;

    background-image: url(../images/vnav_bg.jpg);

    background-repeat: repeat-x;

    height: 30px;

    margin-top: -10px;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

}



#vertmenu ul li a:hover, #vertmenu ul li a:focus {

    height: 30px;

    color: #4d73fa;

    text-shadow: 1px 1px 1px #fff;

    background-color: #eeeeee;

    background-image: url(../images/vnav_bg_hover.jpg);

    background-repeat: repeat-x;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

} */



/* VERTICAL NAVIGATION */







/*FORM STYLE*/

#content_form{

    margin:15px auto;

    text-align:center;

    width:600px;

    position:relative;

    height:100%;

}

#wrapper_form{

    -moz-box-shadow:0px 0px 3px #aaa;

    -webkit-box-shadow:0px 0px 3px #aaa;

    box-shadow:0px 0px 3px #aaa;

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

    border-radius:10px;

    border:2px solid #fff;

    background-color:#f9f9f9;

    width:600px;

    overflow:hidden;

}

#steps{

    width:600px;

    /*height:320px;*/

    overflow:hidden;

}

.step{

    float:left;

    width:600px;

    /*height:320px;*/

}

#navigation{

    height:45px;

    background-color:#e9e9e9;

    border-top:1px solid #fff;

    -moz-border-radius:0px 0px 10px 10px;

    -webkit-border-bottom-left-radius:10px;

    -webkit-border-bottom-right-radius:10px;

    border-bottom-left-radius:10px;

    border-bottom-right-radius:10px;

}

#navigation ul{

    list-style:none;

    float:left;

    margin-left:22px;

}

#navigation ul li{

    float:left;

    border-right:1px solid #ccc;

    border-left:1px solid #ccc;

    position:relative;

    margin:0px 2px;

}

#navigation ul li a{

    display:block;

    height:45px;

    background-color:#444;

    color:#777;

    outline:none;

    font-size: 12px;

    font-weight:bold;

    text-decoration:none;

    line-height:45px;

    padding:0px 20px;

    border-right:1px solid #fff;

    border-left:1px solid #fff;

    background:#f0f0f0;

    background:

        -webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.09, rgb(240,240,240)),

        color-stop(0.55, rgb(227,227,227)),

        color-stop(0.78, rgb(240,240,240))

        );

    background:

        -moz-linear-gradient(

        center bottom,

        rgb(240,240,240) 9%,

        rgb(227,227,227) 55%,

        rgb(240,240,240) 78%

        )

}

#navigation ul li a:hover,

#navigation ul li.selected a{

    background:#d8d8d8;

    color:#666;

    text-shadow:1px 1px 1px #fff;

}

span.checked{

    background:transparent url(../images/checked.png) no-repeat top left;

    position:absolute;

    top:0px;

    left:1px;

    width:20px;

    height:20px;

}

span.error{

    background:transparent url(../images/error.png) no-repeat top left;

    position:absolute;

    top:0px;

    left:1px;

    width:20px;

    height:20px;

}

#steps form fieldset{

    border:none;

    padding-bottom:10px;

}

#steps form legend{

    text-align:left;

    background-color:#f0f0f0;

    color:#666;

    font-size:20px;

    text-shadow:1px 1px 1px #fff;

    font-weight:bold;

    float:left;

    width:590px;

    padding:5px 0px 5px 10px;

    margin:10px 0px;

    border-bottom:1px solid #fff;

    border-top:1px solid #d9d9d9;

}

#steps form p{

    float:left;

    clear:both;

    margin:2px 0px;

    background-color:#f4f4f4;

    border:1px solid #fff;

    width:400px;

    padding:1px;

    margin-left:100px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -moz-box-shadow:0px 0px 3px #aaa;

    -webkit-box-shadow:0px 0px 3px #aaa;

    box-shadow:0px 0px 3px #aaa;

}

#steps form p label{

    width:190px;

    float:left;

    text-align:right;

    margin-right:15px;

    line-height:26px;

    color:#666;

    text-shadow:1px 1px 1px #fff;

    font-weight:bold;

    font-size: 11px;

}

#steps form input:not([type=radio]),

#steps form textarea,

#steps form select{

    background: #ffffff;

    border: 1px solid #ddd;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    outline: none;

    padding: 5px;

    width: 170px;

    float:left;

}

#steps form input:focus{

    -moz-box-shadow:0px 0px 3px #aaa;

    -webkit-box-shadow:0px 0px 3px #aaa;

    box-shadow:0px 0px 3px #aaa;

    background-color:#FFFEEF;

}

#steps form p.submit{

    background:none;

    border:none;

    -moz-box-shadow:none;

    -webkit-box-shadow:none;

    box-shadow:none;

}

#steps form button, #registerButton {

    border:none;

    outline:none;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    color: #ffffff;

    display: block;

    cursor:pointer;

    margin: 0px auto;

    clear:both;

    padding: 7px 25px;

    text-shadow: 0 1px 1px #777;

    font-weight:bold;

    font-family:"Century Gothic", Helvetica, sans-serif;

    font-size:22px;

    -moz-box-shadow:0px 0px 3px #aaa;

    -webkit-box-shadow:0px 0px 3px #aaa;

    box-shadow:0px 0px 3px #aaa;

    background:#4797ED;

}

#steps form button:hover, #registerButton:hover {

    background:#d8d8d8;

    color:#666;

    text-shadow:1px 1px 1px #fff;

}



#steps form #export {

    width: 5px;

}

#steps form #inport {

    width: 5px;

}



.radio_chk_span {

    font-size: 14px;

    line-height: 30px;

}



/*FORM STYLE*/







/*Contact form*/

.contact_form {

    margin-top: 20px;

    margin-bottom: 50px;

    border: 1px solid #aaa;

    padding: 30px 20px;

    border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    background-image: url(../images/mail_big.png);

    background-repeat: no-repeat;

    background-position: 435px 15px;



}



.contact_form legend {

    margin-left: 30px;

    padding: 0px 10px;

    font-size: 20px;

    font-weight: bold;

}



.contact_form label {

    font:14px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;

    color: #000;

    width: 100px;

    float: left;

    text-align: right;

    padding-right: 15px;

    padding-top: 6px;

}



.contact_form input {

    width: 240px;

    float: left;

}



.contact_form input:focus, .contact_form textarea:focus, #qname:focus, #qemail:focus, #qmessage:focus{

    -moz-box-shadow:0px 0px 3px #aaa;

    -webkit-box-shadow:0px 0px 3px #aaa;

    box-shadow:0px 0px 3px #aaa;

    background-image: none;

    background-color:#FFFEEF;

}



.clear_form {

    clear: both;

}



#registerButton {

    margin-left: 115px;

    padding-left: 50px;

    padding-right: 50px;

    width: 400px;

}



.contact_text {

    width: 550px;

    padding-left: 200px;

    margin-bottom: 35px;

    font-size: 14px;

    line-height: 25px;

}



#bussiness_card {

    margin-left: 30px;

}



.val_err {

    color: red;

    float: right;

    width: 250px;

    margin-top: 5px;

    font-size: 12px;

    /*margin-left: 120px;*/

}

/*Contact form*/





/*Services Boxes START*/

.services_box {

    width: 295px;

    height: 177px;

    background-image: url(../images/services.png);

    background-repeat: no-repeat;

    position: relative;

    padding-top: 1px;

    margin: 0px 15px;

}

.services_box h2 {

    font-size: 16px;

    letter-spacing: -0.1mm;

    font-weight: bolder;

    color: #000;

    text-shadow: 1px 0px 1px #fff;

    width: 250px;

    height: 30px;

    text-align: center;

    margin-left: 22px;

    margin-bottom: -2px;

}

.services_box p{

    height: 70px;

    color: #fff;

    font-size: 13px;

    text-align: center;

    padding: 1px 15px;

    line-height: 18px;

}

.services_box a {

    color: #fff;

    font-size: 20px;

}

.services_read_more {

    margin-top: 12px;

}

/*Services Boxes END*/



/*Services Boxes V2 START

------------------------------------*/

.s_box {

    position: relative;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    -webkit-box-shadow: 3px 3px 10px #000000;

    -moz-box-shadow: 3px 3px 10px #000000;

    box-shadow: 3px 3px 10px #000000;

    background-image: -moz-linear-gradient(top, #D3D3D3 81%, #C0C0C0);

    background-image: -moz-linear-gradient(top, #DDDDDD 81%, #C0C0C0);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.81, #D3D3D3), color-stop(1.0, #C0C0C0));

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.81, #DDDDDD), color-stop(1.0, #C0C0C0));

    border: 2px solid #808080;

    background-color: #DDDDDD;

    padding: 5px 10px;

    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;

    font-size: 12pt;

    color: #000000;

    text-align: center;

    outline: 0px solid #000000;

    padding-bottom: 20px;

    margin: 30px 0px;

}

.s_box h3 {

    width: 93%;

    text-align: left;

    /*background-color: #fff;*/

    /*border-left: 1px solid #C0C0C0;

    border-top: 1px solid #C0C0C0;

    border-bottom: 1px solid #C0C0C0; */

    padding: 3px 2px;

    -webkit-border-radius: 10px 0px 0px 10px;

    -moz-border-radius: 10px 0px 0px 10px;

    border-radius: 10px 0px 0px 10px;

    padding-left: 10px;

}



.s_box img {

    position: absolute;

    right: 20px;

    top: 16px;

    border: 5px solid #C0C0C0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px 5px 5px 5px;

    border-radius: 5px;

    margin: 14px 10px 10px 10px;

}



.s_box p {

    width: 450px;

    padding-left: 30px;

}

.s_box .read_more {

    text-align: left;

}



/*Services Boxes V2 END

-------------------------------------*/





/* Currnet Projects START

-------------------------------*/

.currnet_project {

    margin-bottom: 40px;

}



.currnet_project h3 {

}



#currnet_projects_h2 {

    background-color: #eee;

    width: 95%;

    border: 1px solid #ccc;

    padding: 5px 0px 10px 30px;

}

/* Currnet Projects EBD

-------------------------------*/