@charset "UTF-8";
/* 
	Background-Styles 
*/

body { margin:0px; padding:0px; background-color:#1b5e9f; font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:12px; line-height:25px;}
#main { background-color:#1b5e9f; padding-top:20px;}
#main .container { width:1024px; background:url(../images/main-bg.png) no-repeat;} 
#footer { background-image:url(../images/background_footer.jpg); background-repeat:repeat-x; padding:40px; top:-20px; min-height:130px;}
.container { width:1000px; margin:0 auto; position:relative; background:url(../images/main-bg.png)}

/* Header-Styles */

#header { padding-top:90px; padding-bottom:50px;}
#logo h1, #logo small { margin:0 0 40px 40px; display:block; text-indent:-9999px;}
#logo { width:288px; height:89px; position:absolute; left: 60px; top: 35px;}
.phone-no{ position:absolute;left:760px;top:42px;width:286px;height:40px;z-index:1; font-family:"Bauhaus 93",Arial, Helvetica, sans-serif; font-size:18px; color:#3f9bf2}
.phone-icon{ position:absolute; left:795px;top:40px;width:35px;height:32px;z-index:1;}
ul#menu { margin:0px; padding-right:0 0 0 20px; position:absolute; right:50px;}
ul#menu li { display:inline; margin-left:12px;}
ul#menu li a { text-decoration:none; color:#575757; font-family:"Bauhaus 93", Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
ul#menu li a.active, ul#menu li a:hover { color:#1d5e9c;}

#container-twitter{position:fixed; float:right; left:955px; top:140px; background-color:#FFFFFF; width:54px; height:140px}
#twitter{position:fixed; float:right; left:916px; top:135px; list-style-image:url(../images/bullet1.png); z-index:100}
#twitter-contact{position:fixed; float:right; left:956px; top:147px; list-style-image:url(../images/bullet1.png); z-index:100}
#support{position:fixed; float:right; left:954px; top:265px; width:53px; height:110px}


/* main header */

#gray-block{ margin:0 auto; width:1000px; background:url(../images/main-header-bg.png) repeat-y; padding-right:24px; text-align:left; padding-top:20px;}
.header-text{ font-family:"Bradley Hand ITC", Arial, Helvetica, sans-serif; font-size:41px; color:#575757; line-height:62px; margin:0 0 0 50px; text-align:left}
#shapes{ margin:0 0 0 40px; width:1000px; height:319px; background:url(../images/shape.png) no-repeat;}
#animation{ margin:60px 0 -40px 60px; width:900px; height:205px; background-color:#FFFFFF; border-top: dashed 1px #575757}
#design-div{margin:85px 0 0 42px; width:186px; height:197px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; float:left; text-align:left; }
#development-div{ margin:85px 0 0 42px; width:150px; height:197px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; float:left; padding-left:13px; text-align:left}
#ideas-div{margin:85px 0 0 74px; width:160px; height:197px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; float:left; text-align:left;}
#usability-div{margin:85px 0 0 54px; width:160px; height:197px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; float:left; text-align:left;}
#content{ margin:40px 0 0 0; width:1000px; background:url(../images/content-bg.png) repeat-y; padding-right:24px; text-align:left; padding-top:20px; border-top: dashed 1px #575757; height:380px}
#content1{ margin:0 ; width:1000px; background:url(../images/content-bg.png) repeat-y; padding-right:24px; text-align:left; padding-top:35px; height:220px; padding-bottom:20px}
.content2{ margin:0; width:1000px; background:url(../images/content-bg.png) repeat-y; padding-right:24px; text-align:left; padding-top:25px; height:200px}
#content3{ margin:0; width:1000px; background:url(../images/content-bg.png) repeat-y; padding-right:24px; text-align:left; height:270px}
#content4{ margin:0 ; width:1000px; background:url(../images/content-bg.png) repeat-y; padding-right:24px; text-align:left; padding-top:25px; height:60px}
#content5{ margin:0 ; width:1000px; background:url(../images/footer.png) no-repeat; padding-left:30px; text-align:left; padding-top:25px; height:160px; background-color:#1b5e9f;}
#content6{ margin:0 ; width:1000px; padding-right:24px; text-align:center; padding-top:25px; height:50px; background-color:#1b5e9f; color:#FFFFFF; font-size:11px;}
.form{ margin:0 auto; width:1000px; background:url(../images/content-bg.png) repeat-y; padding-right:24px; text-align:left; padding-top:-25px; height:850px}
.form-body{ margin:0 0 0 50px  ; width:920px; padding-top:25px; text-align:justify; float:left; background-color:#f5f3f3; height:670px}
.text{ margin:0 0 0 90px}


.content-left{ margin:20px 0 0 0; width:550px; padding-left:60px; text-align:justify; float:left;}
.content-left-menu{ margin:20px 0 0 0; width:200px; padding-left:0px; text-align:left; float:left;}
.content-left1{ margin:30px 0 30px 0; width:900px; padding-left:60px; text-align:justify; float:left;}
.content-left2{ margin:0 0 0 50px  ; width:880px; padding-left:20px; padding-right:20px; padding-top:25px; padding-bottom:30px; text-align:justify; float:left; background-color:#f5f3f3; border-top: dashed 1px #575757; border-bottom: dashed 1px #575757; }
.content-body{ margin:0 0 0 50px  ; width:880px; padding-left:20px; padding-right:20px; padding-top:25px; padding-bottom:30px; text-align:justify; float:left; background-color:#f5f3f3;}
.content-left3{ margin:20px 0 0 0; width:550px; padding-left:70px; text-align:justify; float:left;}
.content-left4{ margin:0; width:880px; padding-left:70px; text-align:justify; float:left;}
.content-left-form{ margin:0 0 0 20px  ; width:880px; height:auto; padding-left:20px; padding-right:20px; padding-top:25px; padding-bottom:30px; text-align:justify; float:left; background-color:#f5f3f3; }
.content-right{ margin:20px 0 0 0; width:250px; padding-left:90px; text-align:left; float:left; text-align:justify}
.content-right1{ margin:20px 0 0 0; width:250px; padding-left:90px; text-align:left; float:left; text-align:justify}
.content-right-big{ margin:20px 10px 0 0; width:610px;  text-align:left; float:left; text-align:justify ;}
.content-right-map{ margin:20px 10px 0 0; width:610px;  text-align:right; float:right; text-align:justify ;}

ul#content-right2 { margin:0px; text-align:right}
ul#content-right2 li { display:inline; margin-left:12px;}



.content-right2 a:hover{ margin:0; width:51px; text-align:left; float:right; text-align:justify; padding-left:5px; border:0}

.heading{font-family:"Bauhaus 93", Arial, Helvetica, sans-serif; font-size:46px; color:#FFFFFF; text-align:center; font-weight:normal}
.heading2{font-family:"Bauhaus 93", Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF; text-align:center; font-weight:normal}
.read-more{ margin:15px 0 0 70px; background:url(../images/read-more-btn-bg.png) no-repeat; width:89px; height:28px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#575757; text-decoration:none; text-align:center}
.read-more2{ margin:15px 0 0 45px; background:url(../images/read-more-btn-bg.png) no-repeat; width:89px; height:28px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#575757; text-decoration:none; text-align:center}

.text-heading{ font-size:30px;}
.text-heading-orange{ color:EE9521; font-size:30px; }
.text2{ font-size:16px; line-height:25px}
.text3{ font-size:16px; font-weight:bold; line-height:25px}
.orange-text{ font-size:16px; color:#ef9d2f; font-weight:bold}
.orange-text a:hover{ font-size:16px; color:#ef9d2f; font-weight:bold; text-decoration:underline}
.orange-text{ font-size:16px; color:#ef9d2f; font-weight:bold; }
div.arrow ul{ list-style-type: none; line-height:2.0em; margin: 10px 0 0 0; font-size:16px; color:#225688; text-decoration:none}
div.arrow ul li{margin: 5px 0 0 -22px; list-style-image:url(../images/bullet.png); text-decoration:none}
div.arrow ul a:hover{ text-decoration:none; color:#225688;}
div.arrow ul li a:hover{ text-decoration:none; color:#225688;}

.columna { MARGIN: 0px 20px; PADDING-LEFT: 14px; WIDTH: 110px; PADDING-RIGHT: 0px; FLOAT: left; COLOR: #303030; border-left:1px #999999 solid;}
.footer-text { font-size:12px; text-decoration:none; color:#575757}
.blue-text { font-size:12px; text-decoration:none; color:#3f9bf2}
.footer-text1 { font-size:16px; font-weight:bold; text-decoration:none; color:#575757}
.footer-text1 a:hover{ text-decoration:underline;}
.footer-text a:hover{ text-decoration:underline;}
.footer-text2{font-size:11px; color:#FFFFFF; text-decoration:none;}
.footer-text2 a:hover{text-decoration:none}

/*********************************************/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 875px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 30px 0 0 75px;/*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#images{ border:0; text-align:center}
ul#images1{ margin:0 auto}
ul#images1 li{ display:inline; margin:0 20px 0 0;}

 /*   contact  */

.normal-text{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:100%; height:22px; border:0;}
.input-box{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; border:solid 1px #CCCCCC; width:200px; height:22px; vertical-align:top; text-align:left}
.address-box{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; border:solid 1px #CCCCCC; width:200px; height:40px; vertical-align:top; text-align:left}