:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-family: Arial, Helvetica, sans-serif; font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dt,dd
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
fieldset { border: none;}
legend { display:none; }

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}


@font-face
{
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'YanoneKaffeesatzRegular';
    src: url('../fonts/yanonekaffeesatz-regular-webfont.eot');
    src: url('../fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),
         url('../fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
         url('../fonts/yanonekaffeesatz-regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}




body
{
	font-family: YanoneKaffeesatzRegular, Arial;
	color: #FFFFFF;
	background: url('../gfx/bground01.jpg') top left no-repeat, url('../gfx/bground02.jpg') top right no-repeat #000000;
	background-color: #000000;
	margin: 0px 0px 20px 0px;
	font-size: 130%;
}

::selection { background-color: #FF2158; }
::-moz-selection { background-color: #FF2158; border: 10px solid red; }

a
{
	color: #FF2158;
}

.clear
{
	clear: both;
}

header
{
	background: url('../gfx/header01.png') top left no-repeat, url('../gfx/header02.png') top right no-repeat;
	width: 70%;
	margin: 0px auto;
	padding: 45px 0px 10px 0px;
}

footer
{
	width: 70%;
	margin: 0px auto;
}

.bodyContent
{
	width: 70%;
	margin: 0px auto;
}

/* Turn off headers not to be shown START */

header h1
{
	display: none;
}

header nav h2
{
	display: none;
}

.homepageTitleIntro
{
	display: none;
}

/* Turn off headers not to be shown END */


.logo
{
	text-align: center;
}

header nav
{
	font-family: BebasNeueRegular, Arial;
	margin: 0px auto;
	background: url('../gfx/nav02.png') top right no-repeat, url('../gfx/nav01.png') bottom left no-repeat;
	padding: 28px 30px 5px 30px;
}

header nav li
{
	display: inline-block;
	list-type-style: none;
	margin-right: 45px;
}

header nav li a
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

header nav li a:hover
{
	text-decoration: underline;
}

header nav li.current a
{
	text-decoration: underline;
}




.widerColumn
{
	float: left;
	width: 620px;
}

.shorterColumn
{
	float: right;
	width: 230px;
}

h1
{
	color: #4d8dcb;
	font-size: 180%;
	font-family: BebasNeueRegular, Arial;
	margin-bottom: 10px;
}

h2
{
	color: #4d8dcb;
	font-size: 180%;
	font-family: BebasNeueRegular, Arial;
	margin-bottom: 10px;
}

h2 a
{
	color: #4d8dcb;
}

p
{
	line-height: 120%;
	margin-bottom: 10px;
}

.imageFloatLeft
{
	float: left;
	margin: 0px 20px 20px 0px;
}

.clientLogos
{
	text-align: center;
}

.clientLogos li
{
	display: inline-block;
	*display: inline;
	margin: 0px 15px 20px 15px;
	vertical-align: middle;
}



/* Accordian */

#basic-accordian
{
	padding:5px 0px;
	z-index:2;
	margin: 0px;
}

.accordion_headings
{
	padding: 5px 10px;
	background: url('../gfx/headerOff.png') top left no-repeat;
	color:#FFFFFF;
	border-bottom: 1px solid #000000;
	cursor:pointer;
	font-weight:bold;
	margin: 0px;
}

.accordion_headings:hover
{
	background: url('../gfx/headerOn.png') top left no-repeat;
}

.accordion_child
{
	padding: 15px 5px;
}

.header_highlight{
	background: url('../gfx/headerOn.png') top left no-repeat;
}


/* Accordian END */

.portfolioItems img
{
	margin-bottom: 10px;
	border: 1px solid #666666;
}

.portfolioItems li
{
	float: left;
	min-height: 360px;
	vertical-align: top;
	width: 263px;
	margin: 0px 8px 15px 8px;
}

.portfolioItems li p
{
	line-height: 120%;
}

.codeHelpList
{
	margin: 20px 0px 20px 0px;
	font-size: 180%;
}

.codeHelpList a:Hover
{
	text-decoration: underline;
}




/* NIVO SLIDER START */

#slider-wrapper
{
	margin-bottom: 30px;
}

#slider-wrapper-mobile
{
	display: none;
}

/* The Nivo Slider styles */
.nivoSlider
{
	position:relative;
}
.nivoSlider img
{
	position:absolute;
	top:0px;
	left:0px;
}
/* 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%;
}

.nivo-box
{
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption
{
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p
{
	padding:5px;
	margin:0;
}
.nivo-caption a
{
	display:inline !important;
}
.nivo-html-caption
{
    display: none;
}
/* 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 a
{
	position:relative;
	z-index:9;
	cursor:pointer;
}

.nivo-controlNav a.active
{
	font-weight:bold;
}

#slider
{
	position:relative;
    width:620px;
    height:297px;
	background:url(../gfx/loading.gif) no-repeat 50% 50%;
}

#slider img
{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a
{
	border:0;
	display:block;
}

.nivo-controlNav
{
	position:absolute;
	left:260px;
	bottom:-42px;
}

.nivo-controlNav a
{
	display:block;
	width:22px;
	height:22px;
	background:url(../gfx/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}

.nivo-controlNav a.active
{
	background-position:0 -22px;
}

.nivo-directionNav a
{
	display:block;
	width:30px;
	height:30px;
	background:url(../gfx/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav
{
	background-position:-30px 0;
	right:15px;
}

a.nivo-prevNav
{
	left:15px;
}

.nivo-caption
{
    text-shadow:none;
}

.nivo-caption a
{ 
    color:#efe9d1;
    text-decoration:underline;
}


/* NIVO SLIDER END */

article #shareOptions
{
	margin: 0px 0px 20px 0px;
}

.googleLikeButton
{
	float: left;
	width: 70px;
}

.facebookLikeButton
{
	float: left;
	width: 700px;
}

.commentsArea li
{
	margin-bottom: 20px;
	clear: both;
}

.commentsArea li.yourComment .yourCommentIndicator
{
	float: left;
	width: 83px;
	background-color: #F92058;
	text-transform: uppercase;
	margin-left: 90px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	font-size: 140%;
	font-family: BebasNeueRegular, Arial;
}

.commentsArea li.yourComment .commentContainer
{
	margin-left: 190px;
	padding: 15px;
	border: 20px dashed #FFFFFF;
	border-image: url(../gfx/yourComment.png) 20 20 20 20 round round;
	-moz-border-image:url(../gfx/yourComment.png) 20 20 20 20 round round ;
	-webkit-border-image:url(../gfx/yourComment.png) 20 20 20 20 round round;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	background-color: #111111;
}

.commentsArea li.yourComment .commentContainer:hover
{
	background-color: #222222;
}

.commentsArea li .dateArea
{
	float: left;
	width: 60px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #4d8dcb;
	font-weight: bold;
	text-align: center;
	padding: 10px 5px;
	font-family: BebasNeueRegular, Arial;
}

.commentsArea li .dateArea .dayNumber
{
	font-size: 200%;
}

.commentsArea li .dateArea .monthName
{
	text-transform: uppercase;
	font-size: 180%;
}

.commentsArea li .commentDetail
{
	margin-left: 90px;
}


/* For mobile users START */
@media all and (max-width: 650px)
{
	
body
{
	margin: 10px;
	background: url('../gfx/bground01.jpg') top left no-repeat #000000;
}

#slider-wrapper
{
	display: none;
}

#slider-wrapper-mobile
{
	display: block;
}

#slider-wrapper-mobile li
{
	margin-bottom: 40px;
}

#slider-wrapper-mobile img
{
	width: 100%;
}

header
{
	width: auto;
	margin: 0px;
	padding: 0px;
	background: none;
}

header nav
{
	display: none;
}

.logo
{
	margin: 0px;
}

.logo img
{
	width: 100%;
}

.bodyContent
{
	margin: 0px;
	width: auto;
}

.widerColumn
{
	width: auto;
	float: none;
}

.shorterColumn
{
	width: auto;
	float: none;
}

.mobileMention
{
	display: none;
}
}
/* For mobile users END */