@font-face {
    font-family: din;
    src: url("fonts/dinregularwebfont.ttf");
}


* {
margin-left:auto;
margin-right:auto;
direction:ltr;
font-family:din;
}

html {
overflow-y: scroll;
}

body {
background-color:white;
}

#main_div {
width:1000px;
height:auto;
min-height:1000px;
}

#top_div {
width:1000px;
height:70px;
}

#logo_section {
width:350px;
height:70px;
background-color:rgb(238,238,238);
float:left;
}

#main_menu_div {
width:590px;
height:70px;
background-color:rgb(238,238,238);
float:left;
}

#search_div {
width:60px;
height:70px;
background-color:rgb(238,238,238);

float:left;
}


#main_menu {
list-style-type: none;
margin: 0;
padding: 0;
}


#main_menu li {
display:inline;
height:100%;
vertical-align:middle;
line-height:70px;
float:left;
}

#main_menu li a {
background-color:rgb(238,238,238);
text-decoration:none;
font-family:din;
color:black;
height:100%;
width:100%;
display:block;
padding: 0px 10px;
}

#main_menu li a.selected {
background-color:rgb(56,146,30);
color:white;
}

#search_form {
width:300px;
height:50px;
background-color:rgb(56,146,30);
overflow:hidden;
border-radius:3px;
z-index:99999;
display:none;
}

#keyword_id {
width:160px;
color:rgb(56,146,30);
border-radius:3px;
padding: 0px 10px;
font-size:14pt;
font-family:din;
margin-top:8px;
height:35px;
margin-left:15px;
border:0px;
}

#search_icon {
text-align:center;
}

#submit_search_b {
width:80px;
color:rgb(56,146,30);
border-radius:3px;
padding: 0px 10px;
font-size:14pt;
font-family:din;
margin-top:8px;
height:35px;
margin-left:2px;
border:0px;
background-color:white;
text-align:center;
}

#about_section {
height:330px;
width:1000px;
background-color:white;
text-align:center;
}

#about_us_title {
font-size:20pt;
padding:10px 0px;
font-family: din;
color:rgb(56,146,30);
}

#about_us_text {
font-size:12pt;
width:400px;
text-align:justify;
color:black;
margin-top:0px;
padding:top:0px;
}


#web_market_div {
width:1000px;
height:330px;
background-color:rgb(56,146,30);
}

#web_market_top_div {
width:1000px;
height:60px;
text-align:center;
}

#web_marketing_title {
font-size:24pt;
padding:20px 0px;
font-family: din;
color:white;
}

#web_market_down_div {
width:1000px;
height:270px;
}


#web_development_div {
width:1000px;
height:480px;
background-color:rgb(256,256,256);
overflow:hidden;
}

#web_development_top_div {
width:1000px;
height:60px;
text-align:center;
}

#web_development_title {
font-size:24pt;
padding:20px 0px;
font-family: din;
color:rgb(56,146,30);
}

#web_development_down_div {
width:1000px;
height:420px;
}

.icon_div {
width:150px;
height:140px;
float:left;
margin-left:20px;
}

.icon_top_div {
width:150px;
height:100px;
text-align:center;
}

.icon_down_div {
width:150px;
height:40px;
text-align:center;
}

.icon_down_div2 {
width:150px;
height:40px;
text-align:center;
}

#container {
margin-left:auto;
margin-right:auto;
width:770px;
}

.icon_down_div label {
font-family: din;
color:white;
}

.icon_down_div2 label {
font-family: din;
color:rgb(56,146,30);
}

#gcontainer {
width:400px;
height:150px;
display:none;
}
#div_up {
width:400px;
height:30px;
text-align:center;
}

#div_down {
width:400px;
height:120px;
}

.desc {
width:400px;
height:120px;
background-color:white;
display:none;
}

.desc_top {
width:400px;
height:80px;
}
.desc_top p {
width:90%;
font-family:din;
padding:10px;
color:rgb(56,146,30);
line-height:140%;
}

.desc_down {
width:400px;
height:40px;
}

.desc_down a {
font-family:din;
float:right;
margin-right:40px;
text-decoration:none;
}


.desc2 {
width:400px;
height:120px;
background-color:rgb(56,146,30);
display:none;
}

.desc2_top {
width:400px;
height:80px;
}
.desc2_top p {
width:90%;
font-family:din;
padding:10px;
line-height:140%;
}

.desc2_down {
width:400px;
height:40px;
}

.desc2_down a {
font-family:din;
float:right;
margin-right:40px;
text-decoration:none;
}

#contactus {
width:1000px;
height:400px;
z-index:9999;
display:none;
}

#contact_top {
width:1000px;
height:360px;
border-top: 1px solid black;
}
#contact_down {
width:1000px;
height:40px;
}

#contact_section1 {
width:333px;
height:360px;
float:left;
overflow:hidden;
}

#contact_section2 {
width:334px;
height:360px;
float:left;
}

#contact_section3 {
width:333px;
height:360px;
float:left;
}

.contact_section_title {
font-size:18pt;
font-family:din;
color:rgb(56,146,30);
display:inline-block;
margin-top:20px;
margin-left:6px;
}

#newsletter_label {
font-size:12pt;
font-family:din;
color:rgb(0,0,0);
text-align:justify;
}

#newsletter_form {

}

#email_input {
width:290px;
height:25px;
font-family:din;
font-size:16pt;
padding:10px;
border-radius:5px;
}

#submitb {
width:100px;
height:40px;
border:0px;
font-family:din;
font-size:16pt;
padding:10px;
background-color:rgb(56,146,30);
color:white;
cursor:pointer;
margin-top:10px;
}

#contact_section11 {
width:333px;
height:60px;
}
#contact_section12 {
width:333px;
height:60px;
}
#contact_section13 {
width:333px;
height:240px;
}

#contact_section21 {
width:334px;
height:60px;
}

#contact_section22 {
width:334px;
height:60px;
}

#contact_section221 {
width:40px;
height:60px;
float:left;
}

#contact_section222 {
width:294px;
height:60px;
float:left;
}

#contact_section23 {
width:334px;
height:60px;
}

#contact_section231 {
width:40px;
height:60px;
float:left;
}

#contact_section232 {
width:294px;
height:60px;
float:left;
}

#contact_section24 {
width:334px;
height:60px;
}

#contact_section241 {
width:40px;
height:60px;
float:left;
}

#contact_section242 {
width:294px;
height:60px;
float:left;
}

.contact_info {
display:inline-block;
margin-top:7px;
}

#contact_section31 {
width:333px;
height:60px;
}
#contact_section32 {
width:333px;
height:260px;
}

.text_input {
width:300px;
height:30px;
font-family:din;
font-size:12pt;
margin-top:5px;
padding:5px;
border-radius:5px;
}

.textarea_input {
width:292px;
height:80px;
font-family:din;
font-size:12pt;
margin-top:5px;
padding:10px;
border-radius:5px;
}

#sendb {
width:100px;
height:35px;
font-family:din;
font-size:14pt;
margin-top:5px;
background-color:rgb(56,146,30);
color:white;
border:0px;
cursor:pointer;
}

.social_icon {
margin-left:3px;
}

#contact_down1 {
width:300px;
height:40px;
float:left;
}

#contact_down2 {
width:700px;
height:40px;
float:left;
}

#footer {
width:1000px;
min-height:80px;
height:auto;
position:fixed;
bottom:0px;
z-index:99999;
}

#footer_up_arrow_section {
width:1000px;
height:30px;
text-align:center;
}

#footer_copyright_section {
width:1000px;
height:50px;
background-color:white;
}

#footer_copyright_sectionl {
width:700px;
height:50px;
float:left;
}

#footer_copyright_sectionr {
width:300px;
height:50px;
float:left;
}

#footer_down_arrow_section {
text-align:center;
height:30px;
}

#contactsustopmain {
background-color:white;
}

#information {
width:1000px;
height:600px;
}

.empty_space  {
width:1000px;
height:100px;
}

#info_desc {
width:1000px;
min-height:400px;
height:auto;
}

#info_descl {
width:590px;
min-height:400px;
float:left;
height:auto;
}

#info_descl_top {
width:590px;
height:50px;
}

#info_descl_bottom {
width:590px;
min-height:350px;
height:auto;
}

#info_descr {
width:410px;
min-height:350px;
height:auto;
float:left;
}

.fixed {
position:fixed;
top:0px;
z-index:999;
}

.info_title {
font-size:20pt;
margin-left:30px;
display:inline-block;
margin-top:20px;
}

.green {
color:rgb(56,146,30);
}

.info_desc_text {
font-size:12pt;
margin-left:30px;
text-align:justify;
width:540px;
}

#sub_menu1 {
list-style-type: none;
margin: 0;
padding: 0;
background-color:rgb(238,238,238);
display:none;
}

#sub_menu1 li {
height:50px;
vertical-align:middle;
line-height:70px;
padding: 5px 10px;
}

#sub_menu1 li:hover {
background-color:green;
}

#sub_menu1 li a {
display:block;
width:100%;
height:100%;
text-decoration:none;
color:black;
}
#sub_menu1 li a:hover {
color:white;
}






#sub_menu2 {
list-style-type: none;
margin: 0;
padding: 0;
background-color:rgb(238,238,238);
display:none;
}

#sub_menu2 li {
height:50px;
vertical-align:middle;
line-height:70px;
padding: 5px 10px;
}

#sub_menu2 li:hover {
background-color:green;
}

#sub_menu2 li a {
display:block;
width:100%;
height:100%;
text-decoration:none;
color:black;
}
#sub_menu2 li a:hover {
color:white;
}

#about_us_more_label {
float:right;
margin-right:300px;
text-decoration:none;
color:black;
}