@charset "utf-8";
/* CSS Document */

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background:#fff;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#fff;
	width:1000px;
	height:auto;
	text-align: left;
	color:#252525;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a:link{font-weight:bold; color:#06af3c; text-decoration:none;}
a:visited{font-weight:bold; color:#06af3c; text-decoration:none;}
a:active{font-weight:bold; color:#06af3c; text-decoration:none;}
a:hover{font-weight:bold; text-decoration: underline; color:#06af3c;}
a.arrow{background:url(images/bullet.png) no-repeat top right; padding-right:15px;}

h1{color:#06af3c; font-size:18px; font-weight:normal; margin:0px 0px 10px 0px;}
p.question{color:#06af3c; font-size:14px; font-weight:bold; margin:0px 0px 10px 0px;}

img{border:none;}

.hidden{display:none;}

ul li{list-style-image:url(images/bullet.png); margin-bottom:10px;}

/*==========main container==========*/
.mainContainer{width:1000px; height:auto; float:left;}

/*
#     #                                    
#     # ######   ##   #####  ###### #####  
#     # #       #  #  #    # #      #    # 
####### #####  #    # #    # #####  #    # 
#     # #      ###### #    # #      #####  
#     # #      #    # #    # #      #   #  
#     # ###### #    # #####  ###### #    # 
*/

.header{width:1000px; height:121px; float:left;}
.logo{width:282px; height:94px; float:left;}
.menu-top{width:400px; height:auto; float:right; text-align:right; margin:10px 0px 20px 0px;}
.menu-top a{font-size:10px; color:#252525; padding:0px 10px; border-right:1px solid #bcbcbc;}
.menu-top a.last{border-right:none; padding-right:0px;}
.menu-top a:visited{font-size:10px; color:#252525;}
.menu-top a:hover{font-size:10px; color:#252525;}
.telephone{width:400px; height:auto; text-align:right; float:right; color:#06af3c; font-size:18px; font-weight:normal;}
.telephone span.call{font-size:18px; font-weight:normal; color:#252525;}

/*==========header-menu==========*/
.menuContainer{width:1000px; height:27px; float:left; background:url(images/menu-bg.jpg) no-repeat;}
.menu{
	width:990px;
	height:27px;
	float:left;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	margin:0px 5px;
}
.menu ul{background:transparent; height:27px; list-style:none; margin:0; padding:0;}
.menu li{float:left;padding:0px; list-style:none;}
.menu li a{
	background:transparent;
	color:#fff;
	display:block;
	font-weight:normal;
	line-height:27px;
	margin:0px;
	padding:0px 16px;
	text-align:center;
	text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{background:#06af3c; color:#252525; text-decoration:none;}
.menu li ul{
	background:#252525;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:200px;
	z-index:200;
	color:#fff;
	/*top:1em;
	/*left:0;*/
}
.menu li:hover ul{display:block;}
.menu li li {
	background:#252525;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:200px;
	color:#fff;
	border-bottom:1px solid #363636;
}
.menu li:hover li a{background:none;}
.menu li ul a{
	display:block;
	height:23px;
	font-size:12px;
	font-style:normal;
	color:#fff !important;
	margin:0px;
	padding:0px 10px 5px 15px;
	text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{background:#06af3c; border:0px; color:#252525 !important; text-decoration:none;}

/*
#####                                          
#     #  ####  #    # ##### ###### #    # ##### 
#       #    # ##   #   #   #      ##   #   #   
#       #    # # #  #   #   #####  # #  #   #   
#       #    # #  # #   #   #      #  # #   #   
#     # #    # #   ##   #   #      #   ##   #   
 #####   ####  #    #   #   ###### #    #   # 
 */

.top-section{width:1000px; height:343px; float:left;}
.banner{width:673px; height:343px; float:left;}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {display:block; position:absolute; z-index:5; height:100%; top:0;}
.nivo-box {display:block; position:absolute; z-index:5; overflow:hidden;}
.nivo-box img { display:block; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute; top:45%; z-index:9;	cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {	right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {text-align:center; padding: 15px 0;}
.nivo-controlNav a {cursor:pointer;}
.nivo-controlNav a.active {	font-weight:bold;}

.news{width:327px; height:216px; float:left; background:url(images/news-bg.jpg) no-repeat;}
p.news-title{margin:30px 20px 10px 20px; padding-bottom:5px; color:#fff; border-bottom:1px solid #06af3c; font-size:20px;}
.news-item{width:287px; height:50px; float:left; margin:0px 20px 5px 20px;}
.news-img{width:87px; height:50px; float:left; margin-right:10px;}
.news-text{width:190px; height:30px; float:left; margin:10px 0px;}
.news-text a{color:#fff;}
.news-text a:visited{color:#fff;}
.news-text a:hover{color:#fff;}
.news-more{width:287px; float:left; text-align:right; padding-top:5px; border-top:1px solid #3d3d3d; margin:5px 20px;}


.ideas{width:327px; height:127px; float:left; background:url(images/entrepreneurs-bg.jpg) no-repeat;}
p.ideas-text{margin:0px 20px; }
.ideas a{color:#fff;}
.ideas a:visited{color:#fff;}
.ideas a:hover{color:#fff;}
p.ideas-title{margin:20px 20px 5px 20px; padding-bottom:5px; color:#fff; font-size:24px;} 
 
.content{width:653px; height:auto; float:left; padding:10px;}
.split{width:325px; height:auto; float:left;}

.news-item-list{width:653px; height:150px; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #CCC;}
.news-img-list{width:200px; height:150px; float:left; margin-right:10px; background:#ebebeb;}
.news-text-list{width:440px; height:150px; float:left;}

.casestudy-images{width:300px; height:auto; float:left; margin-right:10px;}
.casestudy-text{width:343px; height:auto; float:left;}
p.casestudy-sub{color:#06af3c; font-size:16px; font-weight:normal; }
 
.benefits{width:327px; height:204px; float:left; background:url(images/benefits-bg.jpg) no-repeat;}
p.benefits-title{margin:20px 20px 10px 20px; padding-bottom:5px; color:#252525; border-bottom:1px solid #06af3c; font-size:20px;}
.benefits-more{width:287px; float:left; text-align:right; padding-top:5px; border-top:1px solid #a0a0a0; margin:10px 20px;}
.benefits ul{padding-right:20px; margin:0px;}
.testimonails{
	float: left;
    margin: 0 20px;
    width: 200px;
}

.tyre-tab tr th{
	background:#ebebeb;
	padding:5px;
	font-weight:bold;
	text-align:center;
}
.tyre-tab tr td{text-align:center; border-bottom:2px solid #44b645; vertical-align:top;}
 
/*=============CSS Form=============*/
.cssform{width:653px; height:auto; float:left;}
.cssform label{
	width:653px;
	float: left;
	display: block;
	font-weight:bold;
	color:#252525;
}
.cssform input{width:653px; color:#252525; background:#fff; border:1px solid #CCC;}
.cssform textarea{width:653px; color:#252525; background:#fff; border:1px solid #CCC;}
.submit{
	background:url(images/submit.jpg) no-repeat !important;
	border:none !important;
	cursor:pointer;
	width:123px !important;
	height:38px;
}

.address{width:320px; height:auto; float:left; text-align:left;}

/*
#######                                   
#        ####   ####  ##### ###### #####  
#       #    # #    #   #   #      #    # 
#####   #    # #    #   #   #####  #    # 
#       #    # #    #   #   #      #####  
#       #    # #    #   #   #      #   #  
#        ####   ####    #   ###### #    #
*/

#carousel_container{width:1000px; height:100px; float:left; background:url(images/scroll-bg.jpg) no-repeat;}
#carousel_inner {
float:left; /* important for inline positioning */
width:963px;  /*important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
background: #fff;
margin-top: 15px;
}
#carousel_ul {
position:relative;
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:0px;
}
#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
/* just styling bellow*/
padding:0px;
height:64px;
background:#fff;
margin-left:5px; 
margin-right:5px;
list-style-image:none;
}
#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll{float:left; height:89px; width:16px; background-color:transparent; margin:4px 0px 0px 3px;}
#right_scroll{float:left; height:89px; width:16px; background-color:transparent; margin:4px 0px 0px 0px;}
#left_scroll img, #right_scroll img{cursor: pointer; cursor:default;}


.footer{width:1000px; height:auto; float:left; margin-top:10px;}
.footerLinks{
	width:990px; 
	height:auto;
	float:left;
	border-top:1px solid #bcbcbc;
	padding:8px 5px;
	color:#555555;
	font-size:10px;
}
.footerLinks a{font-size:10px; color:#555555; padding:0px 10px; border-right:1px solid #bcbcbc;}
.footerLinks a.first{padding:0px 10px 0px 0px;}
.footerLinks a.last{border-right:none;}
.footerLinks a:visited{font-size:10px; color:#555555;}
.footerLinks a:hover{font-size:10px; color:#555555;}