add files

2011-09-29 01:36:25 +05:30 · 2011-09-29 01:36:25 +05:30 · 79020cd47f
commit 79020cd47f
parent f2587dad49
46 changed files with 3322 additions and 0 deletions
--- a/urbstudio/static/css/default.css
+++ b/urbstudio/static/css/default.css
@ -0,0 +1,74 @@
+/*
+Skin Name: Nivo Slider Default Theme
+Skin URI: http://nivo.dev7studios.com
+Skin Type: flexible
+Description: The default skin for the Nivo Slider.
+Version: 1.0
+Author: Gilbert Pellegrom
+Author URI: http://dev7studios.com
+*/
+
+.theme-default .projectSlider {
+	position:relative;
+	background:#fff url(file:///C|/KAREN/urbanstudioFINAL/nivo-slider2.6/nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;
+    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
+    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
+    box-shadow: 0px 1px 5px 0px #4a4a4a;
+}
+.theme-default .projectSlider img {
+	position:absolute;
+	top:0px;
+	left:0px;
+	display:none;
+}
+.theme-default .projectSlider a {
+	border:0;
+	display:block;
+}
+
+.theme-default .nivo-controlNav {
+	position:absolute;
+	left:50%;
+	bottom:-42px;
+    margin-left:-40px; /* Tweak this to center bullets */
+}
+.theme-default .nivo-controlNav a {
+	display:block;
+	width:22px;
+	height:22px;
+	background:url(../img/bullets.png) no-repeat;
+	text-indent:-9999px;
+	border:0;
+	margin-right:3px;
+	float:left;
+}
+.theme-default .nivo-controlNav a.active {
+	background-position:0 -22px;
+}
+
+.theme-default .nivo-directionNav a {
+	display:block;
+	width:30px;
+	height:30px;
+	background:url(file:///C|/KAREN/urbanstudioFINAL/nivo-slider2.6/nivo-slider/themes/default/arrows.png) no-repeat;
+	text-indent:-9999px;
+	border:0;
+}
+.theme-default a.nivo-nextNav {
+	background-position:-30px 0;
+	right:15px;
+}
+.theme-default a.nivo-prevNav {
+	left:15px;
+}
+
+.theme-default .nivo-caption {
+    font-family: Helvetica, Arial, sans-serif;
+}
+.theme-default .nivo-caption a {
+    color:#fff;
+    border-bottom:1px dotted #fff;
+}
+.theme-default .nivo-caption a:hover {
+    color:#fff;
+}
--- a/urbstudio/static/css/global.css
+++ b/urbstudio/static/css/global.css
@ -0,0 +1,163 @@
+/*#example {
+	width:600px;
+	height:350px;
+	position:relative;
+}*/
+
+/*#ribbon {
+	position:absolute;
+	top:-3px;
+	left:-15px;
+	z-index:500;
+}*/
+
+/*#frame {
+	position:absolute;
+	z-index:0;
+	width:739px;
+	height:341px;
+	top:-3px;
+	left:-80px;
+}*/
+#slidesContainer {
+	/*padding:10px;*/
+	position:relative;
+	z-index:0;
+/*background-color:blue;*/
+width:600px;
+/*height:450px;*/ /*removed this so pagination could happen nicely one line below the other*/ 
+margin-top:78px;
+margin-right:20px;
+float:left;}
+
+
+/*
+	Slideshow
+*/
+
+#slidesDiv {
+	/*position:absolute;
+	top:15px;
+	left:4px;*/
+	width:600px;
+	margin:0 auto;
+	z-index:100;
+	float:left;
+	}
+
+/*
+	Slides container
+	Important:
+	Set the width of your slides container
+	Set to display none, prevents content flash
+*/
+
+.slidesInner {
+	width:600px;
+	overflow:hidden;
+	position:relative;
+	display:none;
+	margin:0 auto;}
+
+/*
+	Each slide
+	Important:
+	Set the width of your slides
+	If height not specified height will be set by the slide content
+	Set to display block
+*/
+
+.slidesInner a{
+	width:600px;
+	height:450px;
+	display:block;
+  	margin:0 auto;}
+
+.slidesInner img {
+	display:block;
+	margin:0 auto; /*why doesn't this work? worked when i had the a tag in the html*/
+	
+	}
+
+
+.slidesInner a img {
+display:block;
+margin:0 auto;}
+
+
+/*
+	Next/prev buttons
+*/
+
+#slidesDiv .next,#slidesDiv .prev {
+	position:absolute;
+	top:207px;
+	left:0px;
+	/*width:30px;
+	height:30px;*/
+	display:block;
+	z-index:101;
+}
+
+#slidesDiv .next {
+	left:570px;
+}
+
+/*
+	Pagination
+*/
+
+.pagination {
+	margin:0 auto;
+	width:450px;
+	margin-top:6px;
+	} /*need to center this*/
+
+.pagination li {
+	float:left;
+	margin:0 3px;
+	list-style:none;
+	}
+
+.pagination li a {
+	display:block;
+	width:12px;
+	height:0;
+	padding-top:12px;
+	
+	background-image:url(../img/paginations.png);
+	background-position:0 0;
+	float:left;
+	overflow:hidden;
+	margin-bottom:6px;
+}
+
+.pagination li.current a {
+	background-position:0 -12px;
+}
+
+/*
+	Footer
+*/
+
+/*#footer {
+	text-align:center;
+	width:580px;
+	margin-top:9px;
+	padding:4.5px 0 18px;
+	border-top:1px solid #dfdfdf;
+}
+
+#footer p {
+	margin:4.5px 0;
+	font-size:1.0em;
+}
+
+/*
+	Anchors
+*/
+
+.prev, .next {
+	text-decoration:none;
+}
+
--- a/urbstudio/static/css/home.css
+++ b/urbstudio/static/css/home.css
@ -0,0 +1,8 @@
+#slider /*scrollbar gets triggered which hovering over the slider sometimes.*/
+{
+width:750px;
+height:563px;
+margin:0 auto;
+position:relative;
+}
+
--- a/urbstudio/static/css/inner.css
+++ b/urbstudio/static/css/inner.css
@ -0,0 +1,27 @@
+
+.content {
+width:600px;
+font-size:16px;
+line-height:18px;
+color:#e3e3e3; /*formerly a2a1a1*/
+background-color:rgb(8,0,8);
+margin:0 auto;
+margin-top:78px;
+margin-bottom:20px;
+padding:20px;
+text-align:justify;
+border:4px groove #4d4c4c;
+display:none;}
+
+.content a {
+text-decoration:none;
+color:#e3e3e3;
+}
+
+.content a:hover {
+border-bottom:1px solid #db7232; 
+color:#db7232;
+}
+
+#showContent
+{display:block;}
--- a/urbstudio/static/css/main.css
+++ b/urbstudio/static/css/main.css
@ -0,0 +1,118 @@
+
+html, body {
+width:100%;
+height:100%;
+}
+
+body {
+background-color:#000; 
+font-family:Helvetica, Arial, 'DejaVu Sans', sans-serif;
+font-size:14px;
+}
+
+.clear {
+clear:both;
+}
+
+#wrapper {
+width:100%;
+min-width:1000px; /*TBC to suit layout*/
+min-height:100%; /*required for sticky footer*/
+margin:0 auto;
+}
+
+#main {
+padding-bottom:48px;
+min-height:617px; /*to keep logo from jutting into footer at lower resolutions*/
+overflow:auto;
+} 
+
+#logo {/*slightly too long for 1024 resolution in IE on scrolling down, what to do?*/
+position:fixed;
+top:74px;
+left:6px;
+z-index:9999;
+display:none;
+}
+
+#menu {
+position:fixed;
+top:0px;
+width:100%;
+min-width:850px; 
+height:36px;
+text-align:center;
+background-color:#000; /*fallback for old browsers*/
+background: -moz-linear-gradient(top, #494a4a 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,74,74,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #494a4a 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ /* Chrome10+,Safari5.1+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494a4a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, #494a4a 0%,#000000 100%); /* W3C */
+padding-top:18px;
+-moz-box-shadow:2px 2px 18px #666;
+-webkit-box-shadow:2px 2px 18px #666;
+box-shadow:2px 2px 18px #666;
+z-index:10000;
+}
+
+#menu li {
+display:inline;
+font-family:"Century Gothic", "Arial Narrow", Helvetica, Arial, sans-serif;
+font-size:16px;
+text-align:center;
+text-transform:uppercase;
+margin-right:24px;
+margin-left:24px;
+padding:5px;
+}
+
+#menu li a {
+text-decoration:none;
+color:#c1c1c1; /*formerly a2a1a1*/
+}
+
+#menu li a:hover {
+color:#db7232; /*previously af1650*/
+border-bottom:1px solid #a2a1a1;
+}
+
+.orange {
+color:#db7232;
+}
+
+#names 
+{
+font-family:"Arial Narrow", Arial, Helvetica, 'DejaVu Sans', sans-serif ;
+font-size:16px;
+color:#db7232;
+text-align:center;
+position:absolute;
+top:84px;
+right:26px;
+}
+
+#names p {
+padding-bottom:4px;
+}
+
+#footer /*too much top margin, which doesn't show in IE*/
+{
+width:100%;
+height:30px;
+margin-top:-48px;
+padding-top:18px;
+font-family:'Franklin Gothic Medium', 'Arial Narrow', Tahoma, Geneva, sans-serif; /*TBC ??*/
+font-size:12px;
+color:#c1c1c1;
+text-align:center;
+background-color:#494949; /*fallback*/
+background: -moz-linear-gradient(top, #494a4a 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,74,74,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ /* Chrome10+,Safari5.1+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494a4a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, #494a4a 0%,#000000 100%); /* W3C */
+opacity:0.8;
+position:relative;
+z-index:10000;
+}
+
--- a/urbstudio/static/css/nivo-inner.css
+++ b/urbstudio/static/css/nivo-inner.css
@ -0,0 +1,105 @@
+/*
+ * jQuery Nivo Slider v2.6
+ * http://nivo.dev7studios.com
+ *
+ * Copyright 2011, Gilbert Pellegrom
+ * Free to use and abuse under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * March 2010
+ */
+ 
+ 
+/* The Nivo Slider styles */
+.projectSlider
+{position:relative;}
+
+.projectSlider img {
+	position:absolute;
+	top:0px;
+	left:0px;
+}
+
+/* If an image is wrapped in a link */
+/*.nivoSlider a.nivo-imageLink {
+	position:absolute;
+	top:0px;
+	left:0px;
+	width:100%;
+	height:100%;
+	border:0;
+	padding:0;
+	margin:0;
+	z-index:6;
+	display:none;
+}
+/* The slices and boxes in the Slider */
+.nivo-slice {
+	display:block;
+	position:absolute;
+	z-index:5;
+	height:100%;
+	width:100%;}
+
+.nivo-box {
+	display:block;
+	position:absolute;
+	z-index:5;
+}
+/* Caption styles */
+/*.nivo-caption {
+	position:absolute;
+	left:0px;
+	bottom:0px;
+	background:#000;
+	color:#fff;
+	opacity:0.8; /* Overridden by captionOpacity setting */
+	/*width:100%;
+	z-index:8;
+}
+.nivo-caption p {
+	padding:5px;
+	margin:0;
+}
+.nivo-caption a {
+	display:inline !important;
+}
+.nivo-html-caption {
+    display:none;
+}
+/* Direction nav styles (e.g. Next & Prev) */
+.nivo-directionNav a {
+	position:absolute;
+	top:45%;
+	z-index:9;
+	cursor:pointer;
+}
+
+.nivo-prevNav {
+	left:0px;
+background: url(../img/arrow-previous.png) no-repeat;
+width:30px;
+height:30px;
+color:transparent; /*need to remove the a text only, this is hacky!!!*/
+}
+
+.nivo-nextNav {
+	right:0px;
+background: url(../img/arrow-next.png) no-repeat;
+width:30px;
+height:30px;
+color:transparent; /*need to remove the a text only, this is hacky!!!*/}
+
+/* Control nav styles (e.g. 1,2,3...) */
+.nivo-controlNav a {
+	position:relative;
+	z-index:9;
+	cursor:pointer;
+/*background: url(../img/bullets.png) no-repeat;*/
+width:10px;
+height:10px;
+margin-right:4px;}
+
+.nivo-controlNav a.active {
+	font-weight:bold;
+}
--- a/urbstudio/static/css/nivo-slider.css
+++ b/urbstudio/static/css/nivo-slider.css
@ -0,0 +1,91 @@
+/*
+ * jQuery Nivo Slider v2.6
+ * http://nivo.dev7studios.com
+ *
+ * Copyright 2011, Gilbert Pellegrom
+ * Free to use and abuse under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * March 2010
+ */
+ 
+ 
+/* The Nivo Slider styles */
+/*.nivoSlider 
+{position:relative;}
+
+.nivoSlider img {
+	position:absolute;
+	top:0px;
+	left:0px;
+}*/
+
+/* If an image is wrapped in a link */
+/*.nivoSlider a.nivo-imageLink {
+	position:absolute;
+	top:0px;
+	left:0px;
+	width:100%;
+	height:100%;
+	border:0;
+	padding:0;
+	margin:0;
+	z-index:6;
+	display:none;
+}
+/* The slices and boxes in the Slider */
+.nivo-slice {
+	display:block;
+	position:absolute;
+	z-index:5;
+	height:100%;
+	width:100%;}
+
+.nivo-box {
+	display:block;
+	position:absolute;
+	z-index:5;
+}
+/* Caption styles */
+/*.nivo-caption {
+	position:absolute;
+	left:0px;
+	bottom:0px;
+	background:#000;
+	color:#fff;
+	opacity:0.8; /* Overridden by captionOpacity setting */
+	/*width:100%;
+	z-index:8;
+}
+.nivo-caption p {
+	padding:5px;
+	margin:0;
+}
+.nivo-caption a {
+	display:inline !important;
+}
+.nivo-html-caption {
+    display:none;
+}
+/* Direction nav styles (e.g. Next & Prev) */
+/*.nivo-directionNav a {
+	position:absolute;
+	top:45%;
+	z-index:9;
+	cursor:pointer;
+}
+.nivo-prevNav {
+	left:0px;
+}
+.nivo-nextNav {
+	right:0px;
+}
+/* Control nav styles (e.g. 1,2,3...) */
+/*.nivo-controlNav a {
+	position:relative;
+	z-index:9;
+	cursor:pointer;
+}
+.nivo-controlNav a.active {
+	font-weight:bold;
+}*/
--- a/urbstudio/static/css/projects.css
+++ b/urbstudio/static/css/projects.css
@ -0,0 +1,53 @@
+
+#galleryContainer
+{color:#e3e3e3;
+font-size:14px;
+/*background-color:purple;*/
+width:860px;
+margin:0 auto;
+}
+
+/*#projectGallery
+{color:#e3e3e3;
+font-size:14px;
+background-color:purple;
+width:860px;
+margin:0 auto;}*/
+
+.projectSlider 
+{/*background-color:blue;*/
+width:600px;
+height:450px;
+margin-top:78px;
+margin-right:20px;
+float:left;
+}
+
+#textGallery
+{width:220px;
+padding:9px;
+height:430px;
+margin-top:78px;
+float:left;
+text-align:justify;
+border:1px inset #999;
+overflow-y:auto; } /*what to do for overflow behaviours? overflow y scroll???*/
+
+/*#thumbsWrapper {
+background-color:grey;
+width:90%;
+height:100px;
+margin:0 auto;
+margin-top:20px;
+margin-bottom:20px;
+overflow:hidden;
+}*/
+
+/*#thumbnailsGallery {
+width:9000px;} /*ok?*/
+
+
+/*#thumbnailsGallery li{
+display:inline;
+cursor:pointer;
+}*/
--- a/urbstudio/static/css/reset.css
+++ b/urbstudio/static/css/reset.css
@ -0,0 +1,44 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
--- a/urbstudio/static/css/simplyscroll.css
+++ b/urbstudio/static/css/simplyscroll.css
@ -0,0 +1,110 @@
+/* Container DIV - automatically generated */
+
+.simply-scroll-container { 
+position:relative;
+margin:0 auto;}
+
+/* Clip DIV - automatically generated */
+.simply-scroll-clip { 
+position: relative;
+overflow: hidden;
+z-index:2;
+}
+
+/* UL/OL/DIV - the element that simplyScroll is inited on
+Class name automatically added to element */
+.simply-scroll-list { 
+position:absolute;
+top:0;
+left:0;
+z-index:1;
+overflow:hidden;
+list-style:none;
+}
+	
+.simply-scroll-list li {
+list-style:none;
+}
+	
+.simply-scroll-list li img {
+filter:alpha(opacity=50); /*IE*/
+opacity:0.6;
+display:block;
+cursor:pointer;
+}
+
+.simply-scroll-list li img:hover {
+filter:alpha(opacity=100); /*IE*/
+opacity:1;
+}
+
+.selected {
+filter:alpha(opacity=100); /*IE*/
+opacity:1;
+} /*to make sure it retains opacity on selection via Javascript?*/
+
+/* Master button styles - note that up and down versions 
+have been removed in this example */
+
+.simply-scroll-btn {
+position:absolute;
+background-image:url(/static/images/buttons.png);
+width:42px;
+height:44px;
+z-index:3;
+cursor:pointer;
+}
+	
+.simply-scroll-btn-left {
+left:6px;
+bottom:6px;
+background-position:0 -44px;
+}
+
+.simply-scroll-btn-left.disabled {
+background-position:0 0 !important;
+}
+
+.simply-scroll-btn-left:hover {
+background-position:0 -88px;
+}
+
+.simply-scroll-btn-right {
+right:6px;
+bottom:6px;
+background-position:84px -44px;
+}
+
+.simply-scroll-btn-right.disabled {
+background-position:84px 0 !important;
+}
+
+.simply-scroll-btn-right:hover {
+	background-position: 84px -88px;
+}
+
+/* Custom class modifications - adds to / overrides above
+
+.simply-scroll is default base class */
+
+/* Container DIV */
+.simply-scroll { 
+	width: 860px;
+	height: 100px;
+	margin-bottom: 20px;
+	margin-top:2px;
+	
+z-index:20000;}
+
+/* Clip DIV */
+.simply-scroll .simply-scroll-clip {
+	width: 100%;
+	height: 100px;
+}
+	
+/* Explicitly set height/width of each list item */	
+.simply-scroll .simply-scroll-list li {
+	float: left; /* Horizontal scroll only */
+	width: 110px;
+	height: 100px;
+}
--- a/urbstudio/static/css/style.css
+++ b/urbstudio/static/css/style.css
@ -0,0 +1,36 @@
+#container {margin:0 auto;position:relative;text-align:left;width:696px;background:#fff;margin-bottom:2em;
+}	
+/* Sudo Slider */
+
+
+#projectGallery 
+{float:left;
+width:600px;
+height:450px;
+margin-top:78px;
+margin-right:20px;
+}
+#projectGallery ul, #projectGallery li{list-style:none;position:relative;display:block;}
+
+/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
+#slider li {display:none;}	
+#slider li:first-child {display:block;}
+*/
+
+#projectGallery, #projectGallery li {width:600px;overflow:hidden;}
+/* // Sudo Slider */	
+/* Numeric Navigation */
+ol {margin:1em 0;height:28px;	}
+ol li{margin:0 10px 0 0;float:left;list-style:none;height:28px;line-height:28px;}
+ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
+ol li.current a{background:#5DC9E1;color:#fff;}
+ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}
+
+.graphic, .prevBtn, .nextBtn{display:block;overflow:hidden;text-indent:-8000px;}
+
+.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:200px;top:71px;z-index:1000;background:url(../img/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	
+.nextBtn{right:696px;}														
+.nextBtn {background:url(../img/btn_next.gif) no-repeat 0 0;}	
+
+/* Some demos use this line */
+#slider2 ul, #slider2 li{list-style:none;position:relative;display:block;} #slider2, #slider2 li {width:696px;overflow:hidden;}
--- a/urbstudio/static/images/Slide14.jpg
+++ b/urbstudio/static/images/Slide14.jpg
--- a/urbstudio/static/images/Slide21.jpg
+++ b/urbstudio/static/images/Slide21.jpg
--- a/urbstudio/static/images/Slide5.jpg
+++ b/urbstudio/static/images/Slide5.jpg
--- a/urbstudio/static/images/Slidedummya.jpg
+++ b/urbstudio/static/images/Slidedummya.jpg
--- a/urbstudio/static/images/Slidedummyb.jpg
+++ b/urbstudio/static/images/Slidedummyb.jpg
--- a/urbstudio/static/images/Slidedummyc.jpg
+++ b/urbstudio/static/images/Slidedummyc.jpg
--- a/urbstudio/static/images/Slidedummyd.jpg
+++ b/urbstudio/static/images/Slidedummyd.jpg
--- a/urbstudio/static/images/arrownext.png
+++ b/urbstudio/static/images/arrownext.png
--- a/urbstudio/static/images/arrowprevious.png
+++ b/urbstudio/static/images/arrowprevious.png
--- a/urbstudio/static/images/buttons.png
+++ b/urbstudio/static/images/buttons.png
--- a/urbstudio/static/images/dummy1.jpg
+++ b/urbstudio/static/images/dummy1.jpg
--- a/urbstudio/static/images/dummy2.jpg
+++ b/urbstudio/static/images/dummy2.jpg
--- a/urbstudio/static/images/dummy3.jpg
+++ b/urbstudio/static/images/dummy3.jpg
--- a/urbstudio/static/images/dummy4.jpg
+++ b/urbstudio/static/images/dummy4.jpg
--- a/urbstudio/static/images/dummy5.jpg
+++ b/urbstudio/static/images/dummy5.jpg
--- a/urbstudio/static/images/dummyimage.jpg
+++ b/urbstudio/static/images/dummyimage.jpg
--- a/urbstudio/static/images/urban-studio-logo.jpg
+++ b/urbstudio/static/images/urban-studio-logo.jpg
--- a/urbstudio/static/js/jquery-1.6.1.min.js
+++ b/urbstudio/static/js/jquery-1.6.1.min.js
--- a/urbstudio/static/js/jquery.nivo.slider.pack.js
+++ b/urbstudio/static/js/jquery.nivo.slider.pack.js
@ -0,0 +1,67 @@
+/*
+ * jQuery Nivo Slider v2.6
+ * http://nivo.dev7studios.com
+ *
+ * Copyright 2011, Gilbert Pellegrom
+ * Free to use and abuse under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * March 2010
+ */
+
+(function($){var NivoSlider=function(element,options){var settings=$.extend({},$.fn.nivoSlider.defaults,options);var vars={currentSlide:0,currentImage:'',totalSlides:0,randAnim:'',running:false,paused:false,stop:false};var slider=$(element);slider.data('nivo:vars',vars);slider.css('position','relative');slider.addClass('nivoSlider');var kids=slider.children();kids.each(function(){var child=$(this);var link='';if(!child.is('img')){if(child.is('a')){child.addClass('nivo-imageLink');link=child;}
+child=child.find('img:first');}
+var childWidth=child.width();if(childWidth==0)childWidth=child.attr('width');var childHeight=child.height();if(childHeight==0)childHeight=child.attr('height');if(childWidth>slider.width()){slider.width(childWidth);}
+if(childHeight>slider.height()){slider.height(childHeight);}
+if(link!=''){link.css('display','none');}
+child.css('display','none');vars.totalSlides++;});if(settings.startSlide>0){if(settings.startSlide>=vars.totalSlides)settings.startSlide=vars.totalSlides-1;vars.currentSlide=settings.startSlide;}
+if($(kids[vars.currentSlide]).is('img')){vars.currentImage=$(kids[vars.currentSlide]);}else{vars.currentImage=$(kids[vars.currentSlide]).find('img:first');}
+if($(kids[vars.currentSlide]).is('a')){$(kids[vars.currentSlide]).css('display','block');}
+slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');slider.append($('<div class="nivo-caption"><p></p></div>').css({display:'none',opacity:settings.captionOpacity}));var processCaption=function(settings){var nivoCaption=$('.nivo-caption',slider);if(vars.currentImage.attr('title')!=''&&vars.currentImage.attr('title')!=undefined){var title=vars.currentImage.attr('title');if(title.substr(0,1)=='#')title=$(title).html();if(nivoCaption.css('display')=='block'){nivoCaption.find('p').fadeOut(settings.animSpeed,function(){$(this).html(title);$(this).fadeIn(settings.animSpeed);});}else{nivoCaption.find('p').html(title);}
+nivoCaption.fadeIn(settings.animSpeed);}else{nivoCaption.fadeOut(settings.animSpeed);}}
+processCaption(settings);var timer=0;if(!settings.manualAdvance&&kids.length>1){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}
+if(settings.directionNav){slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+settings.prevText+'</a><a class="nivo-nextNav">'+settings.nextText+'</a></div>');if(settings.directionNavHide){$('.nivo-directionNav',slider).hide();slider.hover(function(){$('.nivo-directionNav',slider).show();},function(){$('.nivo-directionNav',slider).hide();});}
+$('a.nivo-prevNav',slider).live('click',function(){if(vars.running)return false;clearInterval(timer);timer='';vars.currentSlide-=2;nivoRun(slider,kids,settings,'prev');});$('a.nivo-nextNav',slider).live('click',function(){if(vars.running)return false;clearInterval(timer);timer='';nivoRun(slider,kids,settings,'next');});}
+if(settings.controlNav){var nivoControl=$('<div class="nivo-controlNav"></div>');slider.append(nivoControl);for(var i=0;i<kids.length;i++){if(settings.controlNavThumbs){var child=kids.eq(i);if(!child.is('img')){child=child.find('img:first');}
+if(settings.controlNavThumbsFromRel){nivoControl.append('<a class="nivo-control" rel="'+i+'"><img src="'+child.attr('rel')+'" alt="" /></a>');}else{nivoControl.append('<a class="nivo-control" rel="'+i+'"><img src="'+child.attr('src').replace(settings.controlNavThumbsSearch,settings.controlNavThumbsReplace)+'" alt="" /></a>');}}else{nivoControl.append('<a class="nivo-control" rel="'+i+'">'+(i+1)+'</a>');}}
+$('.nivo-controlNav a:eq('+vars.currentSlide+')',slider).addClass('active');$('.nivo-controlNav a',slider).live('click',function(){if(vars.running)return false;if($(this).hasClass('active'))return false;clearInterval(timer);timer='';slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');vars.currentSlide=$(this).attr('rel')-1;nivoRun(slider,kids,settings,'control');});}
+if(settings.keyboardNav){$(window).keypress(function(event){if(event.keyCode=='37'){if(vars.running)return false;clearInterval(timer);timer='';vars.currentSlide-=2;nivoRun(slider,kids,settings,'prev');}
+if(event.keyCode=='39'){if(vars.running)return false;clearInterval(timer);timer='';nivoRun(slider,kids,settings,'next');}});}
+if(settings.pauseOnHover){slider.hover(function(){vars.paused=true;clearInterval(timer);timer='';},function(){vars.paused=false;if(timer==''&&!settings.manualAdvance){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}});}
+slider.bind('nivo:animFinished',function(){vars.running=false;$(kids).each(function(){if($(this).is('a')){$(this).css('display','none');}});if($(kids[vars.currentSlide]).is('a')){$(kids[vars.currentSlide]).css('display','block');}
+if(timer==''&&!vars.paused&&!settings.manualAdvance){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}
+settings.afterChange.call(this);});var createSlices=function(slider,settings,vars){for(var i=0;i<settings.slices;i++){var sliceWidth=Math.round(slider.width()/settings.slices);if(i==settings.slices-1){slider.append($('<div class="nivo-slice"></div>').css({left:(sliceWidth*i)+'px',width:(slider.width()-(sliceWidth*i))+'px',height:'0px',opacity:'0',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((sliceWidth+(i*sliceWidth))-sliceWidth)+'px 0%'}));}else{slider.append($('<div class="nivo-slice"></div>').css({left:(sliceWidth*i)+'px',width:sliceWidth+'px',height:'0px',opacity:'0',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((sliceWidth+(i*sliceWidth))-sliceWidth)+'px 0%'}));}}}
+var createBoxes=function(slider,settings,vars){var boxWidth=Math.round(slider.width()/settings.boxCols);var boxHeight=Math.round(slider.height()/settings.boxRows);for(var rows=0;rows<settings.boxRows;rows++){for(var cols=0;cols<settings.boxCols;cols++){if(cols==settings.boxCols-1){slider.append($('<div class="nivo-box"></div>').css({opacity:0,left:(boxWidth*cols)+'px',top:(boxHeight*rows)+'px',width:(slider.width()-(boxWidth*cols))+'px',height:boxHeight+'px',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((boxWidth+(cols*boxWidth))-boxWidth)+'px -'+((boxHeight+(rows*boxHeight))-boxHeight)+'px'}));}else{slider.append($('<div class="nivo-box"></div>').css({opacity:0,left:(boxWidth*cols)+'px',top:(boxHeight*rows)+'px',width:boxWidth+'px',height:boxHeight+'px',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((boxWidth+(cols*boxWidth))-boxWidth)+'px -'+((boxHeight+(rows*boxHeight))-boxHeight)+'px'}));}}}}
+var nivoRun=function(slider,kids,settings,nudge){var vars=slider.data('nivo:vars');if(vars&&(vars.currentSlide==vars.totalSlides-1)){settings.lastSlide.call(this);}
+if((!vars||vars.stop)&&!nudge)return false;settings.beforeChange.call(this);if(!nudge){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}else{if(nudge=='prev'){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}
+if(nudge=='next'){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}}
+vars.currentSlide++;if(vars.currentSlide==vars.totalSlides){vars.currentSlide=0;settings.slideshowEnd.call(this);}
+if(vars.currentSlide<0)vars.currentSlide=(vars.totalSlides-1);if($(kids[vars.currentSlide]).is('img')){vars.currentImage=$(kids[vars.currentSlide]);}else{vars.currentImage=$(kids[vars.currentSlide]).find('img:first');}
+if(settings.controlNav){$('.nivo-controlNav a',slider).removeClass('active');$('.nivo-controlNav a:eq('+vars.currentSlide+')',slider).addClass('active');}
+processCaption(settings);$('.nivo-slice',slider).remove();$('.nivo-box',slider).remove();if(settings.effect=='random'){var anims=new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade','boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');vars.randAnim=anims[Math.floor(Math.random()*(anims.length+1))];if(vars.randAnim==undefined)vars.randAnim='fade';}
+if(settings.effect.indexOf(',')!=-1){var anims=settings.effect.split(',');vars.randAnim=anims[Math.floor(Math.random()*(anims.length))];if(vars.randAnim==undefined)vars.randAnim='fade';}
+vars.running=true;if(settings.effect=='sliceDown'||settings.effect=='sliceDownRight'||vars.randAnim=='sliceDownRight'||settings.effect=='sliceDownLeft'||vars.randAnim=='sliceDownLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceDownLeft'||vars.randAnim=='sliceDownLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);slice.css({'top':'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
+timeBuff+=50;i++;});}
+else if(settings.effect=='sliceUp'||settings.effect=='sliceUpRight'||vars.randAnim=='sliceUpRight'||settings.effect=='sliceUpLeft'||vars.randAnim=='sliceUpLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceUpLeft'||vars.randAnim=='sliceUpLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);slice.css({'bottom':'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
+timeBuff+=50;i++;});}
+else if(settings.effect=='sliceUpDown'||settings.effect=='sliceUpDownRight'||vars.randAnim=='sliceUpDown'||settings.effect=='sliceUpDownLeft'||vars.randAnim=='sliceUpDownLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var v=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceUpDownLeft'||vars.randAnim=='sliceUpDownLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);if(i==0){slice.css('top','0px');i++;}else{slice.css('bottom','0px');i=0;}
+if(v==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
+timeBuff+=50;v++;});}
+else if(settings.effect=='fold'||vars.randAnim=='fold'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;$('.nivo-slice',slider).each(function(){var slice=$(this);var origWidth=slice.width();slice.css({top:'0px',height:'100%',width:'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({width:origWidth,opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({width:origWidth,opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
+timeBuff+=50;i++;});}
+else if(settings.effect=='fade'||vars.randAnim=='fade'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':slider.width()+'px'});firstSlice.animate({opacity:'1.0'},(settings.animSpeed*2),'',function(){slider.trigger('nivo:animFinished');});}
+else if(settings.effect=='slideInRight'||vars.randAnim=='slideInRight'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':'0px','opacity':'1'});firstSlice.animate({width:slider.width()+'px'},(settings.animSpeed*2),'',function(){slider.trigger('nivo:animFinished');});}
+else if(settings.effect=='slideInLeft'||vars.randAnim=='slideInLeft'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':'0px','opacity':'1','left':'','right':'0px'});firstSlice.animate({width:slider.width()+'px'},(settings.animSpeed*2),'',function(){firstSlice.css({'left':'0px','right':''});slider.trigger('nivo:animFinished');});}
+else if(settings.effect=='boxRandom'||vars.randAnim=='boxRandom'){createBoxes(slider,settings,vars);var totalBoxes=settings.boxCols*settings.boxRows;var i=0;var timeBuff=0;var boxes=shuffle($('.nivo-box',slider));boxes.each(function(){var box=$(this);if(i==totalBoxes-1){setTimeout(function(){box.animate({opacity:'1'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){box.animate({opacity:'1'},settings.animSpeed);},(100+timeBuff));}
+timeBuff+=20;i++;});}
+else if(settings.effect=='boxRain'||vars.randAnim=='boxRain'||settings.effect=='boxRainReverse'||vars.randAnim=='boxRainReverse'||settings.effect=='boxRainGrow'||vars.randAnim=='boxRainGrow'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){createBoxes(slider,settings,vars);var totalBoxes=settings.boxCols*settings.boxRows;var i=0;var timeBuff=0;var rowIndex=0;var colIndex=0;var box2Darr=new Array();box2Darr[rowIndex]=new Array();var boxes=$('.nivo-box',slider);if(settings.effect=='boxRainReverse'||vars.randAnim=='boxRainReverse'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){boxes=$('.nivo-box',slider)._reverse();}
+boxes.each(function(){box2Darr[rowIndex][colIndex]=$(this);colIndex++;if(colIndex==settings.boxCols){rowIndex++;colIndex=0;box2Darr[rowIndex]=new Array();}});for(var cols=0;cols<(settings.boxCols*2);cols++){var prevCol=cols;for(var rows=0;rows<settings.boxRows;rows++){if(prevCol>=0&&prevCol<settings.boxCols){(function(row,col,time,i,totalBoxes){var box=$(box2Darr[row][col]);var w=box.width();var h=box.height();if(settings.effect=='boxRainGrow'||vars.randAnim=='boxRainGrow'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){box.width(0).height(0);}
+if(i==totalBoxes-1){setTimeout(function(){box.animate({opacity:'1',width:w,height:h},settings.animSpeed/1.3,'',function(){slider.trigger('nivo:animFinished');});},(100+time));}else{setTimeout(function(){box.animate({opacity:'1',width:w,height:h},settings.animSpeed/1.3);},(100+time));}})(rows,prevCol,timeBuff,i,totalBoxes);i++;}
+prevCol--;}
+timeBuff+=100;}}}
+var shuffle=function(arr){for(var j,x,i=arr.length;i;j=parseInt(Math.random()*i),x=arr[--i],arr[i]=arr[j],arr[j]=x);return arr;}
+var trace=function(msg){if(this.console&&typeof console.log!="undefined")
+console.log(msg);}
+this.stop=function(){if(!$(element).data('nivo:vars').stop){$(element).data('nivo:vars').stop=true;trace('Stop Slider');}}
+this.start=function(){if($(element).data('nivo:vars').stop){$(element).data('nivo:vars').stop=false;trace('Start Slider');}}
+settings.afterLoad.call(this);return this;};$.fn.nivoSlider=function(options){return this.each(function(key,value){var element=$(this);if(element.data('nivoslider'))return element.data('nivoslider');var nivoslider=new NivoSlider(this,options);element.data('nivoslider',nivoslider);});};$.fn.nivoSlider.defaults={effect:'random',slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:'.jpg',controlNavThumbsReplace:'_thumb.jpg',keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:0.8,prevText:'Prev',nextText:'Next',beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};$.fn._reverse=[].reverse;})(jQuery);
--- a/urbstudio/static/js/jquery.simplyscroll-1.0.4.js
+++ b/urbstudio/static/js/jquery.simplyscroll-1.0.4.js
@ -0,0 +1,259 @@
+/*
+ * simplyScroll 1.0.4 - a scroll-tastic jQuery plugin
+ *
+ * http://logicbox.net/jquery/simplyscroll
+ * http://logicbox.net/blog/simplyscroll-jquery-plugin
+ * http://plugins.jquery.com/project/simplyScroll
+ *
+ * Copyright (c) 2009 Will Kelly - http://logicbox.net
+ *
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * Last revised: 03/07/2009 21:13
+ *
+ */
+
+(function($) {
+
+$.fn.simplyScroll = function(o) {
+	return this.each(function() {
+		new $.simplyScroll(this,o);
+	});
+};
+
+var defaults = {
+	className: 'simply-scroll',
+	frameRate: 24, //No of movements per second
+	speed: 1, //No of pixels per frame
+	horizontal: true,
+	autoMode: 'off', //disables buttons 'loop','bounce'
+	pauseOnHover: true,
+	startOnLoad: false, //use this if having rendering problems (safari 3 + Mac OSX?)
+	localJsonSource: '', //format [{"src":"images/pic.jpg","title":"title","link":"http://"},{etc..}]
+	flickrFeed: '',
+	jsonImgWidth: 240,
+	jsonImgHeight: 180
+};
+	
+$.simplyScroll = function(el,o) {
+	
+	var self = this;
+	
+	this.o = $.extend({}, defaults, o || {});
+	this.auto = this.o.autoMode!=="off" ? true : false;
+	
+	//called on ul/ol/div etc
+	this.$list = $(el);
+	
+	//generate extra markup
+	this.$list.addClass('simply-scroll-list')
+		.wrap('<div class="simply-scroll-clip"></div>')
+		.parent().wrap('<div class="' + this.o.className + ' simply-scroll-container"></div>');
+	
+	if (!this.o.auto) { //button placeholders
+		this.$list.parent().parent()
+		.prepend('<div class="simply-scroll-forward"></div>')
+		.prepend('<div class="simply-scroll-back"></div>');
+	}
+	
+	//load image data
+	if (this.o.flickrFeed) {
+		$.getJSON(this.o.flickrFeed + "&format=json&jsoncallback=?",
+			function(data) {
+				json = [];
+				$.each(data.items, function(i,item) {
+					json.push({
+						"src": item.media.m,
+						"title": item.title,
+						"link": item.link
+					});
+				});
+				self.renderData(json);
+			}
+		);
+	} else if (this.o.localJsonSource) {
+		$.getJSON(this.o.localJsonSource,
+			function(json) {
+				self.renderData(json);
+			}
+		);
+	} else {
+		
+		if (!this.o.startOnLoad) {
+			this.init();
+		} else {
+			//wait for load before completing setup
+			$(window).load(function() { self.init();  });
+		}
+		
+	}
+		
+};
+	
+$.simplyScroll.fn = $.simplyScroll.prototype = {};
+
+$.simplyScroll.fn.extend = $.simplyScroll.extend = $.extend;
+
+$.simplyScroll.fn.extend({
+	init: function() {
+		//shortcuts
+		this.$items = this.$list.children();
+		this.$clip = this.$list.parent();
+		this.$container = this.$clip.parent();
+
+		if (!this.o.horizontal) {
+			this.itemMax = this.$items.eq(0).outerHeight(true); 
+			this.clipMax = this.$clip.height();
+			this.dimension = 'height';			
+			this.moveBackClass = 'simply-scroll-btn-up';
+			this.moveForwardClass = 'simply-scroll-btn-down';
+		} else {
+			this.itemMax = this.$items.eq(0).outerWidth(true);
+			this.clipMax = this.$clip.width();			
+			this.dimension = 'width';
+			this.moveBackClass = 'simply-scroll-btn-left';
+			this.moveForwardClass = 'simply-scroll-btn-right';
+		}
+		
+		this.posMin = 0;
+		
+		/* 
+		IMPORTANT: The script assumes multiple elements within a list are the same width or height 
+		to work out how many extra elements to generate to simulate the loop. 
+		
+		If you want this script to work with unequal sized elements don't modify the next line 
+		to do this:
+		
+		this.$items.each(function() {
+			self.posMax += !this.o.horizontal ? $(this).outerHeight(true) : $(this).outerWidth(true);
+		});
+		
+		as it will cause white-space and a jump to appear when elements have wildly different dimensions
+		See: http://logicbox.net/jquery/simplyscroll/test_unequalelements.html
+		
+		Instead simply add an extra wrapper element around your list and init simplyScroll on that, 
+		essentially scrolling just one element. Less efficient but it does the job!
+		
+		*/
+		this.posMax = this.$items.length * this.itemMax;
+		
+		this.$list.css(this.dimension,this.posMax +'px');
+		
+		if (this.o.autoMode=='loop') {
+			var addItems = Math.ceil(this.clipMax / this.itemMax);	
+			this.$items.slice(0,addItems).clone(true).appendTo(this.$list);
+			this.posMax += (this.clipMax - this.o.speed);
+			this.$list.css(this.dimension,this.posMax+(this.itemMax*addItems) +'px');
+		}
+		
+		this.interval = null;	
+		this.intervalDelay = Math.floor(1000 / this.o.frameRate);
+		
+		//ensure that speed is divisible by item width
+		while (this.itemMax % this.o.speed !== 0) {
+			this.o.speed--;
+			if (this.o.speed===0) {
+				this.o.speed=1; break;	
+			}
+		}
+		
+		var self = this;
+		this.trigger = null;
+		this.funcMoveBack = function() { self.trigger=this;self.moveBack(); };
+		this.funcMoveForward = function() { self.trigger=this;self.moveForward(); };
+		this.funcMoveStop = function() { self.moveStop(); };
+		this.funcMoveResume = function() { self.moveResume(); };
+		
+		if (this.auto) {
+			if (this.o.pauseOnHover) {
+				this.$clip.hover(this.funcMoveStop,this.funcMoveResume);
+			}
+			this.moveForward();
+		} else {
+			this.$btnBack = $('.simply-scroll-back',this.$container)
+				.addClass('simply-scroll-btn' + ' ' + this.moveBackClass + ' ' + 'disabled')
+				.hover(this.funcMoveBack,this.funcMoveStop);
+			this.$btnForward = $('.simply-scroll-forward',this.$container)
+				.addClass('simply-scroll-btn' + ' ' + this.moveForwardClass)
+				.hover(this.funcMoveForward,this.funcMoveStop);
+		}
+	},
+	moveForward: function() {
+		var self = this;
+		this.movement = 'forward';
+		if (this.trigger !== null) {
+			this.$btnBack.removeClass('disabled');
+		}
+		self.interval = setInterval(function() {
+			if (!self.o.horizontal && self.$clip[0].scrollTop < (self.posMax-self.clipMax)) {
+				self.$clip[0].scrollTop += self.o.speed;
+			} else if (self.o.horizontal && self.$clip[0].scrollLeft < (self.posMax-self.clipMax)) {
+				self.$clip[0].scrollLeft += self.o.speed; 
+			} else if (self.o.autoMode=='loop') {
+				self.resetPos();
+			} else {
+				self.moveStop(self.movement);
+			}
+		},self.intervalDelay);
+	},
+	moveBack: function() {
+		var self = this;
+		this.movement = 'back';
+		if (this.trigger !== null) {
+			this.$btnForward.removeClass('disabled');
+		}
+		self.interval = setInterval(function() {
+			if (!self.o.horizontal && self.$clip[0].scrollTop>0) {
+				self.$clip[0].scrollTop -= self.o.speed;
+			} else if (self.o.horizontal && self.$clip[0].scrollLeft>0) {
+				self.$clip[0].scrollLeft -= self.o.speed;
+			} else if (self.o.autoMode=='loop') {
+				self.resetPos();
+			} else {
+				self.moveStop(self.movement);
+			}
+		},self.intervalDelay);
+	},
+	moveStop: function(moveDir) {
+		clearInterval(this.interval);	
+		if (this.trigger!==null) {
+			if (typeof moveDir != "undefined") {
+				$(this.trigger).addClass('disabled');
+			}
+			this.trigger = null;
+		}
+		if (this.auto) {
+			if (this.o.autoMode=='bounce') {
+				moveDir == 'forward' ? this.moveBack() : this.moveForward();
+			}
+		}
+	},
+	moveResume: function() {
+		this.movement=='forward' ? this.moveForward() : this.moveBack();
+	},
+	resetPos: function() {
+		if (!this.o.horizontal) {
+			this.$clip[0].scrollTop = 0;
+		} else {
+			this.$clip[0].scrollLeft = 0;
+		}
+	},
+	renderData: function(json) {
+		if (json.length>0) { //render json data
+			var self = this;
+			$.each(json, function(i,item) {
+				$("<img/>").attr({
+					src: item.src,
+					title: item.title,
+					alt: item.title,
+					width: self.o.jsonImgWidth,
+					height: self.o.jsonImgHeight
+				}).appendTo(self.$list);
+			});
+			this.init();
+		}
+	}
+});
+		  
+})(jQuery);
--- a/urbstudio/static/js/jquery.simplyscroll-1.0.4.min.js
+++ b/urbstudio/static/js/jquery.simplyscroll-1.0.4.min.js
@ -0,0 +1,26 @@
+/*
+ * simplyScroll 1.0.4 - a scroll-tastic jQuery plugin
+ *
+ * http://logicbox.net/jquery/simplyscroll
+ * http://logicbox.net/blog/simplyscroll-jquery-plugin
+ * http://plugins.jquery.com/project/simplyScroll
+ *
+ * Copyright (c) 2009 Will Kelly - http://logicbox.net
+ *
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * Last revised: 03/07/2009 21:13
+ *
+ */
+
+(function($){$.fn.simplyScroll=function(o){return this.each(function(){new $.simplyScroll(this,o);});};var defaults={className:'simply-scroll',frameRate:24,speed:1,horizontal:true,autoMode:'off',pauseOnHover:true,startOnLoad:false,localJsonSource:'',flickrFeed:'',jsonImgWidth:240,jsonImgHeight:180};$.simplyScroll=function(el,o){var self=this;this.o=$.extend({},defaults,o||{});this.auto=this.o.autoMode!=="off"?true:false;this.$list=$(el);this.$list.addClass('simply-scroll-list').wrap('<div class="simply-scroll-clip"></div>').parent().wrap('<div class="'+this.o.className+' simply-scroll-container"></div>');if(!this.o.auto){this.$list.parent().parent().prepend('<div class="simply-scroll-forward"></div>').prepend('<div class="simply-scroll-back"></div>');}
+if(this.o.flickrFeed){$.getJSON(this.o.flickrFeed+"&format=json&jsoncallback=?",function(data){json=[];$.each(data.items,function(i,item){json.push({"src":item.media.m,"title":item.title,"link":item.link});});self.renderData(json);});}else if(this.o.localJsonSource){$.getJSON(this.o.localJsonSource,function(json){self.renderData(json);});}else{if(!this.o.startOnLoad){this.init();}else{$(window).load(function(){self.init();});}}};$.simplyScroll.fn=$.simplyScroll.prototype={};$.simplyScroll.fn.extend=$.simplyScroll.extend=$.extend;$.simplyScroll.fn.extend({init:function(){this.$items=this.$list.children();this.$clip=this.$list.parent();this.$container=this.$clip.parent();if(!this.o.horizontal){this.itemMax=this.$items.eq(0).outerHeight(true);this.clipMax=this.$clip.height();this.dimension='height';this.moveBackClass='simply-scroll-btn-up';this.moveForwardClass='simply-scroll-btn-down';}else{this.itemMax=this.$items.eq(0).outerWidth(true);this.clipMax=this.$clip.width();this.dimension='width';this.moveBackClass='simply-scroll-btn-left';this.moveForwardClass='simply-scroll-btn-right';}
+this.posMin=0;this.posMax=this.$items.length*this.itemMax;this.$list.css(this.dimension,this.posMax+'px');if(this.o.autoMode=='loop'){var addItems=Math.ceil(this.clipMax/this.itemMax);this.$items.slice(0,addItems).clone(true).appendTo(this.$list);this.posMax+=(this.clipMax-this.o.speed);this.$list.css(this.dimension,this.posMax+(this.itemMax*addItems)+'px');}
+this.interval=null;this.intervalDelay=Math.floor(1000/this.o.frameRate);while(this.itemMax%this.o.speed!==0){this.o.speed--;if(this.o.speed===0){this.o.speed=1;break;}}
+var self=this;this.trigger=null;this.funcMoveBack=function(){self.trigger=this;self.moveBack();};this.funcMoveForward=function(){self.trigger=this;self.moveForward();};this.funcMoveStop=function(){self.moveStop();};this.funcMoveResume=function(){self.moveResume();};if(this.auto){if(this.o.pauseOnHover){this.$clip.hover(this.funcMoveStop,this.funcMoveResume);}
+this.moveForward();}else{this.$btnBack=$('.simply-scroll-back',this.$container).addClass('simply-scroll-btn'+' '+this.moveBackClass+' '+'disabled').hover(this.funcMoveBack,this.funcMoveStop);this.$btnForward=$('.simply-scroll-forward',this.$container).addClass('simply-scroll-btn'+' '+this.moveForwardClass).hover(this.funcMoveForward,this.funcMoveStop);}},moveForward:function(){var self=this;this.movement='forward';if(this.trigger!==null){this.$btnBack.removeClass('disabled');}
+self.interval=setInterval(function(){if(!self.o.horizontal&&self.$clip[0].scrollTop<(self.posMax-self.clipMax)){self.$clip[0].scrollTop+=self.o.speed;}else if(self.o.horizontal&&self.$clip[0].scrollLeft<(self.posMax-self.clipMax)){self.$clip[0].scrollLeft+=self.o.speed;}else if(self.o.autoMode=='loop'){self.resetPos();}else{self.moveStop(self.movement);}},self.intervalDelay);},moveBack:function(){var self=this;this.movement='back';if(this.trigger!==null){this.$btnForward.removeClass('disabled');}
+self.interval=setInterval(function(){if(!self.o.horizontal&&self.$clip[0].scrollTop>0){self.$clip[0].scrollTop-=self.o.speed;}else if(self.o.horizontal&&self.$clip[0].scrollLeft>0){self.$clip[0].scrollLeft-=self.o.speed;}else if(self.o.autoMode=='loop'){self.resetPos();}else{self.moveStop(self.movement);}},self.intervalDelay);},moveStop:function(moveDir){clearInterval(this.interval);if(this.trigger!==null){if(typeof moveDir!="undefined"){$(this.trigger).addClass('disabled');}
+this.trigger=null;}
+if(this.auto){if(this.o.autoMode=='bounce'){moveDir=='forward'?this.moveBack():this.moveForward();}}},moveResume:function(){this.movement=='forward'?this.moveForward():this.moveBack();},resetPos:function(){if(!this.o.horizontal){this.$clip[0].scrollTop=0;}else{this.$clip[0].scrollLeft=0;}},renderData:function(json){if(json.length>0){var self=this;$.each(json,function(i,item){$("<img/>").attr({src:item.src,title:item.title,alt:item.title,width:self.o.jsonImgWidth,height:self.o.jsonImgHeight}).appendTo(self.$list);});this.init();}}});})(jQuery);
--- a/urbstudio/static/js/jquery.sudoSlider.js
+++ b/urbstudio/static/js/jquery.sudoSlider.js
--- a/urbstudio/static/js/jquery.sudoSlider.min.js
+++ b/urbstudio/static/js/jquery.sudoSlider.min.js
@ -0,0 +1,18 @@
+(function(h){h.fn.sudoSlider=function(X){var d=!1,e=!d,f=this,X=h.extend({controlsShow:e,controlsFadeSpeed:400,controlsFade:e,insertAfter:e,firstShow:d,lastShow:d,vertical:d,speed:800,ease:"swing",auto:d,pause:2E3,continuous:d,prevNext:e,numeric:d,numericAttr:'class="controls"',numericText:[],clickableAni:d,history:d,speedhistory:400,autoheight:e,customLink:d,fade:d,crossFade:e,fadespeed:1E3,updateBefore:d,ajax:d,preloadAjax:100,startSlide:d,ajaxLoadFunction:d,beforeAniFunc:d,afterAniFunc:d,uncurrentFunc:d,
+currentFunc:d,prevHtml:'<a href="#" class="prevBtn"> previous </a>',nextHtml:'<a href="#" class="nextBtn"> next </a>',loadingText:"Loading Content...",firstHtml:'<a href="#" class="firstBtn"> first </a>',controlsAttr:'id="controls"',lastHtml:'<a href="#" class="lastBtn"> last </a>',autowidth:e,slideCount:1,resumePause:d,moveCount:1},X);return this.each(function(){function ea(c,D){l=0;for(b in J)a[l]=J[b],l++;w=d;E=e;o=c.children("ul");k=o.children("li");i=k.length;if(a[25]&&(o.length==0&&c.append(o=
+h("<ul></ul>")),a[25].length>i)){for(b=1;b<=a[25].length-i;b++)o.append("<li><p>"+a[35]+"</p></li>");k=o.children("li");i=k.length}y=g=0;s=i-1;p=e;K=q=Y=d;R=[];w=d;c.css("position")=="static"&&c.css("position","relative");k.css({"float":"left",display:"block"});a[40]=n(a[40]);a[42]--;u=a[40];a[21]||(a[40]+=a[42]);a[40]>i&&(a[40]=i);a[27]=n(a[27])||1;F=a[11]&&(!a[21]||a[40]>1);for(b=0;b<i;b++)a[15][b]=a[15][b]||b+1,a[25][b]=a[25][b]||d;if(F){for(j=a[40];j>=1;j--)o.prepend(k.eq(-a[40]+j-1).clone()).append(k.eq(a[40]-
+j).clone());r=o.children("li");if(a[25])for(b=i-a[40];b<i;b++)a[25][b]&&b!=a[27]-1&&z(b,d,0,d)}a[2]=a[2]&&!a[11];o[a[6]?"height":"width"](1E7);r=o.children("li");A=d;if(a[0]){A=h("<span "+a[37]+"></span>");h(c)[a[3]?"after":"before"](A);if(a[13]){fa=A.prepend("<ol "+a[14]+"></ol>").children();l=a[13]=="pages"?u:1;for(b=0;b<i-(a[11]||a[13]=="pages"?1:u)+1;b+=l)R[b]=h("<li rel='"+(b+1)+"'><a href='#'><span>"+a[15][b]+"</span></a></li>").appendTo(fa).click(function(){G(h(this).attr("rel")-1,e);return d})}a[4]&&
+(ga=S(a[36],"first"));a[5]&&(ha=S(a[38],"last"));a[12]&&(ia=S(a[34],"next"),ja=S(a[33],"prev"))}if(a[26]===e)for(j=0;j<=s;j++)a[25][j]&&a[27]-1!=j&&z(j,d,0,d);l=[1,7,10,18,23];for(b in l)a[n(l[b])]=sa(a[n(l[b])]);a[20]&&h(a[20]).live("click",function(){if(b=h(this).attr("rel"))b=="stop"?(a[9]=d,clearTimeout(x),L=d):b=="start"?(x=M(a[10]),a[9]=e):b=="block"?p=d:b=="unblock"?p=e:p&&G(b==n(b)?b-1:b,e);return d});Z(r.slice(0,a[40]),e,function(){a[9]&&(x=M(a[10]));D?B(D,d,d,d):a[17]?(h.hashchange?h(window).hashchange(T):
+h.address?h.address.change(function(){T()}):h(window).bind("hashchange",T),T()):B(a[27]-1,d,d,d)})}function T(){a:{var c=location.hash.substr(1);for(j in a[15])if(a[15][j]==c)break a;j=c?g:0}E?B(j,d,d,d):j!=g&&G(j,d)}function ka(){if(a[25]&&n(a[26]))for(b in a[25])if(a[25][b]){clearTimeout(U);U=setTimeout(function(){z(b,d,0,d)},n(a[26]));break}}function M(a){L=e;return setTimeout(function(){G("next",d)},a)}function sa(a){return n(a)||a==0?n(a):a=="fast"?200:a=="normal"||a=="medium"?400:a=="slow"?
+600:400}function S(a,b){return h(a).prependTo(A).click(function(){G(b,e);return d})}function G(c,b){N=d;if(!w){if(a[9]){var v=a[7];q&&a[22]?v=n(v*0.6):q&&(v=0);b?(clearTimeout(x),L=d,a[41]&&(x=M(v+a[41]))):x=M(a[10]+v)}a[21]?la(c,b):(a[11]?(c=O(c),v=Math.abs(g-c),c<a[40]-u+1&&Math.abs(g-c-i)<v&&(c+=i,v=Math.abs(g-c-i)),c>s-a[40]&&Math.abs(g-c+i)<v&&(c-=i)):c=O(c),B(c,b,e,d))}}function ma(c,d,b){if(b)var b=ia,e=ha,g="next",f="last",i=a[5];else b=ja,e=ga,g="prev",f="first",i=a[4];if(a[0]){if(a[12])b[c?
+"fadeIn":"fadeOut"](d);if(i)e[c?"fadeIn":"fadeOut"](d)}if(a[20])h(a[20]).filter(function(){return h(this).attr("rel")==g||h(this).attr("rel")==f})[c?"fadeIn":"fadeOut"](d)}function na(a,b){ma(a,b,d);ma(a<i-u,b,e)}function $(c){c=t(c)+1;if(a[13])for(b in R)oa(R[b],c);a[20]&&oa(h(a[20]),c)}function oa(c,D){c.filter&&(c.filter(".current").removeClass("current").each(function(){h.isFunction(a[31])&&a[31].call(this,h(this).attr("rel"))}),c.filter(function(){l=h(this).attr("rel");if(a[13]=="pages")for(b=
+0;b<u;b++){if(l==D-b)return e}else return l==D;return d}).addClass("current").each(function(){h.isFunction(a[32])&&a[32].call(this,D)}))}function Z(a,d,b){var a=a.add(a.find("img")).filter("img"),e=a.length;e||b();a.load(function(){this.naturalHeight&&!this.clientHeight&&h(this).height(this.naturalHeight).width(this.naturalWidth);d?(e--,e==0&&b()):b()}).each(function(){if((this.complete||this.complete===void 0)&&d){var a=this.src;this.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
+this.src=a}})}function V(c,b){a[19]&&pa(c,b,e);a[39]&&pa(c,b,d)}function pa(a,b,e){P.ready(function(){qa(a,b,e);Z(k.eq(a),d,function(){qa(a,b,e)})})}function qa(c,b,e){c=t(c);l=k.eq(c)[e?"height":"width"]();P.animate(e?{height:l}:{width:l},{queue:d,duration:b,easing:a[8]})}function aa(){o.css(a[6]?"margin-top":"margin-left",ba(g))}function ba(c){c=r.eq(c+(F?a[40]:0));return c.length?-c.position()[a[6]?"top":"left"]:0}function ta(){g=t(g);a[24]||$(g);aa();p=e;if(a[17]&&Y)window.location.hash=a[15][g];
+!q&&N&&C(g,e)}function C(c,b){(b?ca:da)(k.eq(c),t(c)+1);if(F&&(c<a[40]&&(b?ca:da)(r.eq(c<0?c+a[40]:c-a[40]),c+1),c>s-a[40]||c==-a[40]))(b?ca:da)(r.eq(c==-a[40]?-1:a[40]+c-s-1),c+1)}function ca(c,b){h.isFunction(a[30])&&a[30].call(c,b)}function da(c,b){h.isFunction(a[29])&&a[29].call(c,b)}function O(c){return c=="next"?t(g+1+a[42]):c=="prev"?t(g-1-a[42]):c=="first"?0:c=="last"?s:n(c)}function z(c,b,g,f){U&&clearTimeout(U);var m=a[25][c],i=k.eq(c),l=g===e,g=g===e?0:g;q&&!a[22]&&n(a[23]*0.4);var j=d;
+h.ajax({url:m,success:function(a,h,m){m.getResponseHeader("Content-Type").substr(0,5)!="image"&&(j=e,i.html(a),ra(c,g,f,b,l,d))},complete:function(){if(!j)image=new Image,i.html("").append(image),image.src=m,ra(c,g,f,b,l,e)}});a[25][c]=d;J.ajax[c]=d}function ra(c,b,g,f,i,l){var j=k.eq(c);F&&(c<a[40]&&r.eq(c<0?c+a[40]:c-a[40]).replaceWith(h(j).clone()),c>s-a[40]&&r.eq(a[40]+c-s-1).replaceWith(h(j).clone()),r=o.children("li"),i===e&&aa());f&&V(c,b);Z(j,e,function(){i===e&&aa();h.isFunction(g)&&g();
+ka()});h.isFunction(a[28])&&a[28].call(j,n(c)+1,l);g==2&&(C(c,d),N||(C(c,e),N=e))}function la(c,f,i){if(O(c)!=g&&!w&&p){K=d;a[24]&&$(O(c));var j=!f&&!a[9]&&a[17]?a[23]*(a[18]/a[7]):a[23],m=O(c);a[2]&&na(m,a[1]);if(i)j=W,H&&H--;else if(a[25]){H=0;W=j;for(b=m;b<m+u;b++)a[25][b]&&(z(t(b),d,j,function(){la(c,f,e)}),H++)}else H=d;if(!H)if(p=!f,V(m,a[23]),C(m,d),a[22]){var l=e,i=0;for(b=m;b<m+u;b++)k.eq(t(b)).clone().prependTo(P).css({"z-index":"100000",position:"absolute","list-style":"none",top:a[6]?
+i:0,left:a[6]?0:i}).hide().fadeIn(a[23],function(){screen.fontSmoothingEnabled&&this.style.removeAttribute("filter");q=p=e;if(l){B(m,d,d,d);if(a[17]&&f)window.location.hash=a[15][g];C(m,e);l=d}h(this).remove();q=d}),i+=k.eq(b)[a[6]?"outerHeight":"outerWidth"](e)}else{var o=n(j*0.6);k.stop().fadeTo(j-o,0.001,function(){q=p=e;B(m,d,d,d);p=!f;k.fadeTo(o,1,function(){screen.fontSmoothingEnabled&&this.style.removeAttribute("filter");if(a[17]&&f)window.location.hash=a[15][g];p=e;q=d;C(m,e)})})}}}function B(c,
+f,h,j){if(p&&!w&&(c!=g||E)&&i>t(c)||j){j||(K=d);p=!f&&!a[9]?e:a[16];Y=f;y=g;g=c;a[24]&&$(g);var m=Math.sqrt(Math.abs(y-g)),k=!h?0:!f&&!a[9]?n(m*a[18]):n(m*a[7]),m=t(g);if(j)k=W,Q&&Q--;else if(a[25]){a[25][m]&&(z(m,e,E||k,2),K=e);if(!q){var j=y>g?g:y,r=y>g?y:g;Q=0;W=k;for(b=j;b<=r;b++)b<=s&&b>=0&&a[25][b]&&(z(b,d,k,function(){B(c,f,h,e)}),Q++)}for(b=m+1;b<=m+u;b++)a[25][b]&&z(b,d,0,d)}Q||(!q&&!K&&(C(m,d),N=e),q||V(g,k),l=ba(g),o.animate(a[6]?{marginTop:l}:{marginLeft:l},{queue:d,duration:k,easing:a[8],
+complete:ta}),a[2]&&(k=a[1],!f&&!a[9]&&(k=a[18]/a[7]*a[1]),h||(k=0),q&&(k=n(a[23]*0.6)),na(g,k)),E&&(a[25][m]||ka()),E=d)}}function t(a){return n(a<0?a+i:a>s?a-i:a)}function n(a){return parseInt(a,10)}var E,o,k,r,i,g,y,s,p,Y,q,K,R,fa,w,A,ga,ha,ia,ja,x,I,W,Q,H,L,b,l,j,F,u,N=d,U,P=h(this),J=X,a=[];ea(P,d);f.getOption=function(a){return J[a]};f.setOption=function(a,b){b&&(f.destroy(),J[a]=b,f.init());return f};f.insertSlide=function(c,b,d){if(c){f.destroy();b>i&&(b=i);c="<li>"+c+"</li>";!b||b==0?o.prepend(c):
+k.eq(b-1).after(c);(b<=I||!b||b==0)&&I++;if(a[15].length<b)a[15].length=b;a[15].splice(b,0,d||n(b)+1);f.init()}return f};f.removeSlide=function(b){b--;f.destroy();k.eq(b).remove();a[15].splice(b,1);b<I&&I--;f.init();return f};f.goToSlide=function(a){G(a==n(a)?a-1:a,e);return f};f.block=function(){p=d;return f};f.unblock=function(){p=e;return f};f.startAuto=function(){a[9]=e;x=M(a[10]);return f};f.stopAuto=function(){a[9]=d;clearTimeout(x);L=d;return f};f.destroy=function(){I=g;A&&A.remove();w=e;h(a[20]).die("click");
+if(F)for(b=1;b<=a[40];b++)r.eq(b-1).add(r.eq(-b)).remove();o.css(a[6]?"margin-top":"margin-left",ba(g));return f};f.init=function(){w&&ea(P,I);return f};f.adjust=function(a){a||(a=0);V(j,a);return f};f.getValue=function(a){return a=="currentSlide"?g+1:a=="totalSlides"?i:a=="clickable"?p:a=="destroyed"?w:a=="autoAnimation"?L:void 0}})}})(jQuery);
--- a/urbstudio/static/js/pronit.js
+++ b/urbstudio/static/js/pronit.js
@ -0,0 +1,5 @@
+$(document).ready(function() { 
+	$('#logo').fadeIn(4000); 
+
+});
+
--- a/urbstudio/static/js/slides.jquery.js
+++ b/urbstudio/static/js/slides.jquery.js
@ -0,0 +1,555 @@
+/*
+* Slides, A Slideshow Plugin for jQuery
+* Intructions: http://slidesjs.com
+* By: Nathan Searles, http://nathansearles.com
+* Version: 1.1.9
+* Updated: September 5th, 2011
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+(function($){
+	$.fn.slides = function( option ) {
+		// override defaults with specified option
+		option = $.extend( {}, $.fn.slides.option, option );
+
+		return this.each(function(){
+			// wrap slides in control container, make sure slides are block level
+			$('.' + option.container, $(this)).children().wrapAll('<div class="slides_control"/>');
+			
+			var elem = $(this),
+				control = $('.slides_control',elem),
+				total = control.children().size(),
+				width = control.children().outerWidth(),
+				height = control.children().outerHeight(),
+				start = option.start - 1,
+				effect = option.effect.indexOf(',') < 0 ? option.effect : option.effect.replace(' ', '').split(',')[0],
+				paginationEffect = option.effect.indexOf(',') < 0 ? effect : option.effect.replace(' ', '').split(',')[1],
+				next = 0, prev = 0, number = 0, current = 0, loaded, active, clicked, position, direction, imageParent, pauseTimeout, playInterval;
+			
+			// is there only one slide?
+			if (total < 2) {
+				// Fade in .slides_container
+				$('.' + option.container, $(this)).fadeIn(option.fadeSpeed, option.fadeEasing, function(){
+					// let the script know everything is loaded
+					loaded = true;
+					// call the loaded funciton
+					option.slidesLoaded();
+				});
+				// Hide the next/previous buttons
+				$('.' + option.next + ', .' + option.prev).fadeOut(0);
+				return false;
+			}
+
+			// animate slides
+			function animate(direction, effect, clicked) {
+				if (!active && loaded) {
+					active = true;
+					// start of animation
+					option.animationStart(current + 1);
+					switch(direction) {
+						case 'next':
+							// change current slide to previous
+							prev = current;
+							// get next from current + 1
+							next = current + 1;
+							// if last slide, set next to first slide
+							next = total === next ? 0 : next;
+							// set position of next slide to right of previous
+							position = width*2;
+							// distance to slide based on width of slides
+							direction = -width*2;
+							// store new current slide
+							current = next;
+						break;
+						case 'prev':
+							// change current slide to previous
+							prev = current;
+							// get next from current - 1
+							next = current - 1;
+							// if first slide, set next to last slide
+							next = next === -1 ? total-1 : next;								
+							// set position of next slide to left of previous
+							position = 0;								
+							// distance to slide based on width of slides
+							direction = 0;		
+							// store new current slide
+							current = next;
+						break;
+						case 'pagination':
+							// get next from pagination item clicked, convert to number
+							next = parseInt(clicked,10);
+							// get previous from pagination item with class of current
+							prev = $('.' + option.paginationClass + ' li.'+ option.currentClass +' a', elem).attr('href').match('[^#/]+$');
+							// if next is greater then previous set position of next slide to right of previous
+							if (next > prev) {
+								position = width*2;
+								direction = -width*2;
+							} else {
+							// if next is less then previous set position of next slide to left of previous
+								position = 0;
+								direction = 0;
+							}
+							// store new current slide
+							current = next;
+						break;
+					}
+
+					// fade animation
+					if (effect === 'fade') {
+						// fade animation with crossfade
+						if (option.crossfade) {
+							// put hidden next above current
+							control.children(':eq('+ next +')', elem).css({
+								zIndex: 10
+							// fade in next
+							}).fadeIn(option.fadeSpeed, option.fadeEasing, function(){
+								if (option.autoHeight) {
+									// animate container to height of next
+									control.animate({
+										height: control.children(':eq('+ next +')', elem).outerHeight()
+									}, option.autoHeightSpeed, function(){
+										// hide previous
+										control.children(':eq('+ prev +')', elem).css({
+											display: 'none',
+											zIndex: 0
+										});								
+										// reset z index
+										control.children(':eq('+ next +')', elem).css({
+											zIndex: 0
+										});									
+										// end of animation
+										option.animationComplete(next + 1);
+										active = false;
+									});
+								} else {
+									// hide previous
+									control.children(':eq('+ prev +')', elem).css({
+										display: 'none',
+										zIndex: 0
+									});									
+									// reset zindex
+									control.children(':eq('+ next +')', elem).css({
+										zIndex: 0
+									});									
+									// end of animation
+									option.animationComplete(next + 1);
+									active = false;
+								}
+							});
+						} else {
+							// fade animation with no crossfade
+							control.children(':eq('+ prev +')', elem).fadeOut(option.fadeSpeed,  option.fadeEasing, function(){
+								// animate to new height
+								if (option.autoHeight) {
+									control.animate({
+										// animate container to height of next
+										height: control.children(':eq('+ next +')', elem).outerHeight()
+									}, option.autoHeightSpeed,
+									// fade in next slide
+									function(){
+										control.children(':eq('+ next +')', elem).fadeIn(option.fadeSpeed, option.fadeEasing);
+									});
+								} else {
+								// if fixed height
+									control.children(':eq('+ next +')', elem).fadeIn(option.fadeSpeed, option.fadeEasing, function(){
+										// fix font rendering in ie, lame
+										if($.browser.msie) {
+											$(this).get(0).style.removeAttribute('filter');
+										}
+									});
+								}									
+								// end of animation
+								option.animationComplete(next + 1);
+								active = false;
+							});
+						}
+					// slide animation
+					} else {
+						// move next slide to right of previous
+						control.children(':eq('+ next +')').css({
+							left: position,
+							display: 'block'
+						});
+						// animate to new height
+						if (option.autoHeight) {
+							control.animate({
+								left: direction,
+								height: control.children(':eq('+ next +')').outerHeight()
+							},option.slideSpeed, option.slideEasing, function(){
+								control.css({
+									left: -width
+								});
+								control.children(':eq('+ next +')').css({
+									left: width,
+									zIndex: 5
+								});
+								// reset previous slide
+								control.children(':eq('+ prev +')').css({
+									left: width,
+									display: 'none',
+									zIndex: 0
+								});
+								// end of animation
+								option.animationComplete(next + 1);
+								active = false;
+							});
+							// if fixed height
+							} else {
+								// animate control
+								control.animate({
+									left: direction
+								},option.slideSpeed, option.slideEasing, function(){
+									// after animation reset control position
+									control.css({
+										left: -width
+									});
+									// reset and show next
+									control.children(':eq('+ next +')').css({
+										left: width,
+										zIndex: 5
+									});
+									// reset previous slide
+									control.children(':eq('+ prev +')').css({
+										left: width,
+										display: 'none',
+										zIndex: 0
+									});
+									// end of animation
+									option.animationComplete(next + 1);
+									active = false;
+								});
+							}
+						}
+					// set current state for pagination
+					if (option.pagination) {
+						// remove current class from all
+						$('.'+ option.paginationClass +' li.' + option.currentClass, elem).removeClass(option.currentClass);
+						// add current class to next
+						$('.' + option.paginationClass + ' li:eq('+ next +')', elem).addClass(option.currentClass);
+					}
+				}
+			} // end animate function
+			
+			function stop() {
+				// clear interval from stored id
+				clearInterval(elem.data('interval'));
+			}
+
+			function pause() {
+				if (option.pause) {
+					// clear timeout and interval
+					clearTimeout(elem.data('pause'));
+					clearInterval(elem.data('interval'));
+					// pause slide show for option.pause amount
+					pauseTimeout = setTimeout(function() {
+						// clear pause timeout
+						clearTimeout(elem.data('pause'));
+						// start play interval after pause
+						playInterval = setInterval(	function(){
+							animate("next", effect);
+						},option.play);
+						// store play interval
+						elem.data('interval',playInterval);
+					},option.pause);
+					// store pause interval
+					elem.data('pause',pauseTimeout);
+				} else {
+					// if no pause, just stop
+					stop();
+				}
+			}
+				
+			// 2 or more slides required
+			if (total < 2) {
+				return;
+			}
+			
+			// error corection for start slide
+			if (start < 0) {
+				start = 0;
+			}
+			
+			if (start > total) {
+				start = total - 1;
+			}
+					
+			// change current based on start option number
+			if (option.start) {
+				current = start;
+			}
+			
+			// randomizes slide order
+			if (option.randomize) {
+				control.randomize();
+			}
+			
+			// make sure overflow is hidden, width is set
+			$('.' + option.container, elem).css({
+				overflow: 'hidden',
+				// fix for ie
+				position: 'relative'
+			});
+			
+			// set css for slides
+			control.children().css({
+				position: 'absolute',
+				top: 0, 
+				left: control.children().outerWidth(),
+				zIndex: 0,
+				display: 'none'
+			 });
+			
+			// set css for control div
+			control.css({
+				position: 'relative',
+				// size of control 3 x slide width
+				width: (width * 3),
+				// set height to slide height
+				height: height,
+				// center control to slide
+				left: -width
+			});
+			
+			// show slides
+			$('.' + option.container, elem).css({
+				display: 'block'
+			});
+
+			// if autoHeight true, get and set height of first slide
+			if (option.autoHeight) {
+				control.children().css({
+					height: 'auto'
+				});
+				control.animate({
+					height: control.children(':eq('+ start +')').outerHeight()
+				},option.autoHeightSpeed);
+			}
+			
+			// checks if image is loaded
+			if (option.preload && control.find('img:eq(' + start + ')').length) {
+				// adds preload image
+				$('.' + option.container, elem).css({
+					background: 'url(' + option.preloadImage + ') no-repeat 50% 50%'
+				});
+				
+				// gets image src, with cache buster
+				var img = control.find('img:eq(' + start + ')').attr('src') + '?' + (new Date()).getTime();
+				
+				// check if the image has a parent
+				if ($('img', elem).parent().attr('class') != 'slides_control') {
+					// If image has parent, get tag name
+					imageParent = control.children(':eq(0)')[0].tagName.toLowerCase();
+				} else {
+					// Image doesn't have parent, use image tag name
+					imageParent = control.find('img:eq(' + start + ')');
+				}
+
+				// checks if image is loaded
+				control.find('img:eq(' + start + ')').attr('src', img).load(function() {
+					// once image is fully loaded, fade in
+					control.find(imageParent + ':eq(' + start + ')').fadeIn(option.fadeSpeed, option.fadeEasing, function(){
+						$(this).css({
+							zIndex: 5
+						});
+						// removes preload image
+						$('.' + option.container, elem).css({
+							background: ''
+						});
+						// let the script know everything is loaded
+						loaded = true;
+						// call the loaded funciton
+						option.slidesLoaded();
+					});
+				});
+			} else {
+				// if no preloader fade in start slide
+				control.children(':eq(' + start + ')').fadeIn(option.fadeSpeed, option.fadeEasing, function(){
+					// let the script know everything is loaded
+					loaded = true;
+					// call the loaded funciton
+					option.slidesLoaded();
+				});
+			}
+			
+			// click slide for next
+			if (option.bigTarget) {
+				// set cursor to pointer
+				control.children().css({
+					cursor: 'pointer'
+				});
+				// click handler
+				control.children().click(function(){
+					// animate to next on slide click
+					animate('next', effect);
+					return false;
+				});									
+			}
+			
+			// pause on mouseover
+			if (option.hoverPause && option.play) {
+				control.bind('mouseover',function(){
+					// on mouse over stop
+					stop();
+				});
+				control.bind('mouseleave',function(){
+					// on mouse leave start pause timeout
+					pause();
+				});
+			}
+			
+			// generate next/prev buttons
+			if (option.generateNextPrev) {
+				$('.' + option.container, elem).after('<a href="#" class="'+ option.prev +'">Prev</a>');
+				$('.' + option.prev, elem).after('<a href="#" class="'+ option.next +'">Next</a>');
+			}
+			
+			// next button
+			$('.' + option.next ,elem).click(function(e){
+				e.preventDefault();
+				if (option.play) {
+					pause();
+				}
+				animate('next', effect);
+			});
+			
+			// previous button
+			$('.' + option.prev, elem).click(function(e){
+				e.preventDefault();
+				if (option.play) {
+					 pause();
+				}
+				animate('prev', effect);
+			});
+			
+			// generate pagination
+			if (option.generatePagination) {
+				// create unordered list
+				if (option.prependPagination) {
+					elem.prepend('<ul class='+ option.paginationClass +'></ul>');
+				} else {
+					elem.append('<ul class='+ option.paginationClass +'></ul>');
+				}
+				// for each slide create a list item and link
+				control.children().each(function(){
+					$('.' + option.paginationClass, elem).append('<li><a href="#'+ number +'">'+ (number+1) +'</a></li>');
+					number++;
+				});
+			} else {
+				// if pagination exists, add href w/ value of item number to links
+				$('.' + option.paginationClass + ' li a', elem).each(function(){
+					$(this).attr('href', '#' + number);
+					number++;
+				});
+			}
+			
+			// add current class to start slide pagination
+			$('.' + option.paginationClass + ' li:eq('+ start +')', elem).addClass(option.currentClass);
+			
+			// click handling 
+			$('.' + option.paginationClass + ' li a', elem ).click(function(){
+				// pause slideshow
+				if (option.play) {
+					 pause();
+				}
+				// get clicked, pass to animate function					
+				clicked = $(this).attr('href').match('[^#/]+$');
+				// if current slide equals clicked, don't do anything
+				if (current != clicked) {
+					animate('pagination', paginationEffect, clicked);
+				}
+				return false;
+			});
+			
+			// click handling 
+			$('a.link', elem).click(function(){
+				// pause slideshow
+				if (option.play) {
+					 pause();
+				}
+				// get clicked, pass to animate function					
+				clicked = $(this).attr('href').match('[^#/]+$') - 1;
+				// if current slide equals clicked, don't do anything
+				if (current != clicked) {
+					animate('pagination', paginationEffect, clicked);
+				}
+				return false;
+			});
+		
+			if (option.play) {
+				// set interval
+				playInterval = setInterval(function() {
+					animate('next', effect);
+				}, option.play);
+				// store interval id
+				elem.data('interval',playInterval);
+			}
+		});
+	};
+	
+	// default options
+	$.fn.slides.option = {
+		preload: false, // boolean, Set true to preload images in an image based slideshow
+		preloadImage: '/img/loading.gif', // string, Name and location of loading image for preloader. Default is "/img/loading.gif"
+		container: 'slides_container', // string, Class name for slides container. Default is "slides_container"
+		generateNextPrev: false, // boolean, Auto generate next/prev buttons
+		next: 'next', // string, Class name for next button
+		prev: 'prev', // string, Class name for previous button
+		pagination: true, // boolean, If you're not using pagination you can set to false, but don't have to
+		generatePagination: true, // boolean, Auto generate pagination
+		prependPagination: false, // boolean, prepend pagination
+		paginationClass: 'pagination', // string, Class name for pagination
+		currentClass: 'current', // string, Class name for current class
+		fadeSpeed: 350, // number, Set the speed of the fading animation in milliseconds
+		fadeEasing: '', // string, must load jQuery's easing plugin before http://gsgd.co.uk/sandbox/jquery/easing/
+		slideSpeed: 350, // number, Set the speed of the sliding animation in milliseconds
+		slideEasing: '', // string, must load jQuery's easing plugin before http://gsgd.co.uk/sandbox/jquery/easing/
+		start: 1, // number, Set the speed of the sliding animation in milliseconds
+		effect: 'slide', // string, '[next/prev], [pagination]', e.g. 'slide, fade' or simply 'fade' for both
+		crossfade: false, // boolean, Crossfade images in a image based slideshow
+		randomize: false, // boolean, Set to true to randomize slides
+		play: 0, // number, Autoplay slideshow, a positive number will set to true and be the time between slide animation in milliseconds
+		pause: 0, // number, Pause slideshow on click of next/prev or pagination. A positive number will set to true and be the time of pause in milliseconds
+		hoverPause: false, // boolean, Set to true and hovering over slideshow will pause it
+		autoHeight: false, // boolean, Set to true to auto adjust height
+		autoHeightSpeed: 350, // number, Set auto height animation time in milliseconds
+		bigTarget: false, // boolean, Set to true and the whole slide will link to next slide on click
+		animationStart: function(){}, // Function called at the start of animation
+		animationComplete: function(){}, // Function called at the completion of animation
+		slidesLoaded: function() {} // Function is called when slides is fully loaded
+	};
+	
+	// Randomize slide order on load
+	$.fn.randomize = function(callback) {
+		function randomizeOrder() { return(Math.round(Math.random())-0.5); }
+			return($(this).each(function() {
+			var $this = $(this);
+			var $children = $this.children();
+			var childCount = $children.length;
+			if (childCount > 1) {
+				$children.hide();
+				var indices = [];
+				for (i=0;i<childCount;i++) { indices[indices.length] = i; }
+				indices = indices.sort(randomizeOrder);
+				$.each(indices,function(j,k) { 
+					var $child = $children.eq(k);
+					var $clone = $child.clone(true);
+					$clone.show().appendTo($this);
+					if (callback !== undefined) {
+						callback($child, $clone);
+					}
+				$child.remove();
+			});
+			}
+		}));
+	};
+})(jQuery);
--- a/urbstudio/static/js/slides.min.jquery.js
+++ b/urbstudio/static/js/slides.min.jquery.js
--- a/urbstudio/templates/base.html
+++ b/urbstudio/templates/base.html
@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+
+<html>
+
+<head>
+
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
+<title>{% block title %} {% endblock %}</title><!-- titles to be given for everything -->
+
+<link rel="stylesheet" href="/static/css/reset.css" type="text/css"/>
+<link rel="stylesheet" href="/static/css/main.css" type="text/css"/>
+
+<script type="text/javascript" src="/static/js/jquery-1.6.1.min.js"></script>
+<script type="text/javascript" src="/static/js/pronit.js"></script><!--DELETE ALL EXTRA JS AND IMAGE FILES LATER -->
+
+{% block extra_head %}
+
+{% endblock %}
+
+</head>
+
+<body>
+
+	<div id="wrapper">
+		
+    	<div id="main">
+    	
+			<ul id="menu">
+				<li><a href="home">Home</a></li>
+				<li><a href="profile">Firm Profile</a></li>
+				<li><a href="projects">Projects</a></li>
+				<li><a href="jobs">Job Applications</a></li>
+				<li><a href="contact">Contact</a></li>
+				<li><a href="links">Links</a></li>
+				<li><a href="noteworthy">Noteworthy</a></li>
+
+			</ul><!--MENU CLOSING-->
+            
+		<img src="/static/images/urban-studio-logo.jpg" width="120" height="430" alt="logo" id="logo"> 	
+		
+      {% block content %}
+	{% endblock %}
+    
+    {% block names %}
+      <div id="names">
+			<p>Pronit Nath</p>
+		    <p>Amisha Nath</p>
+	    </div><!--NAMES CLOSING-->
+   {% endblock %}
+		      
+	</div><!--MAIN CLOSING-->
+	
+</div><!--WRAPPER CLOSING-->
+
+<div id="footer">
+	<p>&copy; Copyright by Urban Studio, 2009. All rights Reserved.</p>
+</div><!--FOOTER CLOSING-->
+
+</body>
+
+</html>
--- a/urbstudio/templates/contact.html
+++ b/urbstudio/templates/contact.html
@ -0,0 +1,29 @@
+{% extends 'inner.html' %}
+
+    {% block inner_content %}
+		<address>
+           	<p><span class="orange"><strong>URBAN STUDIO</strong></span><br><br>
+             	Mimi Building No.19, Ground Floor,<br>
+               	Plot No. 60, 1st Road TPS IV,<br>
+               	Almeida Park, Bandra (West),<br>
+               	Mumbai 400 050<br><br>
+               	Telephone : <br>91-22-26406717<br>
+               	91-22-65023283<br><br>
+	
+				E-Mail :<br>
+	
+				<a href="">urbanstudioindia@yahoo.co.in</a><br>
+
+				<a href="">urbanstudioindia@gmail.com</a></p>
+        </address>
+
+    {% endblock %}
+
+
+    {% block names %}
+          <div id="names">
+			<p>Pronit Nath</p>
+		    <p>Amisha Nath</p>
+	    </div><!--NAMES CLOSING-->
+	
+    {% endblock %}
--- a/urbstudio/templates/home.html
+++ b/urbstudio/templates/home.html
@ -0,0 +1,30 @@
+{% extends 'base.html' %}
+
+{% block title %}PLEASE ADD TITLES HERE{% endblock %}<!-- please add titles here --->
+
+{% block extra_head %}
+
+<link rel="stylesheet" href="/static/css/home.css" type="text/css"/>
+<link rel="stylesheet" href="/static/css/nivo-slider.css" type="text/css"/><!-- what in the world happens on control minus?? -->
+
+<script src="/static/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
+
+<script type="text/javascript">
+
+$(document).ready(function() { 
+    $('#slider').nivoSlider();
+});
+
+</script>
+
+{% endblock %}
+
+{% block content %}
+        <div id="slider">
+		        <!-- i disable the previous and next from the css only, dint touch the JS, did the right thing? LOOKS TERRIBLE IN IE -->
+		        <img src="/static/images/Slide5.jpg" width="750" height="563"> 
+                <img src="/static/images/Slide14.jpg" width="750" height="563">
+                <img src="/static/images/Slide21.jpg" width="750" height="563">
+        </div><!--SLIDER CLOSING-->
+{% endblock %}
+
--- a/urbstudio/templates/inner.html
+++ b/urbstudio/templates/inner.html
@ -0,0 +1,32 @@
+{% extends 'base.html' %}
+
+
+{% block extra_head %}
+
+<link rel="stylesheet" href="/static/css/inner.css" type="text/css"/>
+
+<script type="text/javascript">
+
+$(document) .ready(function() {
+	
+  $('.content').slideDown(800, 'linear', function() {
+	
+  });
+	
+});
+</script>
+
+    {% block extra2_head %}
+    {% endblock %}
+
+{% endblock %}
+
+{% block content %}
+
+    <div class="content" {% block contentId %} {% endblock %}>
+        {% block inner_content %}
+        {% endblock %}
+    </div>   
+
+{% endblock %}
+
--- a/urbstudio/templates/jobs.html
+++ b/urbstudio/templates/jobs.html
@ -0,0 +1,16 @@
+{% extends 'inner.html' %}
+
+    {% block inner_content %}
+        <p>We are currently looking to work with Architects, Interior Designers, Visualisers and draftsmen to work
+			on high-end Architectural and Interior projects in the Commercial, Residential, Hospitality, Retail and Institutional sectors.</p>			            <br>
+            
+        <p>Please mail us your resume with details/date of joining at <br><br> 
+			
+            <span class="orange"><a href="">urbanstudioindia@yahoo.co.in</a></span> <br><br><!-- my link is only "", right?import copy to clipboard -->
+			
+            <span class="orange"><a href="">urbanstudioindia@gmail.com.</a></span><br>
+        </p>
+    
+    {% endblock %}
+
+    
--- a/urbstudio/templates/links.html
+++ b/urbstudio/templates/links.html
@ -0,0 +1,21 @@
+{% extends 'inner.html' %}
+    {% block contentId %}
+        id="showContent"
+    {% endblock %}
+
+    {% block inner_content %}
+        <p class="orange"><strong>Title</strong></p>
+        <br>
+        <p>This is dummy text about a beautiful architectural website.</p>
+        <br>
+        <a href="">www.link.com</a>
+        <br><br><br>
+                
+        <p class="orange"><strong>Title</strong></p>
+        <br>
+        <p>This is dummy text about a beautiful architectural website.</p>
+        <br>
+        <a href="">www.link.com</a>
+        <br><br><br>
+    {% endblock %}
+
--- a/urbstudio/templates/noteworthy.html
+++ b/urbstudio/templates/noteworthy.html
@ -0,0 +1,65 @@
+{% extends 'inner.html' %}
+
+ {% block extra2_head %}
+
+<style type="text/css">
+
+.noteworthy {
+margin-bottom:40px;
+}
+
+.noteworthy:last-child {
+margin-bottom:10px;
+}/*is this correct?*/
+
+.imgLinks {
+padding-right:20px;
+float:left;
+}
+
+.imgLinks img
+{margin:0 auto;} /*we may want to remove this later*/
+</style>
+{% endblock %}
+
+{% block contentId %}
+    id="showContent"
+{% endblock %}
+
+{% block inner_content %}
+
+<div class="noteworthy">	     	
+        	   		<div class="imgLinks">
+                    	<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy">
+                    </div><!-- What about different image sizes? make a container for the same? -->
+       		  		<p class="orange"><strong>Title</strong></p>
+                	<br>
+                	<p>This is dummy text about a beautiful architectural website.</p>
+                	<br>
+                	<a href="">Read more</a>
+                	<br><br><br>
+               </div><!--NOTEWORTHY CLOSING -->
+        
+			   <div class="noteworthy">	     	
+        	   		<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks"><!-- What about different image sizes? make a container for the same? -->
+       		  		<p class="orange"><strong>Title</strong></p>
+                	<br>
+                	<p>This is dummy text about a beautiful architectural website.</p>
+                	<br>
+                	<a href="">Read more</a>
+                	<br><br><br>
+               </div><!--NOTEWORTHY CLOSING -->
+               
+			   <div class="noteworthy">	     	
+        	   		<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks"><!-- What about different image sizes? make a container for the same? -->
+       		  		<p class="orange"><strong>Title</strong></p>
+                	<br>
+                	<p>This is dummy text about a beautiful architectural website.</p>
+                	<br>
+                	<a href="">Read more</a>
+                	<br><br><br>
+               </div><!--NOTEWORTHY CLOSING -->
+
+
+{% endblock %}
+
--- a/urbstudio/templates/profile.html
+++ b/urbstudio/templates/profile.html
@ -0,0 +1,25 @@
+{% extends 'inner.html' %}
+
+    {% block inner_content %}
+        
+    <p><span class="orange">Urban Studio</span> is a young architectural practice based in Mumbai, India setup in 2003.
+<br><br></p>
+    <p>The firm is headed by <br><br><span class="orange">Pronit Nath</span> (GD-ARCH, Mumbai / AA dip-London / RIBA-2) and <br> 			<span class="orange">Amisha Thanawala</span> (GD-ARCH, Mumbai / M-ARCH,THE BARTLETT, UK)</p><br>
+
+<p>Urban Studio is an office of young cross-disciplinary architects that operate as a collective collaborative of multiple expertises.
+Among the different fields of interests that influence Urban Studio's approach towards architecture and interior design are the new sciences, information technology, artificial intelligence, infrastructural systems and the contemporary city.</p>
+
+<br>
+
+<p>Our work has been featured in several local as well as international publications. Currently with a team of 20 Architects and Interior Designers, Urban Studio is successfully handling projects of varied scales in different sectors of residential, commercial, hospitality, retail &amp; institutional with several local and international publications featuring our work. From working on a large 100 acre mixed use scheme in Hyderabad to custom designing furniture pieces Urban Studio strives to attain the design bandwidth necessary in future markets. Urban Studio consciously limits itself in the number of projects that it handles at a time because of its commitment to design development and client service believing that in the end "good design is always good business".</p>
+
+        
+    {% endblock %}
+
+    {% block names %}
+          <div id="names">
+			<p>Pronit Nath</p>
+		    <p>Amisha Nath</p>
+	    </div><!--NAMES CLOSING-->
+	
+    {% endblock %}
--- a/urbstudio/templates/projects.html
+++ b/urbstudio/templates/projects.html
@ -0,0 +1,119 @@
+{% extends 'base.html' %}
+
+{% block extra_head %}
+<link rel="stylesheet" href="/static/css/projects.css" type="text/css"/>
+<link rel="stylesheet" href="/static/css/global.css" type="text/css"/>
+<link rel="stylesheet" href="/static/css/simplyscroll.css" type="text/css"/>
+
+<script type="text/javascript" src="/static/js/slides.min.jquery.js"></script>
+
+<script type="text/javascript" src="/static/js/jquery.simplyscroll-1.0.4.js"></script>
+
+<script type="text/javascript">
+		$(function(){
+			$('#slidesDiv').slides({
+				preload: true,
+				preloadImage: 'img/loading.gif',
+				play: 5000,
+				pause: 4000,
+				hoverPause: true
+			});
+		});
+</script>
+
+<script type="text/javascript">
+
+(function($) {
+	$(function() { //on DOM ready
+		$("#scroller").simplyScroll({
+			speed: 5
+		});
+	});
+})(jQuery);
+
+</script>
+
+{% endblock %}
+
+
+{% block content %}
+    <div id="galleryContainer">
+    <div id="slidesContainer">
+		
+        <div id="slidesDiv">
+            <div class="slidesInner">
+                <a href=""><img src="/static/images/dummyimage.jpg" width="600" height="450"></a>                
+                <a href=""><img src="/static/images/Slidedummya.jpg" width="297" height="450" alt="Slide 1"></a>
+                <a href=""><img src="/static/images/Slidedummyb.jpg" width="600" height="450" alt="Slide 2"></a>
+                <a href=""><img src="/static/images/Slidedummyc.jpg" width="299" height="450" alt="Slide 2"></a>
+                <a href=""><img src="/static/images/Slidedummyd.jpg" width="600" height="375" alt="Slide 2"></a>
+
+       	      	
+            </div>
+			
+            <a href="#" class="prev"><img src="/static/images/arrowprevious.png" width="30" height="30" alt="Arrow Prev"></a>
+			<a href="#" class="next"><img src="/static/images/arrownext.png" width="30" height="30" alt="Arrow Next"></a>
+			
+		</div>
+	</div>
+            
+                <div id="textGallery">
+                	<p class="orange">Project</p>
+                    <p>Dummy text</p>
+                    <br>
+                    
+                    <p class="orange">Size & Program</p>
+                    <p>Dummy text</p>
+                    <br>
+                    
+                    <p class="orange">Design Statement</p>
+                    <p>Dummy text</p>
+                    <br>
+                    
+                    <p class="orange">Start Date ???</p>
+                    <p>Dummy text</p>
+                    <br>
+                    
+                    <p class="orange">End Date ???</p>
+                    <p>Dummy text</p>
+                    <br>
+                    
+                    <p class="orange">Location ???</p>
+                    <p>Dummy text</p>
+                    <br>
+                    
+                    <p class="orange">Content Block ???</p>
+                    <p>Dummy text Dummy text Dummy text</p>
+                    <br>
+
+                </div><!--TEXT GALLERY CLOSING-->
+                <!--</div><!--PROJECT GALLERY CLOSING-->
+             </div>   
+                <div class="clear">
+                </div><!--CLEAR CLOSING-->
+
+<ul id="scroller"><!-- logo jutting right on 1024 -->
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+
+    
+</ul>  
+{% endblock %}
+
+