.clearfix {
	overflow: hidden;
}
.clearer { clear:both; }

.nojs {
    background : #FF0099;
    color : #FFFFFF;
    font-size:1.3em;
    text-align:left;
}
    .nojs .inner {
        width : 920px;
        margin:0 auto;
        padding : 8px 0;
    }
        .nojs .inner .title {
            font-size : 1.4em;
        }

/*
div { display : block; position : relative; }
*/
* {
	margin  : 0;
	padding : 0;
}

html, body {
	height: 100%;
}
body {
	color : #000000;
	background  : #FFFFFF;
	font-family : 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size   : 82.5%;
	line-height	: 150%;
	font-weight	: normal;
	text-align	: center;
	font-style 		 : normal;
	font-variant	 : normal;
}

.hide {
	left : -5000px;
	position : absolute;
}
.display-none  { display : none !important; }
.display-block { display : block !important; }
.float-right { float:right !important; }
.float-left  { float:left !important; }

a {
	color : #FF0099;
	text-decoration : none;
}
a:hover { text-decoration : underline; }

h1, h2, h3, h4, h5, h6 {
	color : #FF0099;
	font-weight : normal;
	line-height : 1.3em;
	text-transform : uppercase;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration : none; }
h1 { font-size  : 2.0em; }
h2 { font-size  : 1.8em; }
h3 { font-size  : 1.6em; }
h4 { font-size  : 1.4em; }
h5 { font-size  : 1.2em; }
h6 { font-size  : 1em; }

.accesibility {
	
}
.footer-push {
	height : 20px;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px;
	width : 100%;
	text-align : left;
}
.page-center {
	margin: 0 auto;
	width : 920px;
}

/* START : HEADER */
.header {
	height : 95px;
	margin : 0 auto;
	background : #000000;
}
	.header h1 {
		position : relative;
		display : block;
		float : left;
		margin-top : 26px;
	}
		.header h1 a {
			display : block;
			position : relative;
			text-indent : -9999px;

			width  : 249px;
			height : 43px;
			background  : url(../images/logo.gif) no-repeat;
		}

	/* START : NAVIGATION */
	#nav {
		margin : 26px 25px 0 0;
		float  : right;
	}
		#nav ul {
			float : left;
			height : 43px;
			overflow : hidden;		
		}
			#nav ul li {
				float : left;
				height : 27px;
				padding : 8px 0;
				margin-left : 25px;
				overflow : hidden;
			}
				#nav ul li a {
					text-transform  : lowercase;
					text-decoration : none;
					height : 16px;
					padding : 5px;
				}
				#nav ul li.link a { color : #FFFFFF; }
				#nav ul li a:hover,
				#nav ul li.current a { color : #FF0099; }
	/* END : NAVIGATION */
/* END : HEADER */

/* START : FOOTER */
#footer {
	width:100%;
	height:20px;
	color : #222;
	text-align : left;
}
	#footer ul {
		width : 980px;
		margin : 0 auto;
	}
		#footer ul li.copyright {
			float : left;
			padding-left : 0;
		} 
		#footer ul li {
			padding-left : 10px;
			float : right;
		}
/* END : FOOTER */

/* START : CONTENT */
	#content {
		
	}
/* END : CONTENT */

/* START : HOMEPAGE */
	.HomePage #showcase {
		width : 900px;
		margin : 30px auto 0 auto;
	}
		.HomePage #showcase .prev {
			display : none;
			border-right : 5px solid #BBBBBB;
			height : 440px;
			float : left;
			width : 50px;
			background : url(../images/home-next-prev.gif) -10px 182px no-repeat;
		}
			.HomePage #showcase .prev.disabled {
				background-position : -110px 182px;
			}
			.HomePage #showcase .prev:hover {
				background-position : -60px 182px;
			}
		.HomePage #showcase .next {
			display : none;
			border-left : 5px solid #BBBBBB;
			height : 440px;
			float : left;
			width : 50px;
			background : url(../images/home-next-prev.gif) -160px 182px no-repeat;
		}
			.HomePage #showcase .next.disabled {
				background-position : -260px 182px;
			}
			.HomePage #showcase .next:hover {
				background-position : -210px 182px;
			}
		.HomePage #showcase .container {
			overflow : hidden;
			float : left;
			width : 790px;
		}
			.HomePage #showcase .container .items {
				float : left;
				width : 20000px;
			}
				.HomePage #showcase .container .items .item {
					float : left;
				}
					.HomePage #showcase .container .items .item img {
						border-top : 5px solid #BBBBBB;
						border-bottom : 5px solid #BBBBBB;
					}
					.HomePage #showcase .container .items .item .details {
						text-align : center;
					}
						.HomePage #showcase .container .items .item .details dl { margin : 0 auto; }
						.HomePage #showcase .container .items .item .details dt {
							display : inline;
							color   : #888;
							margin-right : 4px;
						}
						.HomePage #showcase .container .items .item .details dd {
							display : inline;
							margin-right : 18px;
						}
/* END : HOMEPAGE */

/* START : ABOUT PAGE */
.AboutPage { 
	padding : 60px 88px 0 88px;
}
	.AboutPage h2 {
		color:#000000;
		font-size:2.6em;
	}
	.AboutPage .boxes {
		padding-top : 15px
	}
		.AboutPage .boxes .box { float:left; width:340px; margin-top:25px; }
			.AboutPage .boxes .box h3 {
				color : #000;
				font-size : 1.4em;
				padding : 0 4px;
				border-bottom : 1px solid #000;
			}
/* END : ABOUT PAGE */

/* START : PORTFOLIOPAGE */
.PortfolioHolder {
	
}
	.PortfolioHolder #portfolio-nav {
		
	}
		.PortfolioHolder #portfolio-nav .items {
		
		}
            .PortfolioHolder #portfolio-nav .item {
                display:block;
                overflow:hidden;
                padding : 10px 0;
                border-bottom : 1px solid #888;
            }
            .PortfolioHolder #portfolio-nav .item:last-child { border-bottom:0 none; }
                .PortfolioHolder #portfolio-nav .item .head {
                
                }
                .PortfolioHolder #portfolio-nav .item .details {
                
                }
                    .PortfolioHolder #portfolio-nav .item .details .services {
                        float : left;
                        width : 300px;
                        height: 100px;
                        margin-left : 20px;
                    }
                        .PortfolioHolder #portfolio-nav .item .details .services li {
                            
                        }
                    .PortfolioHolder #portfolio-nav .item .details .description {
                        float : left;
                        width : 365px;
                        height: 100px;
                        margin-left : 20px;
                    }
                .PortfolioHolder #portfolio-nav .item .thumb {
                    display:block;
                    float : left;
                }
                    .PortfolioHolder #portfolio-nav .item .thumb img {
					   border : 1px solid #CCC;
                    }
					.PortfolioHolder #portfolio-nav .thumb:hover img {
						border : 1px solid #FF0099;
					}
                .PortfolioHolder #portfolio-nav .item .view-website { 
					width : 158px;
					height : 26px;
					background : url(../images/view-website.gif) no-repeat;
					text-indent : -9999px;
					display : block;
                    float : right;
                }
/* END : PORTFOLIOPAGE */

/* START : SERVICESHOLDER */
.ServicesHolder {
	
}
	.ServicesHolder #content {
		width : 870px;
		margin : 0 auto;
	}
		.ServicesHolder .item {
			float : left;
			margin-bottom : 15px;
			margin-top : 10px;
		}
		.ServicesHolder .item.odd {
			margin-right : 25px;
		}
		.ServicesHolder .item.even {
			margin-left : 25px;
		}
			.ServicesHolder .item h2 {
				font-size : 1.5em;
				padding : 2px 4px;
			}
				.ServicesHolder .item h2 a {
					color : #000000;
				}
				.ServicesHolder .item h2 a:hover { color:#FF0099; }
			.ServicesHolder .item img {
				border : 5px solid #BBBBBB;
			}
/* END : SERVICESHOLDER */

/* START : CONTACTPAGE */
.ContactPage {
	width  : 600px;
	margin : 0 auto;
	padding-top : 30px;
}
	.ContactPage h2,
	.ContactPage p.info {
		padding-left : 23px;
	}
	.ContactPage form {

	}
		.ContactPage form legend {
			display : none;
		}
		.ContactPage .field {
			float    : left;
			overflow : hidden;
			width    : 252px;
			height   : 60px;
			margin  : 0 0 4px 0;
			padding : 10px 23px 0;
		}
			.ContactPage label {
				float : left;
				width : 90px;
				padding-left : 4px;
				padding-bottom : 1px;
			}
			.ContactPage label.required {
				color:#FF0099;
				width:100%;
			}
			.ContactPage .field input, 
			.ContactPage .field textarea {
				padding  : 3px 5px;
				float : left;
				width : 240px;
				background : #F7F7F7;
				border : 1px solid #BABABA;
			} 
			.ContactPage .field textarea {
				width : 538px;
			}
			.ContactPage .field.text {
				
			}
			.ContactPage .field.email {
				
			}
			.ContactPage .field.textarea {
				width : 550px;
				height : 145px;
			}
			.ContactPage .message.required { color : #ff0099; }
		.ContactPage .Actions {
			padding : 10px 0 0 23px;
		}
			.ContactPage .Actions .action {
				text-indent : -9999px;
				background : #000 url(../images/contact-send.gif) no-repeat;
				cursor : pointer;
				border : 0;
				width  : 553px;
				height : 40px;
				color  : #ff0099;
			}
/* END : CONTACTPAGE */

/* START : LEGAL PAGES */
.legal-page {
	
}
	.legal-page h2 {
		margin-bottom : 15px;
	}
	.legal-page h3 {  }
	.legal-page p {
		padding-bottom : 15px;
	}
/* END : LEGAL PAGES */

/* START : SITEMAP */
#Sitemap {
	
}
	#sitemap h2 {
		margin-bottom : 15px;
	}
	#sitemap h3 {  }
	#sitemap p {
		padding-bottom : 15px;
	}
    #sitemap ul {
        
    }
        #sitemap ul li {
            
        }
        #sitemap ul ul {
            list-style-position:outside;
            list-style-type: disc;
            color : #777;
            margin-left : 20px;
        }
            #sitemap ul ul li {
                
            }
/* END : SITEMAP */

/**********************/
/**********************/

/* START : JAVASCRIPT */

/*.js #footer { display : none; }
.js #content { display : none; }
.js .header { display : none; }*/

.js .loading {
	background : url(../images/loading.gif) no-repeat;
	width : 50px;
	height : 50px;
	display : none;
	margin : 100px auto 0 auto;
}

/* START :: PORTFOLIO */
.js .PortfolioHolder {
	
}

        /*
			.PortfolioHolder #portfolio-nav .item {
				display : inline;
			}
				.PortfolioHolder #portfolio-nav .head,
				.PortfolioHolder #portfolio-nav .details {
					display : none;
				}
        */
/* START :: PORTFOLIO - NAV */
	.js .PortfolioHolder #portfolio-nav {
		width : 300px;
		float : left;
		margin-top : 35px;
		display  : block;
		position : relative;
	}
        .js .PortfolioHolder #portfolio-nav .item {
            display:inline;
        }
        .js .PortfolioHolder #portfolio-nav .head,
        .js .PortfolioHolder #portfolio-nav .details {
            display : none;
        }
		.js .PortfolioHolder #portfolio-nav h2 {
			line-height : 1;
			font-size : 1.2em;
		}
		.js .PortfolioHolder #portfolio-nav .thumb {
			display  : block;
			position : relative;
			float : left;
			margin : 3px 6px 3px 0;
			z-index : 200;
		}
			.js .PortfolioHolder #portfolio-nav .thumb.active img,	
			.js .PortfolioHolder #portfolio-nav .thumb:hover img {
				border : 1px solid #FF0099;
			}
            .js .PortfolioHolder #portfolio-nav .thumb img {
				height : 25px;
				width : auto;
				border : 1px solid #CCC;
            }
		.js .PortfolioHolder #portfolio-nav .category {

		}
		.js .PortfolioHolder #portfolio-nav .category.active {

		}
			.js .PortfolioHolder #portfolio-nav .category .items {

			}
			.js .PortfolioHolder #portfolio-nav .category.active .items {

			}
				.js .PortfolioHolder #portfolio-nav .category h2,
				.js .PortfolioHolder #portfolio-nav .category h2 a {
					color : #FF0099;
				}
					/*.js .PortfolioHolder #portfolio-nav .category.active h2,
					.js .PortfolioHolder #portfolio-nav .category.active h2 a {
						color : #FF0099;
					}*/
				.PortfolioHolder #portfolio-nav .category .items .item {
					
				}
		.js .PortfolioHolder #portfolio-nav .largethumb {
			position : absolute;
			display  : block;
			cursor   : pointer;
			border : 1px solid #FF0099;
			z-index : 202;
		}
/* END :: PORTFOLIO - NAV */
/* START :: PORTFOLIO - VIEWER */
	.js .PortfolioHolder #portfolio-viewer {
		width  : 600px;
		height : 490px;
		margin : 35px 0 0 10px;
		float  : right;
		overflow : hidden;
		position : relative;
		display  : block;
	}
		.js .PortfolioHolder #portfolio-viewer .items {
			position : relative;
			display  : block;
		}
            .js .PortfolioHolder #portfolio-viewer .item {
                position: relative;
            }
        		.js .PortfolioHolder #portfolio-viewer .item .screenshot {
				    border : 5px solid #CCCCCC;
                }
        		.js .PortfolioHolder #portfolio-viewer .item .details {
    				padding-bottom : 10px;
    				width  : 600px;
        			margin : 0;
        			height : 150px;
        			border-bottom : 0px;
        		}
            		.js .PortfolioHolder #portfolio-viewer .item .details .title {
          		        font-size : 1.15em;
                        color : #000;
            		}
            		.js .PortfolioHolder #portfolio-viewer .item .details .services {
    					float:left;
    					width:230px;
    					margin-left : 5px;
            		}
                        .js .PortfolioHolder #portfolio-viewer .item .details .services li {
                            margin-left : 4px;
    						padding-left : 22px;
    						background : url(../images/tick-pink.gif) left center no-repeat;
    					}
            		.js .PortfolioHolder #portfolio-viewer .item .details .description {
    					float : right;
    					width : 345px;
    					margin-right : 5px;
    					position : relative;
            		}
                    .js .PortfolioHolder #portfolio-viewer .item .details .view-website {
    					width : 158px;
    					height : 26px;
    					background : url(../images/view-website.gif) no-repeat;
    					text-indent : -9999px;
    					display : block;
    					float   : right;
    				}
/* END :: PORTFOLIO - VIEWER */        
/* END :: PORTFOLIO */

/* START :: HOMEPAGE */
.js .HomePage #showcase .next,
.js .HomePage #showcase .prev {
	display : block;	
}

.js .ServicesHolder .item.hover {
	
}
	.js .ServicesHolder .item.hover img {
		border-color : #FF0099;
		cursor : pointer;
	}
	.js .ServicesHolder .item.hover h2 a {
		color : #FF0099;
	}
 /* END :: HOMEPAGE */
/* END : JAVASCRIPT */