/* new page1ink.net design	*/
/* main stylesheet          */
/* © niko maresco 2010		*/

/*
L A Y O U T
*/

body {
	background: black;
	font: 14pt Tahoma, Geneva, sans-serif;
	color: white;
	width: 100%;
}

#wrapper {
	margin-top: 40px;
}

#content {
	background: #151515 url(images/bg-top.gif) repeat-x;
}

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

#nav {
	float:right;
	/*width: 306px;*/
	width: 156px;
	height: 116px;
}

#body {
	background: url(images/bg-splat.png) right bottom no-repeat;
	clear: both;
	width: 880px;
	margin: 0 auto;
	padding: 15px 0 30px;
}

#footer {
	clear: both;
	width: 930px;
	font-size: 10pt;
	margin: 0 auto;
	line-height: 30px;
}

.last {
	margin: 0;
}

/*
N A V I G A T I O N
*/
#nav ul {
	margin-top: 43px;
}

#nav ul li {
	display: block;
	margin-top: 6px;
}

#nav ul li a {
	background: no-repeat top right;
	display: block;
	height: 12px;
	text-indent: -10000px;
}

#nav #mhome a { background: url(images/menu-home.png); width: 41px; margin-left: 21px; }
#nav #mportfolio a { background: url(images/menu-portfolio.png); width: 61px; margin-left: 1px; }
#nav #mservices a { background: url(images/menu-services.png); width: 62px; }
#nav #mpricing a { background: url(images/menu-pricing.png); width: 50px; margin-left: 12px; }
#nav #mabout a { background: url(images/menu-about.png); width: 42px; margin-left: 20px; }
#nav #mcontact a { background: url(images/menu-contact.png); width: 56px; margin-left: 6px; }
#nav #mtestimonials a { background: url(images/menu-testimonials.png); width: ; margin-left: ; }

#nav #mhome a:hover { background-position: 41px top; }
#nav #mportfolio a:hover { background-position: 61px top; }
#nav #mservices a:hover { background-position: 62px top; }
#nav #mpricing a:hover { background-position: 50px top; }
#nav #mabout a:hover { background-position: 42px top; }
#nav #mcontact a:hover { background-position: 56px top; }
#nav #mtestimonials a:hover { background-position: ; }


/*
H E A D E R S
*/

h1 {
	background: url(images/header-logo.png) no-repeat;
	width: 482px;
	height: 208px;
	float: left;
}

h1 a {
	display: block;
	width: 482px;
	height: 208px;
	overflow: hidden;
}

h2 {
	margin: 30px 0;
}

h3 {
	margin-bottom: 15px;
}

#hdr-mynameisniko {
	background: url(images/hdr-home.png) no-repeat;
	width: 880px;
	height: 86px;
}

#hdr-contactme {
	background: url(images/hdr-contact.png) no-repeat;
	width: 450px;
	height: 46px;
}

#hdr-portfolio {
	background: url(images/hdr-portfolio.png) no-repeat;
	width: 327px;
	height: 47px;
}

#hdr-services {
	background: url(images/hdr-services.png) no-repeat;
	width: 341px;
	height: 46px;
}

#hdr-dsn {
	background: url(images/hdr-design.png) no-repeat;
	width: 701px;
	height: 122px;
	margin-bottom: 15px;
}

#hdr-web {
	background: url(images/hdr-web.png) no-repeat;
	width: 461px;
	height: 86px;
	margin-bottom: 15px;
}

#hdr-wri {
	background: url(images/hdr-writing.png) no-repeat;
	width: 588px;
	height: 86px;
	margin-bottom: 15px;
}

#hdr-designsmall a {
	background: url(images/hdr-designsmall.png) no-repeat;
	width: 772px;
	height: 62px;
	display: block;
}

#hdr-websmall a {
	background: url(images/hdr-websmall.png) no-repeat;
	width: 379px;
	height: 61px;
	display: block;
}

#hdr-writingsmall a {
	background: url(images/hdr-writingsmall.png) no-repeat;
	width: 458x;
	height: 62px;
	display: block;
}

.phark {
	text-indent: -10000px;
}

/*
C O N T E N T
*/

img#nikopic {
	float: right;
	margin-left: 15px;
}

p {
	margin-bottom: 30px;
}

p.bigtext {
	font-size: 16.5pt;
	letter-spacing: 2px;
}

#footer-copyright {
	float: left;
}

#footer-phone, #footer-contact {
	float: right;
}

#footer-contact {
	width: 150px;
}

ul {
	list-style-type: square;
	margin: 0 0 15px 30px;
}

li {
	padding-left: 10px;
}

li li {
	list-style-type: circle;
}

sup {
	font-size: .75em;
	line-height: .5em;
	padding-bottom: .5em;
	position: relative;
	top: -7px;
}

/*
L I N K S
*/

a { 
	color: #ec008c;
	text-decoration: none;
}

a:hover, a:active { text-decoration: underline; }
a:visited { color: #c6006a; }

/*
M I S C
*/

.fr { float: right; }
.fl { float: left; }
.clear { clear: both; }