/* -------------------------------------------------------------- 
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */
/*#top {border:1px solid #f00;}
#body {border:1px solid #f00;}*/

body {margin:0; background-color: #fff}
body, div {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;}
a, a:hover {outline:none;}


.logo {margin:20px 0 10px 20px;}

.questions, .call-us {float:right; font-family:Arial, Helvetica, sans-serif; margin-right:20px; clear:both; cursor:default; font-weight:bold;} 
.questions { font-size:14px; color:#999; margin-top:60px;}
.call-us { color:#00a6ec; font-size:25px; background:url(../../img/phone.png) no-repeat 0 8px; padding-left:30px; letter-spacing:2px}

.totalNav {clear:both; margin-top:10px; height:45px; *margin-bottom:10px;}
.navLeft {width:22px; float:left;}
.navRight {width:15px; float:right}
.navigation{ background:url(../../img/navBg.png) repeat-x 0 0; width:913px; height:45px; float:left}
.navigation ul {margin:0; padding:0; width:900px}
.navigation li, .navigation li a{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; float:left; list-style-type:none; text-transform:Capitalise}
.navigation li a, .navigation li a:hover{text-decoration:none;padding:11px 20px 12px 20px;}
.navigation li a{ background:url(../../img/navSpace.png) no-repeat right top; color:#011e4f;}
.navigation li a:hover{ background:url(../../img/navSpaceHover.png) no-repeat right top; color:#fff;}


.navigation ul li ul {
	margin-top:45px;
	height:25px;
}

.navigation ul li ul li a, .navigation ul li ul li a:hover {padding:5px 20px 0 20px; border:1px solid #b1d3e1; clear:both;background:#fff url(../../img/spacer.png); float:none; display:block; margin-right:1px; width:100px;}

.navigation ul li ul li a{
	background-color:#fff;
	height:25px;
}
.navigation ul li ul li a:hover{
	background-color:#00a3eb;
	height:25px;
}



.navigation ul ul {
position: absolute;
z-index: 500;
}

.navigation ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div.navigation ul ul,
div.navigation ul li:hover ul ul,
div.navigation ul ul li:hover ul ul
{display: none;}

div.navigation ul li:hover ul,
div.navigation ul ul li:hover ul,
div.navigation ul ul ul li:hover ul
{display: block;}




.banner {margin-top:10px; height:311px}
.banner img {margin-top:-5px;}


/*Home specific styles*/
.input{ background:url(../../img/button.png) no-repeat 0 0; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; padding:0 0 0 0; border:none; height:36px; width:110px; font-size:14px; margin:0 0 10px 30px; }
.home_box {background:url(../../img/home_box.png) no-repeat 0 0; padding:13px 15px 10px 12px; width:283px; margin:12px 10px 0 0; height:135px;}
.home_box h1 {background: url(../../img/arrow1.png) no-repeat 0 1px; font-family:trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; color:#222; padding:0 0 0 20px; margin:0 0 5px 0; font-weight:bold; cursor:default}
.home_box p { padding-left:2px; text-align:justify}
.home_box span {text-align:right; color:#00a6eb; background:no-repeat right 6px; padding:0 10px 0 0; font-size:10px; font-weight:bold; clear:both; float:right}
.home_box span a {color: #00a6eb; text-decoration:none;}
.home_box span a:hover {color: #000; text-decoration:underline;}
.bottom{ background:url(../../img/bottomBg.png) no-repeat 0 5px; height:44px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#8b8b8b; font-size:11px; padding:15px 0 0 0; text-align:center; }
.bottom a{ color:#0b78bf; font-size:11px; text-decoration:none;}
.bottom a:hover{ color:#000; font-size:11px; text-decoration:underline;}
.copyright{font-family:Tahoma, Arial, Helvetica, sans-serif; color:#8b8b8b; font-size:11px;  text-align:left; margin-top:-8px}

td{ border-bottom:none}

/*innerpage specific styles*/

.page {margin-bottom:5px;}
.heading h2{ color:#727272; font-size:12px; padding:0 0 0 20px; font-weight:bold}
.leftspace h3{ color:#00a3eb; font-family:trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; padding:0 0 0 0; font-weight:bold; margin:0}
.leftspace{ padding:10px 0 20px 10px; font-family:trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px; color:#222}
.leftspace h1{padding:0; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#0b78bf; font-weight:bold; margin:0 0 10px 0; cursor:default}

.heading{font-family:AG Foreigner Light-Plain, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; margin:10px 0 10px 0; padding:75px 0 0 20px; height:140px; color:#727272; font-weight:bold; font-size:34px;}


.ourmission{ background:url(../../img/ourMission.jpg) no-repeat 0 0; }
.ourvalues{ background:url(../../img/ourvalues.jpg) no-repeat 0 0; }
.whower{ background:url(../../img/whower.jpg) no-repeat 0 0; }
.suppliers{ background:url(../../img/suppliers.png) no-repeat 0 0; }
.contact{ background:url(../../img/contact.jpg) no-repeat 0 0; }
.about{ background:url(../../img/amout.jpg) no-repeat 0 0; }
.store{ background:url(../../img/stores.jpg) no-repeat 0 0; }

/*making the main curved body */

.t {background: #fff url(../../img/dot.gif) 0 0 repeat-x; width: 950px; }
.t2 {background: #fff url(../../img/dot.gif) 0 0 repeat-x; }
.t3 {background: #fff url(../../img/dot.gif) 0 0 repeat-x; }
.b {background: url(../../img/dot.gif) 0 100% repeat-x}
.l {background: url(../../img/dot.gif) 0 0 repeat-y}
.r {background: url(../../img/dot.gif) 100% 0 repeat-y}
.bl {background: url(../../img/bl.gif) 0 100% no-repeat}
.br {background: url(../../img/br.gif) 100% 100% no-repeat}
.tl {background: url(../../img/tl.gif) 0 0 no-repeat}
.tr {background: url(../../img/tr.gif) 100% 0 no-repeat; padding:10px} 

.main {margin-bottom:6px}
.leftside { margin-right:0; margin-bottom:0; margin-left:-22px; *margin-left:0; margin-top:12px; *margin-top:0;}
.rightside {background-color:#0f0; float:right; width:670px; margin-top:-5px; *margin-top:0}