/* Hey Eshan I have commented the CSS so you can make simple changes should wish to. Thanks Ben. */
/* Below we have the coding for the body of the page */
body {
   margin: 0px;
   padding: 0px;
   background-color: #FFFFFF;
   }
/* Below we have the coding to remove ugly border that HTML adds automatically to any link image. */
img { border: 0px solid #FFFFFF;
}  
/* Here we have the code to posistion the logo, which is very nice , love the shiny .mobi bit, nice work. */
#logo {
    margin-left: 5%;
	margin-top: 20px;
}
/* Code for the nav bar, this makes it full width, gives it padding, and contains your links at the top. */
#nav {
	width: 97.5%;
	background-image:url(images/nav_bg.jpg);
	background-repeat:repeat-x;
	height: 35px;
	font-family: "Trebuchet MS", Calibri, Arial, Verdana;
	color: #375904;
	font-size: 1.2em;
	padding-left: 2.5%;
	padding-top: 6px;
	word-spacing: 6px;
}
#showcase {
    margin-left: auto;
	margin-top: 20px;
	margin-right: auto;
	width: 800px;
}
.showcase {
    margin: 5px;

}
#left_bar {
     background-color: #b7eff6;
	 width: 225px;
	 float: left;
	 height: 400px;
	
}
#button {
     background-color: #a5dc54;
	 width: 215px;
	 height: 24px;
	 margin-top: 8px;
	 margin-left: 2.5%;
	 clear: both;
	 font-family: "Trebuchet MS", Calibri, Arial, Verdana;
	 color: #ffffff;
	 font-size: 16px;
	
	 
}
.right {
     float: right;
}
.left {
     float: left;
}
#content {
     margin-left: 235px;
	 height: 390px;
	 width: 495px;
	 background-color: #b7eff6;
	 clear: right;
}
#welcome {
	background-color: #a5dc54;
	width: 100%;
	height: 25px;
	font-family: "Trebuchet MS", Calibri, Arial, Verdana;
	color: #ffffff;
	font-size: 16px;
}
#inlay { 
      width: 95%;
	  border: #67a2c0 solid 1px;
	  height: 350px;
	  margin-left: 1%;
	  font-family: "Trebuchet MS", Calibri, Arial, Verdana;
	 color: #67a2c0;
	 font-size: 14px;
	 margin-top: 3px;
	 padding: 5px;
	 text-align: justify;


}
#categroy{
     background-color: #a5dc54;
	 width: 100%;
	 height: 20px;
	 font-family: "Trebuchet MS", Calibri, Arial, Verdana;
	 color: #ffffff;
	 font-size: 16px;
	 text-align: center;
	 margin-top: 40px;
}
#links{
     margin-top: 10px;
     background-color: #e1feb7;
	 width: 95%;
	 font-family: "Trebuchet MS", Calibri, Arial, Verdana;
	 color: #86ad4c;
	 font-size: 22px;
	 text-align: center;
     padding: 10px;
	 padding-top: 30px;
	 height: 150px;

	
}
#ben {
	width:729px;
	background-color: #92dcff;
	height: auto;
	padding:20px 0;
	clear: both;
	


}
#footer {
	padding: 10px;
	width: 710px;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	height:  100px;
	color: #3582bb;
	font-family: "Trebuchet MS", Calibri, Arial, Verdana;
	font-size: 12px;
	margin-top:2px;

}

#list1 { 
   float: left;
   }

/* Heres all the text styles*/
/* These are the styles for the links, a span class called selected is used to create the white link at the top, so all you need to do is change it to <span class="selected".... */
.selected {
   color: #FFFFFF;
}
a { color: #375904;  text-decoration: none;}
a.nav {
   color: #FFFFFF; text-decoration: none;
}
.middle {
   color: #86ad4c; text-decoration: none;
}


/*Domains page*/

.title {
	background:#A5DC54;
	font:18px "Trebuchet MS", Calibri, Arial, Verdana;
	font-weight:bold;
	color:#fff;
	width:225px;
	padding:1px 0;
	text-align:center;
	margin-top:5px;
	float:left;
}

#title2 {
	background:no-repeat right url(images/round-corner.jpg) #A5DC54;
	font:18px "Trebuchet MS", Calibri, Arial, Verdana;
	font-weight:bold;
	color:#fff;
	width:485px;
	padding:1px 0;
	text-align:center;
	margin-top:5px;
	float:left;
}
.list {
	color:#6F9931;
	float:left;
}

.list ul {
	list-style-type:none;
	padding:0 0 0 10px;
	margin:10px 0;
}

.list2 {
	color:#6F9931;
	float:right;
}

.list2 ul {
	list-style-type:none;
	padding:0 10px 0 0;
	margin:10px 0;
}

.list3 {
	color:#253666;
	float:left;
}

.list3 ul {
	list-style-type:none;
	padding:0 30px;
	margin:10px 0;
}

.list a,
.list2 a {
	color:#6F9931;
}

.center {
	width:206px;
	margin:0 auto;
}

#next {
	background:no-repeat bottom-right url(images/next.jpg);
	float:right;
	width:28px;
	height:28px;
}

#next-box {
	width: 495px;
	height:30px;
	background-color: #b7eff6;
	float:left;
}
	
#top-rounded {
	background:no-repeat bottom url(images/rounded-top.jpg);
	width:732px;
	height:7px;
	margin:25px 0 0 0;
}

#bottom-rounded {
	background:no-repeat top url(images/rounded-bottom.jpg);
	width:732px;
	height:7px;
}