/* ---> global styles begin <--- */

BODY {
     color : #4B4B4B;
     margin : 0px;
     text-align : center;
     font-family : Verdana, Arial, sans-serif;
     word-spacing : -1px;
     background : url("page_background.png") #F7F6F2 repeat-x;
}

#page {
     width : 890px; 
     margin : auto;
     font-size : 11px;
}

a {
     color : #258EC3;
     text-decoration : none;
}

a:hover {
     color : #0C688F;
     text-decoration : none;
}

b {
     color : #258EC3;
     font-size : 12px;
}


INPUT {
      font-size : 11px;
      color : #4B4B4B;
      border : 1px solid #D9D9DA;
}

INPUT:focus {
      font-size : 11px;
      color : #4B4B4B;
      border : 1px solid #FB6F18;
}

TEXTAREA {
     color : #4B4B4B;
     font-size : 11px;
     line-height : 16px;
     border : 1px solid #D9D8D3;
     font-family : Verdana, Arial, sans-serif;
}

TEXTAREA:focus {
     color : #4B4B4B;
     font-size : 11px;
     line-height : 16px;
     border : 1px solid #FB6F18;
     font-family : Verdana, Arial, sans-serif;
}

H1 {
     margin : 0px;
     padding-top : 5px;
     padding-bottom : 5px;
     font-size : 13px;  
     color : #FB6F18;
     text-align : left;
}

H2 {
     margin : 0px;
     padding-top : 5px;
     font-size : 13px;  
     color : #FB6F18;
     text-align : left;
}

P {
     margin-top : 10px;
     margin-bottom : 0px;
}

UL {
     margin-top : 10px;
     margin-bottom : 0px;
}

img {
     border : 0px;
}

.bor0 {
     border : 0px;
}

.bor0:focus {
     border : 0px;
}

/* ---> global styles end <--- */


/* ---> banner, left column and footer begin <--- */ 

#icons div {
     float : right;
     text-align : right;
     padding-right : 30px;
     padding-top : 16px;
     padding-bottom : 8px;
}

#banner_top {
     background : url("banner_top.png") no-repeat top right;
}

#banner_left {
     float : left;
     padding-top : 41px;
     padding-left : 47px;
     height : 120px;
     width : 300px;
     background : url("banner_left.png");
     vertical-align : top;
     text-align : left;
}

#banner_right {
     float : left;
     width : 535px;
     height : 161px;
     background : url("banner_right.jpg") no-repeat bottom;
}

#shadow_middle {
     height : 27px;
     width : 8px;
     background : url("shadow_middle.png");
}

.shadow_bottom {
     background : url("shadow_bottom.png");
     vertical-align : top;
}

.column_left  {
     width : 240px;
     vertical-align : top;
     background : url("column_left.png");
     text-align : left;
     font-weight : bold;
}

#menu {
     padding-left : 27px;
     padding-right : 27px;
     width : 186px;
     height : 242px;
     background : url("menu.png");
}

#menu div {
     padding-top : 50px;
}

#information {
     padding-left : 27px;
     padding-right : 27px;
     width : 186px; 
     height : 210px;
     background : url("information.png");
}

#information_links {
     padding-top : 47px;
}

#information_contact div {
     padding-top : 4px;
     height : 20px;
     display : block;
}

#menu span, #information_links span {
     padding-top : 4px; 
     display : block;
}

#information_contact span {
     color : #258EC3;
}

#menu A, #information_links A {
     height : 24px;
     color : #258EC3;
     text-decoration : none;
     display : block;
}

#menu A:hover, #information_links A:hover {
     color : #0C688F;
     text-decoration : none;
     background : url("arrow_orange.gif") no-repeat right;
}

.main_content {
     width : 642px;
     vertical-align : top;
     background : #FFFFFF;
}

#div_right {
     float : right;
}

#div_right img {
     border : 0px;
     display : block;
}

#footer {
     height : 67px;
     background : url("footer.png") no-repeat top;
     color : #FFFFFF;
     vertical-align : top;
}

#footer a  {
     color : #FFFFFF;
     text-decoration : none;
}

#footer_left {
     float : left;
     padding-top : 16px;
     width : 240px;
     text-align : center;
}

#footer_right {
     float : right;
     padding-top : 16px;
     padding-right : 25px; 
}

/* ---> banner, left column and footer end <--- */ 


/* ---> main content begin <--- */ 

#navigation {
     padding-left : 20px;
     padding-top : 7px;
     height : 20px;
     background : url("navigation.png");
     text-align : left;
}

.main_content_text {
     padding-left : 40px;
     padding-right : 40px;
     padding-top : 10px;
     padding-bottom : 10px;
     text-align : left;
     line-height : 16px;
     clear : both;
}

.introduction {
     width : 395px;
     padding-left : 40px;
     padding-top : 10px;
     text-align: left;
     line-height : 16px;
     float : left;
}

.estore {
     width : 170px; 
     margin-left : 7px;
     margin-right : 7px;
     margin-top : 13px;
     text-align : center;
     line-height : 16px;
     float : left;
}

.estore p {
     margin-top : 17px;
}

.estore_description {
     padding-left : 40px;
     padding-right : 40px;
     padding-top : 1px;
     padding-bottom : 10px;
     text-align : left;
     line-height : 16px;
     clear : both;
}

#estore_functions {
     width : 100%;
     margin-top : 10px;
     background : #D9D9DA;
     font-size : 11px;
}

.cell {
     padding-left : 8px;
     padding-right : 8px;
     background : #FFFFFF;
     width : 50%;
     text-align : left;
     line-height : 16px;
}

.table_head {
     color : #258EC3;
     background : #F5F6F6;
     text-align : center;
     line-height : 16px;
     font-weight : bold;
}

.text_indent {
     text-indent : 35px;
}

.package {
     padding-left : 40px;
     padding-bottom : 10px;
     width : 280px; 
     text-align : left;
     line-height : 16px;
     float : left;
}

.package ul {
     padding-left : 25px;
}

.portfolio {
     padding-top : 10px; 
     padding-bottom : 10px; 
     width : 33%;
     text-align : center;
     float : left;
     line-height : 16px;
}

.reference_padding {
     padding-bottom : 10px; 
     color : #258EC3;
}

.required_padding {
     float : left; 
     width : 430px;
     padding-bottom : 30px;
}

.title {
     clear : both;
     float : left;
     width : 220px;
     padding-top : 13px;
}

.field {
     float : left;
     width : 210px;
     padding-top : 10px;
}

.required {
     float : left;
     color : #FB6F18;
     padding-top : 13px;
}

.enquiry {
     margin-top : 5px;
}

#button_left {
     padding-left : 40px;
     padding-bottom : 10px;
     padding-top : 10px;
     text-align : left;
     clear : both;
     float : left;
}

#button_right {
     padding-right : 40px;
     padding-bottom : 10px;
     padding-top : 10px;
     text-align : right;
     float : right;
}

/* ---> main content end <--- */