body{font-family:"Helvetica", sans-serif; margin:0;}
img{border:0;}
h1{color: rgb(237,48,123); text-transform:uppercase; font-weight:normal: font-size:2.0em; margin:0 0 10px 0;}
.badge{position:absolute; top:-505px; left:-7px;}
.clear:clear:both;}
.header{margin:20px 0;}
.spamHeader(margin-bottom:10px;


 * { margin: 0; padding: 0; }
                
                html { 
                        background: url(../images/background.jpg) no-repeat center center fixed; 
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                        background-size: cover;
                }

#top{width:100%; position:fixed; top:30px; }                

#socialMedia{
height:28px;
padding:0;
margin:0 0 30px 0;
}

#socialMedia li {
float: left;
list-style:none;
margin-left:10px;
}

#socialMedia li a {
margin: 0;
padding: 0;
display: block;
height: 28px;
background: url(../images/mainSprite.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#navigation{float:left; width:250px; margin:10px 0 0 0; background: url(../images/blackbg.png) repeat; padding:10px; height:400px;}

#nav{
height:50px;
margin:0 0 0 10px;
padding:0;
}

#nav li {
float: left;
list-style:none;
margin-bottom:5px;
}

#nav li a {
margin: 0;
padding: 0;
display: block;
height: 50px;
background: url(../images/mainSprite.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

li#aboutNav a {width:150px; background-position: 0px -102px;}
li#aboutNav a:hover {background-position: -243px -102px;}
li#webNav a {width:115px; background-position: 0px -158px;}
li#webNav a:hover {background-position: -243px -158px;}
li#printNav a {width:208px; background-position: 0px -209px;}
li#printNav a:hover {background-position: -243px -209px;}
li#identityNav a {width:186px; background-position: 0px -268px; margin-top:10px;}
li#identityNav a:hover {background-position: -243px -268px;}
li#personalNav a {width:216px; background-position: 0px -321px; margin-bottom:5px;}
li#personalNav a:hover {background-position: -243px -321px;}
li#contactNav a {width:181px; background-position: 0px -377px;}
li#contactNav a:hover {background-position: -243px -377px;}

li#twitter a {width:38px; background-position: -4px -12px;}
li#twitter a:hover {width:38px; background-position: -4px -50px;}
li#facebook a {width:10px; background-position: -48px -12px;}
li#facebook a:hover {width:10px; background-position: -48px -54px;}
li#googleplus a {width:32px; background-position: -173px -12px;}
li#googleplus a:hover {width:32px; background-position: -173px -55px;}
li#linkedin a {width:30px; background-position: -74px -12px;}
li#linkedin a:hover {width:30px; background-position: -74px -54px;}
li#friendfeed a {width:25px; background-position: -107px -12px;}
li#friendfeed a:hover {width:25px; background-position: -107px -54px;}
li#rss a {width:27px; background-position: -138px -12px;}
li#rss a:hover {width:27px; background-position: -138px -54px;}


#content{margin: 30px auto; width:760px;}
#content p a{text-decoration:none; color:#fff;}
#content p a:hover{color:#959595;}

#about{margin: 50px auto 0; width:760px; background: url(../images/blackbg.png) repeat; padding:20px; border-bottom:1px rgb(239,36,123) solid;}
#about p{color:#959595; font-size:0.9em; margin:15px 0 20px 0; letter-spacing:0.03em; line-height:1.2em;}

#worknav ul{list-style:none; margin:0 0 10px 0; padding:0; text-transform:uppercase; font-size:1.5em; font-weight:bold;}
#worknav li{display:inline; margin:0 10px 0 0; padding:0; background:url(../images/bodyBG.gif) repeat;}
#worknav a{color:#c3c3c3; text-decoration:none;}
#aboutContent a{color:#464646; text-decoration:none;}
#worknav a:hover, #aboutContent a:hover{color:rgb(239,36,123);}
#worknav{position:fixed; top:150px; left:560px; width:500px; z-index:4;}

.desc{margin:0 0 50px 0; padding:10px; background: url(../images/blackbg2.png) repeat; border-bottom:1px solid rgb(239,36,123);}
.desc li{list-style:none; padding:0; font-size:0.8em; color:rgb(239,36,123);}
.header, .header a{color:rgb(239,36,123); text-decoration:none; letter-spacing:0.02em; line-height:1.2em; margin-bottom:2px; font-size:1.0em; text-transform:uppercase;}
.desc p{color:#959595; margin:10px 0; letter-spacing:0.02em; line-height:1.1em;}
.bold{color:rgb(239,36,123); font-weight:bold;}
.descTop{background: url(../images/descBG.png) no-repeat; width:760px; height:20px; position:relative;}

#workContent {
	margin: 0 auto 0; 
	width:760px; 
	padding:20px;
	background: url(../images/blackbg.png) repeat;
	border-bottom:1px rgb(239,36,123) solid;
}

#contact{margin: auto 0; width:760px; background: url(../images/blackbg.png) repeat; padding:20px;}
#contact p{color:#959595; font-size:0.9em; margin:15px 0 20px 0; letter-spacing:0.03em; line-height:1.2em;}

form{margin-top:20px;}

.input-text{
	border:1px solid #636363;
	width: 650px;
	height: 20px;
	color:#959595;
	text-align: justify;
	font-size:1.3em;
	margin-bottom:15px;
	padding:5px;
	background:#000000;
	letter-spacing:0.04em;
	font-family:"Helvetica", sans-serif;
}

label{
	display:block;
	margin: 0 0 5px 0;
	color:#c3c3c3;
	font-size:0.8em;
	text-transform:uppercase;
}

#content label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:left;
}

textarea{
	width:640px;
	height: 150px;
	font-size:1.3em;
	background:#000000;
	border:0;
	color:#959595;
	padding:10px;
	font-family:"Helvetica", sans-serif;
	letter-spacing:0.07em;
	margin-bottom:10px;
	border:1px solid #636363;
}

form button{
	margin-top:0;
	margin-left:410px;
	width:175px;
	height:40px;
	border-bottom:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
	border-top: none;
	border-left: none;
	overflow:hidden;
	color:#ffffff;
	background:rgb(237,48,123);
	cursor:pointer;
	vertical-align:middle;
	font-size:1.5em;
}

form button:hover{
	background:rgb(237,48,123);
	cursor:pointer;
}