/* Website */

#page {


	width: 100%;
	height: 100%;
	

}


/*------------ IMAGES ------------*/

#frame-a{
	background: url(/images/home/frame.png) no-repeat center top;
	display: block;
	height: 204px;
	width: 220px;
	margin: 0;
	padding: 5px 5px 10px;
}
.box1 {
	padding: 3px 6px 0px;
}

.box1 img:hover
{
	opacity:0.3;
	filter:alpha(opacity=50);
}

#web{

	position: relative;
	background-image: url(/images/show/home-show.gif);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 820px;

}

#page-text{
	
	position: relative;
	top: 128px;
	width: 100%;
	height: 925px;
	background-color:#f2f2f2;
	border-top: 2px solid #ffffff;
	border-bottom: 4px solid #b3b3b3;

	
}

#text-box{
	margin: auto;
	position: relative;
	top: 50px;
	padding-left: 20px;
	width: 900px;
	height: 100%;
}

#Design{

	position: relative;
	top: 80px;
}

#Hosting{

	position: relative;
	top: 120px;
}

#Searching{

	position: relative;
	top: 120px;
}

#Services{

	position: relative;
	top: 120px;
}

#hosting-pic{

	position: relative;
	background: url(/images/web/host-pic1.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 438px;

}

#search{
	position: relative;
	background: url(/images/web/ser-eng-1.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 438px;

}

#services-pic{

	position: relative;
	background: url(/images/web/services-1.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 438px;

}

#h-line{

	margin: 0 auto;
	position: relative;
	top:120px;
	background: url(/images/web/art-d.png) repeat-x;
	height: 10px;
	width: 100%;

}



/*------------ 	TEXT  ------------*/


/*------------ media width 975------------*/

@media only screen and (max-width : 975px) {
	
#page {


	width: 100%;
	height: 8275px;
	

}

#web{

	position: relative;
	background-image: url(/images/show/home-show-sm.gif);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 513px;

}

#h-line{

	margin: 0 auto;
	position: relative;
	top:120px;
	background: url(/images/web/art-d.png) repeat-x;
	height: 10px;
	width: 100%;

}

.column {
	height: 400px;
}

#text-box{

	width: 500px;
	height: 100%;
}

#Design{

	position: relative;
	top: 55px;
}

#Hosting{

	position: relative;
	top: 120px;
}

#web11{

	position: relative;
	background-image: url(/images/show/wep-pic2.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 765px;

}

#hosting-pic{

	position: relative;
	background: url(/images/web/host-pic2.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 765px;

}

#search{
	position: relative;
	background: url(/images/web/ser-eng-2.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 765px;

}

#services-pic{

	position: relative;
	background: url(/images/web/services-2.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 765px;

}

#page-text{
	
	position: relative;
	top: 125px;
	width: 100%;
	height: 1025px;

	
}

#featured{
	position: relative;
	top: 200px;
	width: 500px;
	height: 600px;
}

}

/*------------ media width 625 ------------*/

@media only screen and (max-width : 625px) {
	
#page {


	width: 100%;
	height: 9240px;
	

}

#h-line{

	margin: 0 auto;
	position: relative;
	top:150px;
	background: url(/images/web/art-d.png) repeat-x;
	height: 10px;
	width: 100%;

}

#Design{

	position: relative;
	top: 55px;
}

#Hosting{

	position: relative;
	top: 150px;
}

#Searching{

	position: relative;
	top: 150px;
}

#Services{

	position: relative;
	top: 150px;
}

#web{

	position: relative;
	background-image: url(/images/web/wep-pic3.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 545px;

}

#hosting-pic{

	position: relative;
	background: url(/images/web/host-pic3.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 545px;

}

#search{
	position: relative;
	background: url(/images/web/ser-eng-3.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 545px;

}

#services-pic{

	position: relative;
	background: url(/images/web/services-3.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 545px;

}

#text-box{

	width: 300px;
	height: 100%;
}

#page-text{
	
	position: relative;
	top:150px;
	height: 1500px;
}

#text-box{

	width: 300px;
	height: 100%;
}

#featured{

	position: relative;
	top: 200px;

}


}

/*------------ media width 540 ------------*/

@media1 only screen and (max-width : 540px) {


#page {

	width: 100%;
	height: 4100px;
}



#page-text{
	position: absolute;
	top: 1000px;
	width: 100%;
	height: 1500px;
}

#featured{

	position: relative;
	top: 1700px;
	width: 250px;
	height: 100px;
}
}


/*------------ media width 450 ------------*/

@media only screen and (max-width : 450px) {
	
#page {


	width: 100%;
	height: 9380px;
	

}

#page-text-s{
	
	position: relative;
	top:150px;
	height: 1550px;
}

#home-page-text1{
	position: absolute;
	top: 850px;
	width: 100%;
	height: 1700px;
}


#featured1{

	position: relative;
	top: 1700px;
	width: 250px;
	height: 100px;
}


}

/*------------ media width 320------------*/

@media only screen and (max-width : 320px) {
	


}