* {margin:0; padding:0;}
/*
NEW ELEMENTS
*/
#Nwrap {
        width:1000px;
		height: 1000px;
		margin:0 auto;
		position:relative;
        background-image: url('background.jpg');
		background-repeat: no-repeat;
}
#Ntitlebar {
position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:160px;
	background-image: url('title_bar.png');	
}

#nav {
position:absolute;
	top:160px;
	left:0px;
	width:220px;
	height:190px;
}

#Nsidebar {
position:absolute;
	top:160px;
	left:0px;
	width:220px;
	height:840px;
	background-image: url('navigation_bar.png');	
}
#Nsocialbar {
position:absolute;
	top:935px;
	left:0px;
	width:220px;
	height:60px;	
}
#Nfooter {
position:absolute;
	top:940px;
	left:0px;
	width:100px;
	height:60px;	
}

#NMain {
position:absolute;
	top:160px;
	left:220px;
	width:780px;
	height:780px;
	background-color:#FFFFFF;
	background-image: url('navigation_bar.png');	
}

.list {
position:static;
	background-color: rgba(256, 256, 256, 0.1);
	padding: 10px;
	margin-bottom: 10px;
	width:700px;
	 -webkit-transition:background-color 0.5s linear;
}
.list:hover {
	background-color: rgba(256, 256, 256, .3);
}




/*
NEW ELEMENTS
*/

h1 { 
color:#FFFFFF;
font-size:30px;
font-weight: normal;
font-family: 'Rokkitt', arial, serif;
 }

h2 { 
color:#FFFFFF;
font-size:30px;
font-weight: normal;
font-family: 'Rokkitt', arial, serif;
}

p { 
color:#c5c5c5;
font-weight: normal;
font-family: 'Lato', arial, serif;
}

p.about { 
color:#2e2e2e;
font-size:45px;
font-weight: normal;
font-family: 'Rokkitt', arial, serif;
}

body{ 
background-image: url('graphy.png');
font-family: 'Lato', arial, serif;
padding:0px;
margin:0px;
border:0px;
}

.dimension { 
font-family: 'Oswald', arial, serif;
}

#copyright {
	color: #FFFFFF;
	position:absolute;
	top:985px;
	left:700px;
	width:300px;
	height:15px;
	font-size: small;
	text-align:right;
}

/*
#wrap {
        width:1000px;
		height: 1200px;
		background-color:#2e2e2e;
		margin:0 auto;
		position:relative;
        background-image: url('weblayout.png');
		background-repeat: no-repeat;
}
*/

#wrapcontact {
        width:575px;
		height: 120px;
		background-color:#2e2e2e;
		margin:0 auto;
		position:relative;
		text-align: center;
}

a{  
   color:#f47735;  
   -webkit-transition:color 0.4s ease-in;  
}  


a:link {color:#f47735; text-decoration: none;}      /* unvisited link */
a:visited {color:#f47735;}  /* visited link */
a:hover {color:#ebe72a;}  /* mouse over link */
a:active {color:#00b259;}  /* selected link */

a.biglink {
	font-size:36px;
}

a.biggallerylink {
	font-size:75px;
	font-family: 'Anton', arial, serif;
	color: #2e2e2e;
}


.blue { color:#4e84c4;}
.sky { color:#72cdf4;}
.purple { color:#5a4099;}
.red { color:#f05133;}
.orange { color:#f47735;}
.yellow { color:#ebe72a;}
.green { color:#00b259;}
.white { color:#FFFFFF;}
.dull { color:#2e2e2e}

#box_title {
position:absolute;
	top:30px;
	left:30px;
	width:940px;
	height:180px;
}
#box_nav {
position:absolute;
	top:190px;
	left:30px;
	width:940px;
	height:30px;
	background-color:#FFFFFF;
	background-image: url('navigation_bar.png');	
}

#box3 {
position:absolute;
	top:230px;
	left:30px;
	width:575px;
	height:575px;
	background-image: url('chartpic.JPG');
	background-repeat: no-repeat;
}
#box3blank {
position:absolute;
	top:280px;
	left:295px;
	width:575px;
	height:575px;
	text-align:justify;
}
#box_story {
position:absolute;
	top:230px;
	left:345px;
	width:575px;
	height:575px;
	text-align:justify;
}

#prod_display {
position:absolute;
	top:190px;
	left:260px;
	width:450px;
	height:500px;
	text-align:right;
}

#prod_display_horiz {
position:absolute;
	top:190px;
	left:260px;
	width:700px;
	height:500px;
	text-align:right;
}

#prod_desc_horizB {
position:absolute;
	top:800px;
	left:260px;
	width:700px;
	height:500px;
	text-align:right;
}

#prod_display_horiz2 {
position:absolute;
	top:430px;
	left:20px;
	width:960px;
	height:500px;
	text-align:right;
}
#prod_display_horiz3 {
position:absolute;
	top:345px;
	left:50px;
	width:960px;
	height:500px;
	text-align:right;
}
#gallery_horiz {
position:absolute;
	top:190px;
	left:260px;
	width:700px;
	height:500px;
	text-align:left;
}


#prod_desc {
position:absolute;
	top:190px;
	left:740px;
	width:230px;
	height:540px;
	text-align:justify;
}

#prod_desc_horiz {
position:absolute;
	top:660px;
	left:260px;
	width:700px;
	height:200px;
	text-align:justify;
}
#prod_desc_horiz2 {
position:absolute;
	top:300px;
	left:260px;
	width:700px;
	height:200px;
	text-align:justify;
}

#prod_desc_horiz3 {
position:absolute;
	top:200px;
	left:260px;
	width:700px;
	height:200px;
	text-align:justify;
}

#box4 {
position:absolute;
	top:270px;
	left:515px;
	width:455px;
	height:575px;
	text-align:justify;
}
#box_footer {
	position:absolute;
	bottom:30px;
	left:30px;
	width:940px;
	height:60px;
}

@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}

#box_moon {
	position:absolute;
	top:75px;
	left:680px;
	width:300px;
	height:300px;
	background-image: url('moon.png');
	background-repeat: no-repeat;
	
	 /* webkit chrome, safari, mobile	*/
  -webkit-animation-name: spin; 
  -webkit-animation-duration: 40000ms; /* 40 seconds 	*/
  -webkit-animation-iteration-count: infinite; 
  -webkit-animation-timing-function: linear;
  
  /* mozilla ff 	*/
  -moz-animation-name: spin; 
  -moz-animation-duration: 40000ms; /* 40 seconds 	*/
  -moz-animation-iteration-count: infinite; 
  -moz-animation-timing-function: linear;
  
  /* microsoft ie 	*/
  -ms-animation-name: spin; 
  -ms-animation-duration: 40000ms; /* 40 seconds 	*/
  -ms-animation-iteration-count: infinite; 
  -ms-animation-timing-function: linear;

}

/* ------------NAVIGATION ELEMENTS------------*/
div.navigation {
	position:absolute;
	width:220px;
	height:34px;
}

div.navigation_s1 {
	position:absolute;
	width:525px;
	height:375px;
}
div.navigation_s2 {
	position:absolute;
	width:375px;
	height:170px;
}
div.navigation_s3 {
	position:absolute;
	width:300px;
	height:250px;
}


#nav_1 {
	left:0px;
	top:30px;
	background-image: url('navbar.png');
	background-position: 0px 0px;
}
#nav_2 {
	left:0px;
	top:64px;
	background-image: url('navbar.png');
	background-position: 0px -34px;
}
#nav_3 {
	left:0px;
	top:98px;
	background-image: url('navbar.png');
	background-position: 0px -68px;
}
#nav_4 {
	left:0px;
	top:132px;
	background-image: url('navbar.png');
	background-position: 0px -102px;
}
#nav_s1 {
	left:75px;
	top:405px;
	background-image: url('stars1.png');
	background-position: 0px -375px;
}
#nav_s2 {
	left:578px;
	top: 152px;
	background-image: url('stars2.png');
	background-position: 0px -170px;
}
#nav_s3 {
	left:660px;
	top: 472px;
	background-image: url('stars3.png');
	background-position: 0px 250px;
}

div#nav_1:hover {
		background-position: 220px 0px;
}
div#nav_2:hover {
		background-position: 220px -34px;
}
div#nav_3:hover {
		background-position: 220px -68px;
}
div#nav_4:hover {
		background-position: 220px -102px;
}
div#nav_s1:hover {
		background-position: 0px 0px;
}
div#nav_s2:hover {
		background-position: 0px 0px;
}
div#nav_s3:hover {
		background-position: 0px 0px;
}

#nav_1_select {
	left:0px;
	top:30px;
	background-image: url('navbar.png');
	background-position: -220px 0px;
}
#nav_2_select {
	left:0px;
	top:64px;
	background-image: url('navbar.png');
	background-position: -220px -34px;
}
#nav_3_select {
	left:0px;
	top:98px;
	background-image: url('navbar.png');
	background-position: -220px -68px;
}
#nav_4_select {
	left:0px;
	top:132px;
	background-image: url('navbar.png');
	background-position: -220px -102px;
}


img#roma {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); -o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray; filter: grayscale(100%);Ê
}

img#roma:hover {
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0); -moz-filter: grayscale(0);
	-ms-filter: grayscale(0); -o-filter: grayscale(0);
	filter: none; filter: grayscale(0);Ê
}

img.colorshift {
	-webkit-transition: 1.2s all ease-in; -o-transition: 1.2s all ease-in;
	-moz-transition: 1.2s all ease-in; transition: 1.2s all ease-in;
}



/* ---------------SOCIAL ELEMENTS-----------------*/
#fb {
	background-image: url('fbook_btn.png');
	position:absolute;
	left:0px;
	top:0px;
	width:30px;
	height:30px;
}
#gp {
	background-image: url('gp_btn.jpg');
	position:absolute;
	left:45px;
	top:0px;
	width:30px;
	height:30px;
}

div.container{
	background-color: #ffffff;
}