* { font-family:"Ubuntu","Myriad Pro","PT Sans",Arimo,"Maven Pro"; font-size:13px; }
html, body { display:block; margin:0; padding:0; }

body { background:#dddddd; }

#headbar { position:fixed; top:0; left:0; right:0; padding-top:12px; background:#ffffff; text-align:center; vertical-align:bottom; z-index:1000; }
#headbar > div { display:inline-block; vertical-align:bottom; }

#logo { width:300px; }
#menubar { }

.menuitems { 
	display:inline-block; line-height:44px; vertical-align:middle; margin:0; padding:0 15px 0 0; text-decoration:none;
	font-weight:bold; letter-spacing:1px; color:#666666; text-align:left;
}


.menuitems .icon { width:44px; height:44px; line-height:44px; vertical-align:middle; font-size:20px; display:inline-block; float:left; background:#cccccc; text-align:center; margin-right:10px; }


.menuitem { 
	display:inline-block; line-height:44px; vertical-align:middle; margin:0 15px 0 0; padding:0; text-decoration:none;
	font-weight:bold; letter-spacing:1px; color:#666666; text-align:left;
}
.menuitem .icon { width:44px; height:44px; line-height:44px; vertical-align:middle; font-size:20px; display:inline-block; float:left; background:#cccccc; text-align:center; margin-right:10px; }
.active { background:#eeeeee; }
.active .icon { background:#11aaff; color:#ffffff; }


.bg-blue { background:#11aaff!important; }
.bg-green { background:#00dd22!important; }
.bg-yellow { background:#ffaa11!important; }


#bannerbar { margin-top:58px; background:#eeeeee; text-align:center; }
#bannerabout { margin-top:58px; background:#eeeeee; text-align:center; }

#banners { display:inline-block; width:1178px; height:298px; border:1px solid #ffffff; margin:20px 2px; overflow:hidden; background:#000000; }
#banners_about { display:inline-block; width:1178px; height:228px; border:1px solid #ffffff; margin:20px 2px; overflow:hidden; background:#000000; }

.banner { width:1178px; height:308px; background-size:cover; margin-bottom:-308px; position:relative; top:0; left:0; }


#banner_0 { background:url(../images/banner-00.jpg); }
#banner_1 { background:url(../images/banner-01.jpg); }
#banner_2 { background:url(../images/banner-02.jpg); }
#banners > div { width:1178px; height:308px; background-size:cover; }

#banner_about { background:url(../images/banner-00.jpg); }
#banner_products { background:url(../images/banner-03.jpg); }
#banner_services { background:url(../images/banner-01.jpg); }
#banner_contacts { background:url(../images/banner-04.jpg); }

.font-100 { font-size:100px; }
.font-50 { font-size:50px; }
.font-25 { font-size:25px; }

.title1 { color:#ffffff; vertical-align:bottom; }

.title1 > .text { text-align:right; font-size:24px; background:rgba(0,0,0,0.2); margin:40px 50px 5px 10px; padding:5px; }

.subtext { background:#c5c5c5; line-height:24px; padding:10px; border:8px solid #e1e1e1; border-left:none; border-right:none; text-align:justify; }
.subtext > div { height: 167px; }

.aboutsubtext { background:#c5c5c5; line-height:24px; padding:10px; border:8px solid #e1e1e1; border-left:none; border-right:none; text-align:justify; }
.aboutsubtext > div { height: 225px; }

.w-0 {width:0px;}
.w-5 {width:5px;}
.w-10 { width:10px; }
.w-70 { width:70px; }
.w-80 { width:80px; }
.w-90 { width:90px; }
.w-100 { width:100px; }
.w-110 { width:110px; }
.w-120 { width:120px; }
.w-200 { width:200px; }
.w-220 { width:220px; }

.h-10 { height:10px; }
.h-15 { height:15px; }
.h-20 { height:20px; }
.h-30 { height:30px; }
.h-40 { height:40px; }
.h-50 { height:50px; }
.h-60 { height:60px; }
.h-70 { height:70px; }
.h-80 { height:80px; }
.h-90 { height:90px; }

.curve-tl { border-top-left-radius:15px; }
.curve-bl { border-bottom-left-radius:15px; }
.curve-tr { border-top-right-radius:15px; }
.curve-br { border-bottom-right-radius:15px; }

.tri-tl { width: 0; height: 0; border-style: solid; border-width: 0 0 10px 11px; border-color: transparent transparent #11aaff transparent; }
.tri-bl { width: 0; height: 0; border-style: solid; border-width: 0 11px 10px 0; border-color: transparent #11aaff transparent transparent; }
.tri-tr { width: 0; height: 0; border-style: solid; border-width: 10px 0 0 11px; border-color: transparent transparent transparent #11aaff; }
.tri-br { width: 0; height: 0; border-style: solid; border-width: 10px 11px 0 0; border-color: #11aaff transparent transparent transparent; }

.float-right { float:right; }
.float-left { float:left; }
.inline-block { display:inline-block; }

.box-container { margin:50px; width:300px; display:inline-block; }

.box { display:inline-block; text-align:left; opacity:0.8; vertical-align:middle; margin:3px 2px; }
.box > i { color:#ffffff; }
.box-68 { width:68px; height:66px; }
.box-32 { width:30px; height:30px; }
.box-128 { width:68px; height:44px; }
.box-140 { width:140px; height:140px; }

.banner-content { width:60%; height:100%; font-size:100px; color:rgba(255,255,255,0.25); text-align:left; }
.banner-link { height:50px; background:rgba(0,0,0,0.5); margin-top:-100px; padding-left:240px; line-height:50px; vertical-align:middle; font-size:24px; color:#ffffff; }
.banner-about { height:50px; background:rgba(0,0,0,0.5); margin-top:-150px; padding-left:240px; line-height:50px; vertical-align:middle; font-size:24px; color:#ffffff; }
.banner-product { width:280px; height:60px; margin:-55px 0 0 50px; }

#aboutbar { margin-top:-22px; text-align:center; padding:20px; background:#e1e1e1; vertical-align:top; }
#aboutbar > div { display:inline-block; background:url(../images/banner-01.jpg); margin:0 10px; vertical-align:top; }

#contentbar { margin-top:-15px; text-align:center; padding:10px; background:#eeeeee; vertical-align:top; }
#contentbar > div { display:inline-block; margin:0 10px; vertical-align:top; }
.about > div { background:url(../images/banner-00.jpg); }
.products > div { background:url(../images/banner-03.jpg); }
/*.services > div { background:url(../images/banner-01.jpg); width:380px; }*/

.service > div { width:360px; margin-bottom:10px; }
.double { width:750px!important; }
.service > .title { color:#ffffff; vertical-align:bottom; }

.service > .title > .text { text-align:right; font-size:24px; margin:35px 50px 5px 10px; padding:5px; }
.service > .title > .text_main { text-align:right; font-size:24px; margin:10px 50px 5px 10px; padding:5px; }

.service > .subtext { background:#c5c5c5; line-height:24px; padding:10px; border:8px solid #e1e1e1; border-left:none; border-right:none; text-align:justify; }
.service > .subtext > div { height: 365px; }


.enquiry > div { width:360px; margin-bottom:10px; }
.enquiry > .title { color:#ffffff; vertical-align:bottom; }

.enquiry > .title > .text { text-align:right; font-size:24px; margin:35px 50px 5px 10px; padding:5px; }
.enquiry > .title > .text_main { text-align:right; font-size:24px; margin:10px 50px 5px 10px; padding:5px; }

.enquiry > .subtext { background:#c5c5c5; line-height:22px; padding:5px; border:8px solid #e1e1e1; border-left:none; border-right:none; text-align:justify; }
.enquiry > .subtext > div { height: 425px; }



#whoweare { width:320px; height:320px; }
#whatwedo { width:510px; height:320px; }
#whatsnew { width:300px; height:320px; }

#aboutus { width:420px; height:350px; }
#aboutwhoweare { width:740px; height:350px; }

#productsbar { text-align:center; background:#d5d5d5; padding:20px; }
#productsbar > div { display:inline-block; vertical-align:middle; }

#productsmenu { width:280px; margin:0 10px; background:#bbbbbb;}
#productsmenu > a { display:block; height:60px; line-height:60px; vertical-align:middle; padding:10px 0; }

#productsmenu > a.active { margin:0 -10px; background:#dddddd; border:1px solid #aaaaaa; }

#productscontainer { width:888px; min-height:320px; margin-left:-33px; background:#eeeeee; }
#productscontainer > div { margin:0; line-height:0; visibility:hidden; }
#productscontainer > div.show { margin:15px 20px; line-height:24px; text-align:left; visibility:visible!important; }

.pull-left { float:left; }
.pull-right { float:right; }

#contactsbar { text-align:center; background:#343742; padding: 20px; }
#contactsbar > div { display:inline-block; vertical-align:middle; }

#contactus { width:298px; background:url(../images/building.jpg); margin-right:570px; }
#phoneus { width:148px; background:url(../images/phone.jpg); }
#contactus, #phoneus { height:148px; background-size:cover; background-position:center; border:1px solid #ffffff; }
#contactus > .overlay { height:68px; line-height:21px; vertical-align:middle; margin-top:80px; }
#phoneus > .overlay { height:28px; line-height:28px; vertical-align:middle; margin-top:100px; }

#contactus strong { display:inline-block; padding:0 6px; line-height:16px; border-radius:8px; background:rgba(255,255,255,0.2); color:#000000; }

#socialmedia { margin: -2px 0; width:160px; }
#socialmedia > a { display:inline-block; width:71px; height:71px; 
	margin:3px 2px; font-size:32px; font-weight:700; text-decoration:none; color:#ffffff; 
	line-height:71px; vertical-align:middle;
}
#socialmedia a span { font-size:32px; }


.facebook { background:#01189a; }
.twitter { background:#01b6ed; }
.googleplus { background:#ff1111; }
.webmail { background:#aaaaaa; }
.googleplus > span { display:inline-block; margin-top:-10px; font-size:16px; }

.overlay { background:rgba(0,0,0,0.7); color:#ffffff; }

#footbar { text-align:center; background:#242732; padding: 15px; color:rgba(255,255,255,0.7); }
#TagsBar { height:1px; overflow:hidden; }

/* new styles */
div.row
{
    clear:left;
    margin:6px;   
}
label
{
    float:left;
    width:200px;
}
textarea
{
    width:200px;
    height:100px;   
}
div.buttons
{
    margin-left:150px;
    margin-top:16px;   
}