@charset "UTF-8";
/* CSS Document */
body {
	background:#999999;
	background-image:url(Images/bg_tile_main.jpg);
	margin:0;
	padding-top:20px;
	padding-bottom:100px;
	text-align: center;
}
.oneColElsCtr #container {
	width:1024px;
	height:1030px;
	background-color:#FFF;
	margin: 0 auto;
	padding-top:90px;
	text-align: center;
}
.oneColElsCtr #containerBox {
	width:1024px;
	height:auto;
	background-color:#FFF;
	margin: 0 auto;
	padding:0px 0px 10px 0px;
	text-align: center;
}
.oneColElsCtr #containerBox #insideFooter{
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:13px;
	font-weight:200;
	padding: 0px 0px 30px 30px;
	margin-top: 0px;
	text-align: left;
	letter-spacing:.05em;
}
.oneColElsCtr #homeMainContent{
	padding: 0 0px;
	background-color:#ffffff;
	width:465px;
	height:738px;
	margin: 0 auto;
	text-align: left;
}
.oneColElsCtr #Box {
	width:auto;
	height:auto;
	margin: 25px 30px 15px 30px;
	padding-bottom:100px;
	text-align: center;
	border:solid;
	border-width:thin;
	border-color:#fff;
	border-top-color:#f6f6f6;
	border-bottom-color:#f2f2f2;
}
.oneColElsCtr #Box h1{
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:22px;
	font-weight:400;
	padding: 40px 0px 10px 20px;
	margin: 0px;
	text-align: left;
	letter-spacing:.03em;
	width:auto;
}
.oneColElsCtr #Box h3{
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:12px;
	font-weight:200;
	padding: 40px 0px 0px 10px;
	margin: 0px;
	text-align: left;
	letter-spacing:.03em;
	width:auto;
}
.oneColElsCtr #projectName{
	font-weight:100;
}
.oneColElsCtr #processLinks{
	font-weight:100; 
	font-size:16px;
}
.oneColElsCtr #processList{
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:14px;
	font-weight:200;
	padding: 10px 0px 0px 40px;
	margin: 0px;
	text-align: left;
	letter-spacing:.015em;
	width:auto;
	line-height:25px;
}
.oneColElsCtr #greySlash{
	font-size:16px;
	color:#e1e1e1; 
	padding:0px 10px 0px 10px;
	font-weight:100;
}
.oneColElsCtr #Box h2{
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:18px;
	font-weight:400;
	padding: 70px 0px 5px 20px;
	margin: 0px;
	text-align: left;
	letter-spacing:.015em;
	width:auto;
}
.oneColElsCtr #intro{
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:16px;
	font-weight:200;
	padding: 0px 20px 0px 20px;
	margin: 0px;
	text-align: left;
	letter-spacing:.02em;
	word-spacing:.1em;
	width:auto;
	line-height:23px;
}
.oneColElsCtr #goBack{
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:12px;
	font-weight:100;
	padding:30px 0px 10px 12px;
	margin: 0px;
	text-align: left;
	letter-spacing:.02em;
	word-spacing:.2em;
	width:auto;
	line-height:23px;
}
.oneColElsCtr #projectImage{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	width:790px;
}
.oneColElsCtr #projectIntro{
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:12px;
	font-weight:200;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	width:170px;
	letter-spacing:.03em;
	line-height:18px;
	float:right;
}
.oneColElsCtr #projectIntro a{
	margin: 0px;
	padding:0px 0px 5px 0px;
	display:block;
}
.oneColElsCtr #projectIntro ol{
	margin:0px;
	padding:10px 0px 0px 20px;
	list-style-position:outside;
	line-height:14px;
}
.oneColElsCtr #projectIntro li{
	padding:0px 0px 8px 0px;

}
.oneColElsCtr #bodycopy{
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	width:550px;
	font-size:14px;
	font-weight:200;
	padding: 0px 0px 15px 25px;
	margin: 0px;
	text-align: left;
	letter-spacing:.05em;
	line-height:19px;
}
.oneColElsCtr #email{
	display:block;
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:14px;
	font-weight:200;
	padding: 0px 450px 25px 25px;
	margin: 0px;
	text-align: left;
	letter-spacing:.08em;
	line-height:19px;
	text-decoration:none;
}
.oneColElsCtr #homeLogo {
	padding: 0 0px;
	margin-bottom: 20px;
	text-align: left;
}
.oneColElsCtr #insideLogo {
	padding: 30px 30px 20px 30px;
	text-align: left;
	margin:0;
	width:auto;
}
.oneColElsCtr #thumbnailImage {
	padding: 0 0px;
	margin-top: 20px;
	text-align: left;
}
h1.home {
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B0C;	
	font-size:18px;
	font-weight:200;
	padding:0px;
	margin:0px;
	letter-spacing:.04em;
}
h2.home {
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B0C;
	font-size:14px;
	padding:0px;
	margin-top:10px;
	font-weight:300;
	line-height:20px;
	letter-spacing:.03em;
}
.oneColElsCtr #copyrightHome {
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:13px;
	font-weight:200;
	padding: 0 0px;
	padding-top:150px;
	margin-top: 0px;
	text-align: left;
	letter-spacing:.05em;
}	
.oneColElsCtr #meImage {
	text-align:left;
	padding:0px 0px 25px 25px;
	width:550px;
	height:auto;
}
.oneColElsCtr a:hover {
	color:#f26522;
}
.oneColElsCtr a {
	color:#FBB03B;
	text-decoration:none;
}
.oneColElsCtr #contact {
	padding:0px 0px 0px 0px;
	width:387px;
	height:auto;
	float:right;
}
.oneColElsCtr #contactCopy {
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#5F3B1C;
	font-size:14px;
	font-weight:200;
	padding: 0px 0px 15px 25px;
	margin: 0px;
	text-align: left;
	letter-spacing:.05em;
	line-height:19px;
}


/*Navigation css begins here*/
    #nav {
    margin:0px 0px 0px 30px;
    padding:0;
	float:left;
	width:auto;
	border:none;
    }
    #nav li {
    display:inline;
    padding:0px 0px 0px 0px;
    }	
    #nav a:link,
    #nav a:visited {
    color:#999;
    background:none;
	padding:0px 0px 0px 0px;
	float:left;
	width:auto;
	border-right:none;
	text-decoration:none;
	font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
	font-weight:200; 
	font-size:12px; 
	letter-spacing:0.09em;
    }
	#nav li:first-child a {
	border-left:none;
	}
	#nav a:hover,
    #nav a:focus {
    color:#FBB03B;
    background:none;
    }
    #home #nav-home a,
    #userexperience #nav-userexperience a,
	#infodesign #nav-infodesign a,
    #graphicdesign #nav-graphicdesign a,
    #advertising #nav-advertising a,
    #illustration #nav-illustration a,
    #photography #nav-photography a,
	#about #nav-about a,
    #contact #nav-contact a {
    background:none;
    color:#999;
    }
    #home #nav-home a:hover,
    #userexperience #nav-userexperience a:hover,
	#infodesign #nav-infodesign a:hover,
    #graphicdesign #nav-graphicdesign a:hover,
    #advertising #nav-advertising a:hover,
    #illustration #nav-illustration a:hover,
    #photography #nav-photography a:hover,
	#about #nav-about a:hover,
    #contact #nav-contact a:hover{
    color:#FBB03B;
    }
    #nav a:active {
    background:none;
    color:#f26522;
    }
	#nav a:active {
    background:none;
    color:#f26522;
    }
	#selected {
    background:none;
    color:#FBB03B;
    }
	#homeNav{
	font-size:11.5px;
	letter-spacing:0.07em;
	}

/*Navigation css ends here*/

/*Slide css begins here*/
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:964px;
	height:auto;
	background:transparent url(/web/20161029184752im_/http://sarangnorway.com/img/bg_tile_inside.jpg);
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:810px;
  height:auto;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:790px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:auto;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:77px;
  height:1200px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(/web/20161029184752im_/http://sarangnorway.com/Images/control_left1.jpg) no-repeat 0 0;
  position:absolute;
  z-index:1;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(/web/20161029184752im_/http://sarangnorway.com/Images/control_right1.jpg) no-repeat 0 0;
}
.controlLink {
  display:block;
  width:77px;
  height:600px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControlLink {
  top:0;
  left:0;
  background:transparent url(/web/20161029184752im_/http://sarangnorway.com/Images/control_left1.jpg) no-repeat 0 0;
  position:absolute;
  z-index:0;
}
#rightControlLink {
  top:0;
  right:0;
  background:transparent url(/web/20161029184752im_/http://sarangnorway.com/Images/control_right1.jpg) no-repeat 0 0;
}


/** 
 * Style rules for Demo page
 */

.slide h2, .slide p {
  margin:10px 10px 10px 10px;
  color:#5F3B0C;
  font:normal 13px Helvetica Neue, Helvetica, Arial, Sans-serif;
  letter-spacing:0.03em;
  font-weight:300;
  color:#5F3B0C;
  text-align:left;
}
.slide #slideTitle {
	font:Georgia, "Times New Roman", Times, serif;
	font-weight:500;
}
.slide h2 {
  font:normal 11px Helvetica Neue, Helvatica, Arial, Sans-serif;
  font-weight:200;
  letter-spacing:0.06em;
  text-align:left;
  padding-top:25px;
}
.slide img {
  float:left;
  margin:0px 0px 100px 0px;
}

-->

/*Slide css ends here*/