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


/*--------------------------
BROWSER FIXERS
--------------------------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }



/* Navigation*/
#navlist
{
	font-size: 1.3em;
	background-color: #ffffff;
	height:22px;
    width: 100%;;
	padding-top: 4px;
	padding-right: 0;
	padding-left: 0px;
	font-weight: bold;
	
	
}



#navlist li
{
	list-style: none;
	padding: 0px;
	padding-left: 4px;
	background-color: #ffffff;	
	height: 36px;		
	width: 750px;	
	display: inline;
	
	
	
	
}

#navlist li a
{
	height:34px;
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
	float: center;
	margin-right: 1px;
	


}

/* buttons

------------------------------------------*/

/* navigation

------------------------------------------*/



a#about { 
	display: inline;
	width: 107px;
	height: 43px;
	background-image: url(../images/nav/nav_01.jpg); }

a#portfolio { 
	display: inline;
	background-image: url(images/button_contact.jpg); }

a#products { background-image: url(images/button_products.jpg); }

a#home:hover,

a#about:hover {
	background-position: 0 -24px;
	background-image: url(../images/nav/nav_01.jpg);  }

a#contact:hover,

a#products:hover { 
	background-position: 0 -24px; }



#navlist li a:link, #navlist li a:visited { 
	color: #ffffff; 
}






/*------------------------------
JAZZ NAVAGATION
------------------------------*/

#navcontainer  {
	padding-left: 108px;
	margin-left:auto;
	margin-right:auto; 
	text-align: center;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif; }

/*Start button 1*/


/*--------------------------
STRUCTURE
--------------------------*/

html {
	text-align: center;
	float: left;
	height: 100%;	
	background-color: #ffffff;
	margin: 0 auto; }
	
body {
	position: absolute;
	margin : 0 auto;	
	width: 100%;
	height: 100%;			
	background-image:url(../../images/Alisa_bg_Final.jpg);
	background-color: black;
	background-position: top center;	
	background-repeat: no-repeat;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	
 }
	
ul {
		
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	padding
	line-height: 1.7em;
	color: #4d4b4d;

	
	
	}

div#site_container {
    font-family: verdana; 
	margin: 0 auto;
	padding-top: 75px;
	position: relative;
	width: 827px;
	height: 623px;
	text-align: center;  
	}

div#logo_container {
	width: 166px; 
	height: 159px;
	text-algin: left;
	margin: 0 auto;
	padding-bottom: 18px;	
	  }
	  
div#txt_container {
	width: 235px; 
	height: 230px;
	text-algin: left;
	margin: 0 auto;
	font-size:62.5%;
	margin-top: 198px;
	padding-left: 10px;	
	line-height: 1.7em;
	color: #4d4b4d;  }
	
div#txt_container_clear {
	width: 235px; 
	height: 230px;
	text-algin: left;
	margin: 0 auto;
	font-size:62.5%;
	margin-top: 198px;
	padding-left: 10px;	
	line-height: 1.7em;  }
	
div#resume_container {
	width: 235px; 
	height: 230px;
	text-algin: left;
	margin: 0 auto;
	font-size:62.5%;
	margin-top: 198px;
	padding-left: 10px;	
	line-height: 1.7em;  }
	  
div#footer_container {
	width: 827px;
	height: 150px;
	padding-top: 20px;	
	text-algin: left;
	font-weight: 900;
	font-size: 12px;
	margin: 0 auto;
	margin-top: 198px;
	
	padding-left: 0px;	
	color: #fffff;
	line-height: 1.7em;
	
	  }
	
div#babypic_container	{

	padding-left: 0px;
	margin-left:auto;
	height: 125px;
	margin-right:auto; 
	text-align: center;
	float: left;
	width: 260px;
	font-family: arial, helvetica, sans-serif; }	  
	
div#nav_container	{

	padding-left: 0px;
	margin-TOP: 22px;
	margin-left:auto;
	height: 356px;
	background-image: url(../images/Welcome_postit.png);
	margin-right:auto; 
	text-align: center;
	float: left;
	width: 260px;
	font-family: arial, helvetica, sans-serif; }

div#nav_construction	{

	padding-left: 0px;
	margin-TOP: 22px;
	margin-left:auto;
	height: 356px;
	background-image: url(../images/const.png);
	margin-right:auto; 
	text-align: center;
	float: left;
	width: 260px;
	font-family: arial, helvetica, sans-serif; }
	
div#nav_container_Port	{
	
	padding-left: 0px;
	margin-TOP: 0px;
	margin-left:auto;
	height: 420px;
	background-image: url(../images/POSTIT2.png);
	margin-right:auto; 
	text-align: center;
	float: left;
	width: 260px;
	font-family: arial, helvetica, sans-serif; }
	
div#nav_container_cons	{
	padding-left: 0px;
	margin-TOP: 22px;
	margin-left:auto;
	height: 356px;
	background-image: url(../images/Construction.png);
	margin-right:auto; 
	text-align: center;
	float: left;
	width: 260px;
	font-family: arial, helvetica, sans-serif; }
	
div#nav_container2	{

	padding-left: 0px;
	margin-left:auto;
	height: 29px;
	margin-right:auto;
	
	padding-top: 10px;
	text-align: center;
	float: left;
	width: 600px;
	font-family: arial, helvetica, sans-serif; }





div.nav1 {
float: left;
height: 27px;
width: 75px;
padding:0;
background-image: url(../images/nav/nav_on_01.gif);
}

div.nav1 a, div.nav1 a:link, div.nav1 a:visited {display:block;}

div.nav1 img {width:100%;height:100%;border:0;}

div.nav1 a:hover img {visibility:hidden;}
/*End button 1*/

/*Start button 2*/
div.nav2 {
float: left;
height: 27px;
width: 144px;
padding:0;
background-image: url(../images/nav/nav_on_02.gif);  
}

div.nav2 a, div.nav2 a:link, div.nav2 a:visited {display:block;}

div.nav2 img {width:100%;height:100%;border:0;}

div.nav2 a:hover img {visibility:hidden;}

/*End button 2*/

/*Start button 3*/
div.nav3 {
float: left;
height: 27px;
width: 50px;
padding:0;
background-image: url(../images/nav/nav_on_07.gif);
}

div.nav3 a, div.nav3 a:link, div.nav3 a:visited {display:block;}

div.nav3 img {width:100%;height:100%;border:0;}

div.nav3 a:hover img {visibility:hidden;}


/*End button 3*/

/*Start button */
div.nav4 {
float: left;
height: 27px;
width: 132px;
padding:0;
background-image: url(../images/nav/nav_on_04.gif);  
}

div.nav4 a, div.nav4 a:link, div.nav4 a:visited {display:block;}

div.nav4 img {width:100%;height:100%;border:0;}

div.nav4 a:hover img {visibility:hidden;}
/*End button 4*/

/*Start button */
div.nav5 {
float: left;
height: 27px;
width: 115px;
padding:0;
background-image: url(../images/nav/nav_on_05.gif);  
}
div.nav5 a, div.nav5 a:link, div.nav5 a:visited {display:block;}

div.nav5 img {width:100%;height:100%;border:0;}

div.nav5 a:hover img {visibility:hidden;}
/*End button 5*/
/*Start button */
div.nav6 {
float: left;
height: 27px;
width: 180px;
padding:0;
background-image: url(../images/nav/nav_on_06.gif);  
}

div.nav6 a, div.nav6 a:link, div.nav6 a:visited {display:block;}

div.nav6 img {width:100%;height:100%;border:0;}

div.nav6 a:hover img {visibility:hidden;}
/*End button 6*/


/*---------------
	VERTICAL NAV
--------------------

div.nav1 {
float: left;
height: 45px;
width: 146px;
padding:0;
background-image: url(../images/nav_on_01.gif);
}

div.nav1 a, div.nav1 a:link, div.nav1 a:visited {display:block;}

div.nav1 img {width:100%;height:100%;border:0;}

div.nav1 a:hover img {visibility:hidden;}
/*End button 1

/*Start button 2
div.nav2 {
float: left;
height: 38px;
width: 146px;
padding:0;
background-image: url(../images/nav_on_02.gif);  
}

div.nav2 a, div.nav2 a:link, div.nav2 a:visited {display:block;}

div.nav2 img {width:100%;height:100%;border:0;}

div.nav2 a:hover img {visibility:hidden;}

/*End button 2*/

/*Start button 3
div.nav3 {
float: left;
height: 36px;
width: 146px;
padding:0;
background-image: url(../images/nav_on_03.gif);
}

div.nav3 a, div.nav3 a:link, div.nav3 a:visited {display:block;}

div.nav3 img {width:100%;height:100%;border:0;}

div.nav3 a:hover img {visibility:hidden;}


/*End button 3*/

/*Start button 
div.nav4 {
float: left;
height: 33px;
width: 146px;
padding:0;
background-image: url(../images/nav_on_04.gif);  
}

div.nav4 a, div.nav4 a:link, div.nav4 a:visited {display:block;}

div.nav4 img {width:100%;height:100%;border:0;}

div.nav4 a:hover img {visibility:hidden;}
/*End button 4

div.nav5 {
float: left;
height: 46px;
width: 146px;
padding:0;
background-image: url(../images/nav_on_05.gif);  
}
div.nav5 a, div.nav5 a:link, div.nav5 a:visited {display:block;}

div.nav5 img {width:100%;height:100%;border:0;}

div.nav5 a:hover img {visibility:hidden;}

--------------------*/
	
div#col1 {
	width: 260px; 
	height: 615px;
	text-algin: left;
	float: left;
	padding-bottom: 0px;
	padding-left: 5px;  }
	
div#col2 {
	padding-left: 5px; 
	width: 556px; 
	height: 607px;
	text-algin: left;
	float: left;  }
	
div#bio_container {
	width: 556px; 
	height: 607px;
	text-algin: left;
	float: left;
	font-size: 10px;
	color: #333333;
	line-height: 1.7em; }
	
div#logo_container img {
	text-align: center;
	width: 144px; 
	height: 134px;
	padding-top: 15px;
	margin-left: auto;
    margin-right: auto;  }
	
div#contact_container {
	width: 525px; 
	height: 300px;
	text-algin: left;
	padding-left: 15px;
	float: left;
	font-size: 12px;  }
	
div#form_container {
	width: 525px; 
	height: 300px;
	text-algin: left;
	padding-left: 20px;
	padding-top: 0px;
	float: left;
	font-size: 12px;  }

div#col1contactimg_container {
	padding-left: 0px;
	margin-left:auto;
	height: 415px;
	margin-left: 10px;
	margin-right:auto; 
	text-align: center;
	/* background-image: url(../images/contact_image_col1.jpg); */
	float: left;
	width: 240px;
	font-family: arial, helvetica, sans-serif; }

div#ContactImg_container {
	text-align: center;
	background-color: #333333;
	background-image: url(../images/contact_test.jpg);
	width: 525px; 
	height: 95px;
	padding-top: 0px;
	margin-left: auto;
	margin-top: 34px;
    margin-right: auto;  }
	
div#header {
	text-algin: left;
	float: left;
	font-size: 20px;
	font-weight:bold;
	color: #86d1d4;  }
	
.centered {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 50%;
	margin: auto;
	background-color: red;
	color: white;  }
  
.border_container {
	margin-left:auto;
	margin-right:auto; 
	height: 11px;
	text-align: center;
	width: 750px;  }  

  
body_container {
    font-family: verdana; 
    left:0;
	margin : 0 auto;
	padding-top: 100px;
	position: relative;
    width: 730px;
	height: 100%;
	text-align: left; 
	
	}

div#gutter_container {
     
    width: 200px;
    height: 100%;
	text-align: center;
	padding-top: 15px;  
 	float:left;   }


div#text_container {
	float:left;
    font-family: verdana; 
	margin : 0 auto;
 	position: relative;
    width: 535px;
	height: 100%;
	text-align: left;
	padding-top: 15px;
	color: #4d4b4d;	} 
	
div#txt_container {
	width: 235px; 
	height: 268px;
	text-algin: center;
	margin: 0 auto;
	font-size:70%;
	margin-top: 135px;
	padding-left: 10px;	
	line-height: 1.7em;
	color: #4d4b4d;
	background-color:#CCCCCC;
	padding-top: 5px;	
	  }
	
div#home_image  {
	margin-top:5px;
	width:540px;
	height: 548px;
	background-image: url(../images/home_image.gif);
	float:left;  }
	
div#styleme_image  {
	margin-top:10px;
	width:540px;
	height: 535px;
	background-color: #993333;
	background-image: url(../images/styleme.jpg);
	float:left;  }

div#menssuit_image  {
	margin-top:10px;
	width:130px;
	height: 150px;
	background-color: #993333;
	background-image: url(../images/menssuit.png);
	float:left;  }
		
div#branding {
	background: no-repeat;
	background-position: center;
	background-color: #000;
	background-image: url(images/Alive1.jpg);
	height: 270px;
	width: 960px;  }
	
div#container {
	border-top: inset;
	border-top-width: thick;
	border-top-color: #FF0000;
	float: left;
	background-color: #ffffff;
	height: 100%;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;  }

div#film_container {
	float: left;
	position: relative;
	padding-top: 0px;
	margin-left: 45px;
	padding-left: 45px;
	width: 100%;
	height: 480px;
	text-align: center;  }
	

	
div#col2film_container {
	padding-top: 0px;
	margin-left: 45px;
	padding-left: 45px;  }

div#film_header_container {
	position: relative;
	float:left;
	height:65px;
	width: 550px;
	background-image:url(../images/portfolio_headers.png);  }
	
div#porfolio_nav {
	position: relative;
	float:left;
	height:65px;
	width: 550px;
 }
	
	
div#film_header_container_life {
	position: relative;
	float:left;
	height:65px;
	width: 550px;
	background-image:url(../images/portfolio_headers_life.png)  }
	
div#film_header_container_fashion {
	position: relative;
	float:left;
	height:65px;
	width: 550px;
	background-image:url(../images/portfolio_headers_fashion.png)  }

.film {
	padding-top: 7px;
	float: left;
	background-image:url(../images/film_build_small.jpg);
	background-color: #000;
	width: 121px;
	height: 480px; }
	
	
	
	
	
	
div.film_spacer_l {
	float: left;
	width: 50px;
	height: 480px;
	padding:0;
	background-image: url(../images/Arrow_L_hov.gif);	
}

div.film_spacer_l a, div.film_spacer_l a:link, div.film_spacer_l a:visited {display:block;}

div.film_spacer_l img {width:100%;height:100%;border:0;}

div.film_spacer_l a:hover img {visibility:hidden;}	
	
	

div.film_spacer_r {
	float: left;
	width: 50px;
	height: 480px;
	padding:0;
	background-image: url(../images/Arrow_R_hov.gif);	
}

div.film_spacer_r a, div.film_spacer_r a:link, div.film_spacer_r a:visited {display:block;}

div.film_spacer_r img {width:100%;height:100%;border:0;}

div.film_spacer_r a:hover img {visibility:hidden;}		
	
	
	
	
	

	

	


	
	
.film_spacing {
	float: left;
	width: 20px;
	height: 600px; }
	
.film img {
	padding-bottom: 6px;  }
	
.col {
	float: left; 
	width: 32%; 
	height: 100%; 
	padding-left: 12px;
	padding-top: 25px;
	text-align: left;
	background-color: #fff;  }

.col2 {
	float: left; 
	width: 32%; 
	height: 607px; 
	padding-left: 13px;
	padding-top: 25px;
	text-align: left;
	background-color:#33FFFF;  } 

.col3 {
	float: left; 
	width: 32%;
	height: 100%; 
	padding-left: 13px;
	padding-top: 25px; 
	text-align: left;
	background-color:#fff;  } 

.col4 {
	float: left; 
	width: 64%;
	height: 100%; 
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 25px; 
	text-align: center;
	background-color:#fff;  } 

/* HERE IS COLORED COLUMNS
	
.col {
	float: left; 
	width: 32%; 
	height: 100%; 
	padding-left: 12px;
	padding-top: 25px;
	text-align: left;
	background-color: #993300}

.col2 {
	float: left; 
	width: 32%; 
	height: 100%; 
	padding-left: 13px;
	padding-top: 25px;
	text-align: left;
	background-color:#006699;  } 

.col3 {
	float: left; 
	width: 32%;
	height: 100%; 
	padding-left: 13px;
	padding-top: 25px; 
	text-align: left;
	background-color:#66FF33;  } 

.col4 {
	float: left; 
	width: 64%;
	height: 100%; 
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 25px; 
	text-align: center;
	background-color:#FF6600;  } 
	
	
--------------------------------------*/


.footer {
	float: left;
	position: relative;
	width: 100%;
	background-color: #00CC33; }
	

img {
	padding-bottom: 15px;  }
	
	

/*--------------------------
TYPOGRAPHY
--------------------------*/


h1 {
	padding-top: 100px;
	text-transform: uppercase;
	position: relative;
	font-size: 50px;  }

h2 {
	color: #666666;
	padding-left: 30px;
	font-size: 26px;  }
	
h3 {
	color: #666666;
	padding-left: 30px;
	font-size: 18px;  }
	
p {
	font-family: arial,helvetica,san-serif;
	font-size: 14px;
	padding-left: 30px;
	padding-right: 15px;  }
	


/*--------------------------
NAVAGATION




#navcontainer  {
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;  }

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.2em 1em;
	background-color: #036;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;  }

#navcontainer ul li a:hover {
	background-color: #369;
	color: #fff;  }
	
	
	
	--------------------------*/
	
/*--------------------------
LIGHTBOX
--------------------------*/

	
	
	
#lightbox {	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0; }
	
#lightbox img {
	width: auto; 
	height: auto;  }
	
#lightbox a img { 
	border: none; }

#outerImageContainer { 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; }
	
#imageContainer{ padding: 10px; }

#loading { 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; }
	
#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; }

#imageContainer>#hoverNav { 
	left: 0;  }

#hoverNav a { 
	outline: none;}

#prevLink, #nextLink { 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block; }

#prevLink { 
	left: 0; 
	float: left;  }

#nextLink { 
	right: 0; 
	float: right;  }

#prevLink:hover, #prevLink:visited:hover { 
	background: url(file://C:/Users/Adam/Desktop/CSS/Alisa_Website/assets/mages/lightbox/prevlabel.gif) left 15% no-repeat; }
	
#nextLink:hover, #nextLink:visited:hover { 
	background: url(file://C:/Users/Adam/Desktop/CSS/Alisa_Website/assets/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; }

#imageData {	
	padding:0 10px; 
	color: #666; }

#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left; }	

#imageData #caption { 
	font-weight: bold;	}

#imageData #numberDisplay { 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	}	
			
#imageData #bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;  }	 	

#overlay { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; }