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



body {
background-image: url(images/web_pattern_1.jpg);
font-family: Arial, Helvetica, sans-serif; 
text-align: center; 
font-size: 12px;

}


#container {
	width: 900px;
	margin: 0 auto;
	background-color: none;
	top: 10px;
	position: relative;
	left: 50px;
	
}



#grid {
	position: relative;
	padding-top: 15px;
	left: 25px;
	width: 870px;
	height: 380px;
}

#column-A, #column-B, #column-C, #column-D 
{
	float: left;
	padding-left: 5px;
}


div.smimage {
	width:180px;
	height:100px;
	padding: 40px 0px 0px 0px;
	
}

.smimage img{
	position: relative;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 25px;
color: #330033;
font-weight: normal;
text-align: left;
padding-top: 8px;
	
}

h2 {
font: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #330033;
font-weight: bold;
padding-left: 50px;
text-align: left;
}

h6

{
position: absolute;
padding-left: 5px;
padding-top: 83px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
color: #666666;
font-weight: normal;

}

p.all{
width: 500px;
padding-left: 153px;
text-align: center;
color: #330033;
}

p {
width: 700px;
padding-left: 50px;
text-align: left;
color: #330033;
}

p.lox{
width: 700px;
padding-left: 50px;
text-align: center;
color: #330033;
}


a img {
	border: none;
}
	
a:link {
	color: #669966;
	text-decoration: none;
	text-align: left;
	}

a:visited {
	color: #669966;
	text-decoration: none;
	text-align: left;
}
	

a:hover {
	color: #330033;
	text-decoration: none;
	text-align: left;
}

#header {
    width: 900px;
	height: 200px;
	margin: 0;
	padding: 0;
	text-align: left;
  

}

#logo {
    width:115px;
	height: 131px;
	padding-top: 30px;
	position: absolute;

}
#nav {
	position: absolute;
	left: 150px;
	width: 500px; 
	top: 130px;
	
}
#nav ul {
	position: absolute;
	list-style-type: none;
}

#nav ul li {
	float: left;
	text-decoration: none;
	color: #333333;
	padding: 10px;
	
	
}
#nav li:hover
{
	padding-top: 15px;

}

#main {
 background-color: #FFFFFF;
 width: 800px;
 height: 500px;
 position: absolute;
 -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 
	
}

#indexbottom
{
position: absolute;
padding-top: 630px;
color: #FFFFFF;
}

#slideshow {
 background-color: #FFFFFF;
 width: 750px;
 height: 300px;
 position: relative;
 top: 10px;
 left: 12px;
 
}


#main ul
{
padding-left: 50px;
list-style-type: none;
text-align: left;
color: #330033;

}

/*portfolio page*/

#work
{
 background-color: #FFFFFF;
 width: 800px;
 height: 850px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;

 }
 
	
h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #999999;
font-weight: normal;
padding-top: 20px;
padding-left: 50px;
text-align: left;
}

h4 {
font: Arial, Helvetica, sans-serif;
padding-left: 60px;
font-size: 20px;
color: #999999;
font-weight: normal;
padding-top: 485px;
text-align: left;
}


/*about page*/


#content
{
 background-color: #FFFFFF;
 width: 800px;
 height: 500px;
 position: absolute;
 -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
}

#ideas
{
position: absolute;
padding: 20px;
left:40px;
top: 40px;
}

#welcome
{

position: absolute;
left: 360px;
top: 80px;
width: 330px;
text-align:left;
z-index:2;
}


h5 {
font: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #999999;
font-weight: normal;
padding: 0px;
text-align: left;
}


#social
{
position:absolute;
top: 450px;
left: 360px;
text-align: left;
}

#res
{
position:absolute;
top: 430px;
left: 360px;
text-align: left;
}

#bottom
{
position: absolute;
padding-top: 340px;
color: #FFFFFF;
}

/*contact page*/

#formtxt
{
 width: 720px;
 height: 300px;
 position: absolute;
 text-align: left;
 color: #330033;
 padding-left: 20px;
 padding-top: 20px;

 }
 
 #form
{  

 width: 500px;
 height: 310px;
 position: absolute;
 text-align: left;
 padding-left: 200px;
 padding-top: 90px;
 color: #330033;
 }
 
#back
{  background-color: #FFFFFF;
 width: 800px;
 height: 320px;
 position: absolute;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 
 }
 
/*lordandtaylor*/

#landtwork 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 3710px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }

 #ltimages 
{ 
 width: 800px;
 height: 3710px;
 position: absolute;
 right: 25px;
 
 }
 
 #ltbottom
 {
 position: absolute;
padding-top: 3740px;
color: #FFFFFF;
}

/*ramapo*/

#ramapowork 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 3770px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }
 
 #ramapoimages 
{ 
 width: 800px;
 height: 3060px;
 position: absolute;
 right: 25px;
 
 }
 
 #ramapobottom
 {
 position: absolute;
padding-top: 3790px;
color: #FFFFFF;
}


/*west windsor arts council*/
p.ww
{
padding-left:10px;
}
#wwacwork 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 3320px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }
 
 #wwacimages 
{ 
 width: 800px;
 height: 670px;
 position: absolute;
 right: 25px;
 
 }
 
 #wwacbottom
 {
 position: absolute;
 padding-top: 3350px;
 color: #FFFFFF;
}

/*JASNA*/

#jasnawork 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 1900px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }
 
 #jasnaimages 
{ 
 width: 800px;
 height: 1930px;
 position: absolute;
 right: 25px;
 
 }
 
 #jasnabottom
 {
 position: absolute;
 padding-top: 1930px;
 color: #FFFFFF;
}

/*DIY*/

#diywork 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 2400px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }
 
 #diyimages 
{ 
 width: 800px;
 height: 2430px;
 position: absolute;
 right: 25px;
 
 }
 
 #diybottom
 {
 position: absolute;
 padding-top: 900px;
 color: #FFFFFF;
}


/*Pretty Pooch*/

#poochwork 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 2620px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }
 
 #poochimages 
{ 
 width: 800px;
 height: 2650px;
 position: absolute;
 right: 25px;
 
 }
 
 #poochbottom
 {
 position: absolute;
 padding-top: 2230px;
 color: #FFFFFF;
}

/*Furbish*/

#furbishwork 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 1840px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }
 
 #furbishimages 
{ 
 width: 800px;
 height: 1840px;
 position: absolute;
 right: 25px;
 
 }
 
 #furbishbottom
 {
 position: absolute;
 padding-top: 1870px;
 color: #FFFFFF;
}

/*Pretty Duck*/

#duckwork 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 1790px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }
 
 #duckimages 
{ 
 width: 800px;
 height: 1790px;
 position: absolute;
 right: 25px;
 
 }
 
 #duckbottom
 {
 position: absolute;
 padding-top: 1820px;
 color: #FFFFFF;
}


/*L'Occitane*/

#loccitanework 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 7150px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }
 
 #loccitaneimages 
{ 
 width: 800px;
 height: 7180px;
 position: absolute;
 right: 25px;
 
 }
 
 #loccitanebottom
 {
 position: absolute;
 padding-top: 4530px;
 color: #FFFFFF;
}

/*Patterns*/

#patternswork 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 2500px;
 position: absolute;
 padding-left: 50px;
  -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }
 
 #patternsimages 
{ 
 width: 800px;
 height: 2500px;
 position: absolute;
 right: 25px;
 
 }
 
 #patternsbottom
 {
 position: absolute;
 padding-top: 2530px;
 color: #FFFFFF;
}

/*CRUISE CRITIC*/

#cruisework 
{ 
 background-color: #FFFFFF;
 width: 800px;
 height: 1650px;
 position: absolute;
 padding-left: 50px;
 -moz-border-radius: 20px;           
 -webkit-border-radius: 20px;      
 border-radius: 20px;
 }
 
 #cruiseimages 
{ 
 width: 800px;
 height: 1650px;
 position: absolute;
 right: 25px;
 
 }
 
 #cruisebottom
 {
 position: absolute;
 padding-top: 1680px;
 color: #FFFFFF;
}