@charset "UTF-8";
/* CSS Document */

body {
	color:#414042;
	background-color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}

#container {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	width:950px;
	height:138px;
	background-image:url(../../images/Header_nikkincreative.gif);
	margin:auto;
}

#header a {
	color:#414042;
	text-decoration:none;
	background-color:#fff;
	padding:7px 9px 7px 9px;
	margin:0px 4px 0px 0px;
}

#header a:visited {
	background-color:#fff;
}

#header a:hover {
	background-color:#772a8a;
	color:#fff;
}

/*main link coordinates*/
ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-top:65px;
	padding-left:620px;
}
li {
	display:inline;
}

.bar {
	width:950px;
	height:26px;
	background-color:#eee;
}

#body {
	width:950px;
	height:690px;
	background-color:#fff;
}

/*title for the different sections*/
p.heading {
	font-size:20px;
	color:#772a8a;
	font-weight:bold;
	margin:0px 0px -13px 0px;
	margin-top:-3px;
	margin-left:25px;
}

.grid1 {
	height:135px;
	width:200px;
}

/*attributes for the portfolio*/
.grid1 a {
	display:block;
	width:200px;
	margin-top:25px;
	margin-left:20px;
	padding:6px;
	background-color:#dcddde;
}

.grid1 a:hover {
	background-color:#772a8a;
}

.grid2 {
	height:135px;
	width:200px;
}

.grid2 a {
	display:block;
	width:200px;
	margin-top:-134px;
	margin-left:254px;
	padding:6px;
	background-color:#dcddde;
}

.grid2 a:hover {
	background-color:#772a8a;
}

.grid3 {
	height:135px;
	width:200px;
}

.grid3 a {
	display:block;
	width:200px;
	margin-top:-134px;
	margin-left:486px;
	padding:6px;
	background-color:#dcddde;
}

.grid3 a:hover {
	background-color:#772a8a;
}

.grid4 {
	height:135px;
	width:200px;
}

.grid4 a {
	display:block;
	width:200px;
	margin-top:-134px;
	margin-left:719px;
	padding:6px;
	background-color:#dcddde;
}

.grid4 a:hover {
	background-color:#772a8a;
}

.grid5 {
	height:135px;
	width:200px;
}

.grid5 a {
	display:block;
	width:200px;
	margin-top:65px;
	margin-left:20px;
	padding:6px;
	background-color:#dcddde;
}

.grid5 a:hover {
	background-color:#772a8a;
}

.grid6 {
	height:135px;
	width:200px;
}

.grid6 a {
	display:block;
	width:200px;
	margin-top:-135px;
	margin-left:253px;
	padding:6px;
	background-color:#dcddde;
}

.grid6 a:hover {
	background-color:#772a8a;
}

.grid7 {
	height:135px;
	width:200px;
}

.grid7 a {
	display:block;
	width:200px;
	margin-top:-135px;
	margin-left:486px;
	padding:6px;
	background-color:#dcddde;
}

.grid7 a:hover {
	background-color:#772a8a;
}

.grid8 {
	height:135px;
	width:200px;
}

.grid8 a {
	display:block;
	width:200px;
	margin-top:-135px;
	margin-left:719px;
	padding:6px;
	background-color:#dcddde;
}

.grid8 a:hover {
	background-color:#772a8a;
}

.grid9 {
	height:135px;
	width:200px;
}

.grid9 a {
	display:block;
	width:200px;
	margin-top:65px;
	margin-left:20px;
	padding:6px;
	background-color:#dcddde;
}

.grid9 a:hover {
	background-color:#772a8a;
}

.grid10 {
	height:135px;
	width:200px;
}

.grid10 a {
	display:block;
	width:200px;
	margin-top:-135px;
	margin-left:253px;
	padding:6px;
	background-color:#dcddde;
}

.grid10 a:hover {
	background-color:#772a8a;
}

.grid11 {
	height:135px;
	width:200px;
}

.grid11 a {
	display:block;
	width:200px;
	margin-top:-135px;
	margin-left:486px;
	padding:6px;
	background-color:#dcddde;
}

.grid11 a:hover {
	background-color:#772a8a;
}

.grid12 {
	height:135px;
	width:200px;
}

.grid12 a {
	display:block;
	width:200px;
	margin-top:-135px;
	margin-left:719px;
	padding:6px;
	background-color:#dcddde;
}

.grid12 a:hover {
	background-color:#772a8a;
}


/*title for each portfolio*/
.box1 {
	margin-left:20px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box2 {
	margin-left:253px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box3 {
	margin-left:486px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box4 {
	margin-left:718px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box5 {
	margin-left:20px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box6 {
	margin-left:253px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box7 {
	margin-left:486px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box8 {
	margin-left:718px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box9 {
	margin-left:20px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box10 {
	margin-left:253px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box11 {
	margin-left:486px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}

.box12 {
	margin-left:719px;
	width:192px;
	padding:7px 10px 7px 10px;
	font-weight:bold;
	background-color:#fff;
}


/*subtitle for each portfolio*/
h7 {
	font-weight:normal;
	font-style:italic;
}

h8 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#414042;
	float:right;
}

.footertext {
	font-size:12px;
	margin-left:690px;
}

#footer {
	height:10px;
	margin-top:30px;
	padding:6px 5px 10px 5px;
}