/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	background:#121212 url(../images/body.jpg) repeat-x 0 0;
}

#PageContainer {
margin:0 auto;
width:960px;
}

#header
{
height:110px;
width:960px;
position:relative;
}

#header .logo
{
position:relative;
float:left;
width:237px;
height:91px;
}
#header .free-ebay
{
position:relative;
float:left;
width:252px;
height:101px;
left:45px;
}

#header .contact
{
position:relative;
float:right;
width:384px;
height:91px;
}

*{
	list-style:none;
}
#menucontainer{
	position:relative;
	height:68px;
	color:#FFFFFF;
	background:#E2018E;
	width:1150px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:19px;
	left:-135px;
	}
#menunav{
	position:relative;
	height:68px;
	font-size:17px;
	background:#fff url(../images/background.jpg) repeat-x bottom left;
	padding:0 0 0 0;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:19px;
	}
	
#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;
	padding-top:8px;
	}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;
	padding-left:41px;
	width:100px;
	height:54px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:19px;
	}

#menunav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	height:54px;
	width:132px;
	text-align:center;
	padding-top:5px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:19px;
	}

#menunav ul li a span{
	height:54px;
	width:132px;
	text-align:center;
	}

#menunav ul li a:hover{
	color:#fff;	
	background:transparent url(../images/hover.gif) no-repeat;
	text-align:center;
	}

#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;
	text-align:center;
	}

#menunav ul li a.current{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	height:54px;
	width:132px;
	text-align:center;
	padding-top:13px;
	background:transparent url(../images/hover.gif) no-repeat;
	}

#menunav ul li a.current span{
	height:54px;
	width:132px;
	text-align:center;
	}
	
#menunav ul li a.current2{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	height:54px;
	width:132px;
	text-align:center;
	background:transparent url(../images/hover.gif) no-repeat;
	}

#menunav ul li a.current2 span{
	height:54px;
	width:132px;
	text-align:center;
	}

#Container {
background:url("../images/container.jpg") repeat-y scroll 50% 0 transparent;
margin:0 auto;
float:left;
position:relative;
width:960px;
}

#ContentLeftColumn {
float:left;
position:relative;
width:182px;
background-color:#FFFFFF;
padding:15px 9px 0 9px;
}
.LeftLatestProjects {
background:url("../images/latest_projects.jpg") no-repeat scroll 0 0 transparent;
height:532px;
width:182px;
margin-bottom:20px;
padding-top:10px;
}
.LeftLatestProjectsHeading {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-left:20px;
}
.LeftLatestProjectsImage1 {
padding-left:10px;
padding-top:25px;
}
.LeftLatestProjectsImage1Text1 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:45px;
padding-top:15px;
}
.LeftLatestProjectsImage1Text2 {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:45px;
}
.LeftLatestProjectsImage1Text3 {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:45px;
padding-top:20px;
font-weight:bold;
}
.LeftLatestProjectsImage1Text3 a:link,
a:active {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.LeftLatestProjectsImage1Text3 a:visited{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.LeftLatestProjectsImage1Text3 a:hover {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}
.LeftLatestProjectsImage2 {
padding-left:10px;
padding-top:10px;
}
.LeftLatestProjectsImage2Text1 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:45px;
padding-top:15px;
}
.LeftLatestProjectsImage2Text2 {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:45px;
}
.LeftLatestProjectsImage2Text3 {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:45px;
padding-top:15px;
font-weight:bold;
}
.LeftLatestProjectsImage2Text3 a:link,
a:active {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.LeftLatestProjectsImage2Text3 a:visited{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.LeftLatestProjectsImage2Text3 a:hover {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}
.LeftTestimonials {
background:url("../images/testimonials.jpg") no-repeat scroll 0 0 transparent;
height:532px;
width:182px;
margin-bottom:20px;
padding-top:10px;
}
.LeftTestimonialsHeading {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-left:20px;
padding-bottom:40px;
}
.LeftTestimonialsText {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:12px;
padding-top:20px;
width:160px;
}
.LeftTestimonialsCompany {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:12px;
padding-top:15px;
width:160px;
}
.LeftTestimonialsReadMore {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}
.LeftTestimonialsReadMore a:link,
a:active {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}

.LeftTestimonialsReadMore a:visited{
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}
.LeftTestimonialsReadMore a:hover {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
font-weight:normal;
}

#ContentMidColumn {
float:left;
position:relative;
width:542px;
background-color:#FFFFFF;
padding:0px 9px 0 9px;
}
.ContentMidColumnHeading {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:20px;
}
.ContentMidColumnHeadingSmall {
color:#7F7F7F;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
position:relative;
top:-20px;
}
#eBay-Banner {
position:relative;
float:left;
width:542px;
height:225px;
margin-bottom:20px;
background:url("../images/eBay_design_banner.jpg") no-repeat;
}
#eBay-Banner #eBay-Text-Area {
position:relative;
float:right;
width:225px;
height:225px;
}
#eBay-Banner #eBay-Text-Area .eBay-Heading {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
margin-bottom:10px;
margin-top:20px;
}
#eBay-Banner #eBay-Text-Area .eBay-Text {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-bottom:10px;
margin-top:10px;
}
#eBay-Banner #eBay-Text-Area .eBay-Text span {
color:#333333;
font-weight:bold;
}
#eBay-Banner #eBay-Text-Area .eBay-Text2 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-bottom:10px;
margin-top:20px;
}#eBay-Banner #eBay-Text-Area .eBay-Text2 span {
color:#E1008F;
font-weight:bold;
font-size:15px;
}
.ContentMidColumnSubHeading {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:10px;
}
.ContentMidColumnSubHeading2 {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:10px;
}
.ContentMidColumnText {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
margin-bottom:20px;
}

.SiteMapText {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:19px;
margin-bottom:20px;
}

.SiteMapText a:link {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-decoration:none;
}

.SiteMapText a:visited {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-decoration:none;
}

.SiteMapText a:active {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-decoration:none;
}

.SiteMapText a:hover {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-decoration:underline;
}

.ContentMidColumnTextTestimonials {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
margin-bottom:20px;
background-color:#EAE7E7;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}

.ContentMidColumnTextEnquiry{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
margin-bottom:20px;
border:1px solid #cccccc;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}

.ContentMidColumnTextContact{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
margin-bottom:20px;
padding-top:5px;
padding-bottom:5px;
}

.ContentMidColumnTextContact a:link,
a:active {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}

.ContentMidColumnTextContact a:visited{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
font-weight:normal;
}
.ContentMidColumnTextContact a:hover {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
font-weight:normal;
}

.ContentMidColumnTextAdmin {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
position:relative;
left:230px;
width:320px;
top:-210px;
}

.MainContentText {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
margin-bottom:20px;
}

.MainContentText a:link,
a:active {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}

.MainContentText a:visited{
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}
.MainContentText a:hover {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
font-weight:normal;
}

.MainContent2Text {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
margin-bottom:20px;
}

.MainContent2Text a:link,
a:active {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}

.MainContent2Text a:visited{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}
.MainContent2Text a:hover {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}


#ContentRightColumn {
float:left;
position:relative;
width:182px;
background-color:#FFFFFF;
padding:15px 9px 0 9px;
}
.RightOurServices {
background:url("../images/our_services.jpg") no-repeat scroll 0 0 transparent;
height:252px;
width:182px;
margin-bottom:20px;
padding-top:10px;
}
.RightOurServicesHeading {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-left:20px;
}
.RightOurServicesText {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:120px;
padding-left:60px;
padding-top:16px;
}
.RightOurServicesText a:link,
a:active {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}
.RightOurServicesText a:visited {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none
}
.RightOurServicesText a:hover {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}

.RightQuote {
background:url("../images/free_quote.jpg") no-repeat scroll 0 0 transparent;
height:402px;
width:182px;
padding-top:10px;
margin-bottom:20px;
}
.RightQuoteHeading {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-left:20px;
}
.RightQuoteText {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:12px;
padding-top:16px;
width:160px;
}

.RightCallBack {
background:url("../images/call_back.jpg") no-repeat scroll 0 0 transparent;
height:375px;
width:182px;
margin-bottom:20px;
padding-top:10px;
}
.RightCallBackHeading {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-left:20px;
}
.RightCallBackText {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:12px;
padding-top:16px;
width:160px;
}

.stepcarousel{
position: relative; 
background:url("../images/carousel/background.jpg") no-repeat scroll 0 0 transparent;
overflow: scroll; 
width: 500px; 
height: 185px; 
left:20px;
}

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; 
overflow: hidden; 
margin: 10px; 
width: 220px; 
padding-left:7px;
margin-right:15px;
margin-top:15px;
}

.FeaturesBox{
position: relative; 

background:url("../images/features_box.jpg") no-repeat;
width: 500px; 
height: 185px; 
left:20px;
}
.FeaturesBoxLeft
{
position: relative; 
width: 250px; 
height: 185px; 
}
.FeaturesBoxLeftText {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:35px;
padding-top:8px;
padding-bottom:6px;
width:215px;
}
.FeaturesBoxLeftText a:link,
a:active {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}

.FeaturesBoxLeftText a:visited{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}
.FeaturesBoxLeftText a:hover {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
font-weight:normal;
}
.FeaturesBoxRight
{
position: absolute;
width: 250px; 
height: 185px;
top:0px;
left:250px;
}
.FeaturesBoxRightText {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:35px;
padding-top:8px;
padding-bottom:6px;
width:215px;
}
.FeaturesBoxRightText a:link,
a:active {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}

.FeaturesBoxRightText a:visited{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}
.FeaturesBoxRightText a:hover {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
font-weight:normal;
}
.WebDesignFeaturesText {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
margin-bottom:20px;
height:25px;
}
.WebDesignFeaturesText a:link,
a:active {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}

.WebDesignFeaturesText a:visited{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
}
.WebDesignFeaturesText a:hover {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
font-weight:normal;
}

.EcommerceFeaturesBox {
position: relative; 
width: 500px; 
}
.EcommerceFeaturesBoxImage {
padding-top:8px;
padding-bottom:6px;
width:75px;
}
.EcommerceFeaturesBoxRight
{
position: absolute;
width: 450px; 
top:10px;
left:75px;
}
.EcommerceFeaturesBoxRightHeading {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.EcommerceFeaturesBoxRightText {
color:#6F6F6F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
}

#Footer {
background:url("../images/container.jpg") repeat-y scroll 50% 0 transparent;
margin:0 auto;
float:left;
position:relative;
width:960px;
}
.FooterText {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
padding-left:170px;
padding-right:115px;
width:615px;
margin-bottom:10px;
margin-top:20px;
}
.FooterText a:link,
a:active {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
.FooterText a:visited {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none
}
.FooterText a:hover {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}
.FooterSubText {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
padding-left:115px;
padding-right:115px;
width:730px;
margin-bottom:5px;
}
.FooterSubText a:link,
a:active {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
.FooterSubText a:visited {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none
}
.FooterSubText a:hover {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}

.clear { display: inline-block;
width:500px; right:20px; position:relative; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
#explain { font-size: 1.6em; margin: 0 0 50px 10px; }
#portfolio-list li { float: left; margin: 0 15px; margin-bottom:50px; }
#portfolio-list li a, #portfolio-list li a:visited { display: block; border: 5px solid #484846; width: 210px; height: 140px; }
#portfolio-list li a:hover, #portfolio-list li a:active { border-color: #E2018E; }
#return { background-color: #000; left: 0; padding: 20px 0; position: fixed; top: 0; width: 100%; }
#return p a, #return p a:visited { background: url(../images/arrow.gif) no-repeat left center; color: #fff; font-size: 1.3em; font-weight: bold; margin: 0 0 0 10px; padding: 5px 0 5px 15px; text-decoration: none; }
#return p a:hover, #return p a:active { text-decoration: underline; }
:focus {
	outline: 0;
}
img {
	border: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.PortfolioText {
position:absolute;
height:30px;
width:220px;
padding-top:5px;
}
.PortfolioText1 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:10px;
}
.PortfolioText2 {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:45px;
}
.PortfolioText3 {
padding-left:185px;
width:25px;
height:25px;
position:relative;
bottom:27px;
}
.PortfolioTextEcommerce1 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:40px;
position:relative;
top:-24px;
}
.PortfolioTextEcommerce2 {
color:#E1008F;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:40px;
position:relative;
top:-24px;
}
.PortfolioTextEcommerce3 {
padding-left:185px;
width:25px;
height:25px;
position:relative;
bottom:51px;
}

.PageNumbers {
border-bottom:1px solid #DADADA;
border-top:1px solid #DADADA;
font-weight:bold;
margin:10px 0;
padding-top:5px;
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
position:relative;
z-index:100;
}
.PageNumbers a {
background-color:#444540;
color:#FFFFFF;
float:right;
margin:2px;
padding:5px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
z-index:100;
}
.PageNumbers span {
background:none repeat scroll 0 0 #E2018E;
color:#FFFFFF;
float:right;
margin:2px;
padding:5px 10px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.PageNumbers a:hover		 	
{
background:#E2018E; 
color:#fff; 
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}		
.PageNumbersClear
{clear:both;}