/* File: style.css
 * Author: Julie Pudwell
 * Description: This is the style for TAJ Inc.
 */



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

   =MASS RESET (Reset code from Eric Meyer)

   ------------------------------------------------------------------

*/



/* Don't forget to set a foreground and background color 

   on the 'html' or 'body' element! */

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, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dd, dl, dt, li, ol, ul,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	/*line-height: 1; messes up my page - Eric Meyer working on a new solution */

	font-family: inherit;

	text-align: left;

	vertical-align: baseline;

}

a img, :link img, :visited img {

	border: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

ol, ul {

	list-style: none;

}

q:before, q:after,

blockquote:before, blockquote:after {

	content: "";

}







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

   =BODY 

   ------------------------------------------------------------------

*/


body {
	background: #FFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h2 {
	padding: 5px 0 5px 0;
	margin: 0 0 10px 0;
}

p { 
	margin: 0 0 10px 0;
}

ul {
	padding: 5px 0 5px 20px;
}
	
li {
	padding: 3px 0 3px 0;
}



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

   =WRAPPER 

   ------------------------------------------------------------------

*/


/*COLOURS
	blue: #35476c
	lightblue: #9cb6ea
	brightyellow: #f3ca25
	grey: #4e4e56
	SM blue: #314369
*/
	

	
#wrapper, #content-wrapper {
	float: left;
	width: 100%;
	min-height: 500px;
	background: #ffffff url('../lightyourway/images/bg.png') repeat;
}

#wrapper2, #content-wrapper2 {
	float: left;
	width: 100%;
	min-height: 500px;
	background: #ffffff url('../sincerelyme/images/bg.png') repeat;
}

#wrapper3, #content-wrapper3 {
	float: left;
	width: 100%;
	min-height: 500px;
	background: #ffffff url('../myviewphotography/images/bg.png') repeat;
}


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

   =SKIP 

   ------------------------------------------------------------------

   NOTE: .hidden class see under =MISCELLANEOUS 
*/



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

   =HEADER

   ------------------------------------------------------------------

*/


#header {
	height: 180px;
	padding: 2px 0 5px 0;
	background: url('../images/title.png') no-repeat center;
}

#header2 {
	height: 180px;
	padding: 2px 0 5px 0;
	background: url('../sincerelyme/images/title.png') no-repeat center;
}

#header3 {
	height: 180px;
	padding: 2px 0 5px 0;
	background: url('../myviewphotography/images/title.png') no-repeat center;
}

#header-in {
	float: left;
}

#header h1, #header h2 {
	display: none;
}

#header2 h1, #header2 h2 {
	display: none;
}

#header3 h1, #header3 h2 {
	display: none;
}

#logo {
	width: 227px;
	height: 100px;
	background: url('../images/logo_sm.png') no-repeat;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}




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

   =NAVIGATION TOP

   ------------------------------------------------------------------

*/


/* ----------------
   =LIGHT YOUR WAY
   ----------------
*/

#nav-top {
	float: right;
	text-align: center;
	font-family: Arial;
	padding-top: 1px;
	margin-top: 0;
}

#nav-top li {
	list-style: none;
	display: inline;
	padding: 15px;
	font-size: 10pt;
}

#nav-top li a:link {
	color: #000000;
	text-decoration: none;
}

#nav-top li a:visited {
	color: #000000;
	text-decoration: none;
}

#nav-top li a:hover {
	color: #000000;
	text-decoration: underline;
}

#nav_top li.current a {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
	font-size: 12pt;
}


/* ----------------
   =SINCERELY ME
   ----------------
*/

#nav-top2 {
	float: right;
	text-align: center;
	font-family: Arial;
	padding-top: 1px;
	margin-top: 0;
}

#nav-top2 li {
	list-style: none;
	display: inline;
	padding: 15px;
	font-size: 10pt;
}

#nav-top2 li a:link {
	color: #314369;
	text-decoration: none;
}

#nav-top2 li a:visited {
	color: #314369;
	text-decoration: none;
}

#nav-top2 li a:hover {
	color: #314369;
	text-decoration: underline;
}

#nav_top2 li.current a {
	text-decoration: underline;
	font-weight: bold;
	color: #314369;
	font-size: 12pt;
}


/* ----------------
   =PHOTOGRAPHY
   ----------------
*/

#nav-top3 {
	float: right;
	text-align: center;
	font-family: Arial;
	padding-top: 1px;
	margin-top: 0;
}

#nav-top3 li {
	list-style: none;
	display: inline;
	padding: 15px;
	font-size: 10pt;
}

#nav-top3 li a:link {
	color: #000000;
	text-decoration: none;
}

#nav-top3 li a:visited {
	color: #000000;
	text-decoration: none;
}

#nav-top3 li a:hover {
	color: #000000;
	text-decoration: underline;
}

#nav_top3 li.current a {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
	font-size: 12pt;
}


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

   =NAVIGATION MAIN

   ------------------------------------------------------------------

*/

/* ----------------
   =LIGHT YOUR WAY
   ----------------
*/

#navigation {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 40px;
	background: url(../lightyourway/images/nav_bg.png) repeat-x;
	position: relative;
}

#navigation li {
	float: left;
	}

#navigation li a {
	position: absolute;
	top: 0;
}

#navigation a {
	display: block;
	text-indent: -900px;
	position: absolute;
	outline: none;
}

#navigation a:hover {
	background-position: left bottom;
}

#navigation .place {
	width: 146px;
	height: 40px;
	background: url(../lightyourway/images/lp.gif) no-repeat;

}

#navigation .land {
	width: 104px;
	height: 40px;
	background: url(../lightyourway/images/land.gif) no-repeat;
	left: 146px;

}

#navigation .shop {
	width: 187px;
	height: 40px;
	background: url(../lightyourway/images/sa.gif) no-repeat;
	left: 250px;

}


#navigation .lay {
	width: 142px;
	height: 40px;
	background: url(../lightyourway/images/ld.gif) no-repeat;
	left: 437px;
}

#navigation .port {
	width: 95px;
	height: 40px;
	background: url(../lightyourway/images/port.gif) no-repeat;
	left: 579px;
}

#navigation .test {
	width: 120px;
	height: 40px;
	background: url(../lightyourway/images/test.gif) no-repeat;
	left: 674px;
}

#navigation li.current a {
	background-position: left bottom;
}



/* ----------------
   =SINCERELY ME
   ----------------
*/

#navigation2 {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 40px;
	background: url(../sincerelyme/images/nav.png) repeat-x;
	position: relative;
}

#navigation2 li {
	float: left;
}

#navigation2 li a {
	position: absolute;
	top: 0;
}


#navigation2 a {
	display: block;
	text-indent: -1000px;
	position: absolute;
	outline: none;
}

#navigation2 a:hover {
	background-position: left bottom;
}

#navigation2 .afg {
	width: 99px;
	height: 40px;
	background: url(../sincerelyme/images/afgan.gif) no-repeat;

}

#navigation2 .doll {
	width: 157px;
	height: 40px;
	background: url(../sincerelyme/images/dolls.gif) no-repeat;
	left: 99px;
}

#navigation2 .baby {
	width: 90px;
	height: 40px;
	background: url(../sincerelyme/images/baby.gif) no-repeat;
	left: 256px;

}


#navigation2 .toy {
	width: 72px;
	height: 40px;
	background: url(../sincerelyme/images/toys.gif) no-repeat;
	left: 346px;
}

#navigation2 .barb {
	width: 170px;
	height: 40px;
	background: url(../sincerelyme/images/barbie.gif) no-repeat;
	left: 418px;
}

#navigation2 .sc {
	width: 206px;
	height: 40px;
	background: url(../sincerelyme/images/sc.gif) no-repeat;
	left: 588px;
}

#navigation2 .cust {
	width: 99px;
	height: 40px;
	background: url(../sincerelyme/images/custom.gif) no-repeat;
	left: 794px;
}

#navigation2 .test {
	width: 99px;
	height: 40px;
	background: url(../sincerelyme/images/test.gif) no-repeat;
	left: 893px;
}

#navigation2 li.current a {
	background-position: left bottom;
}



/* ----------------
   =PHOTOGRAPHY
   ----------------
*/

#navigation3{	
	list-style: none;
	padding: 0;	
	margin: 0;
	width: 100%;
	height: 40px;
	background: url(../myviewphotography/images/nav.png) repeat-x;
	position: relative;
}

#navigation3 li {
	float: left;
}


#navigation3 li a {
	position: absolute;
	top: 0;
}

#navigation3 a {
	display: block;
	text-indent: -1200px;
	position: absolute;
	outline: none;
}


#navigation3 a:hover {
	background-position: left bottom;
}


#navigation3 .port {

	width: 140px;

	height: 40px;

	background: url(../myviewphotography/images/portraits.gif) no-repeat;


}


#navigation3 .spco {

	width: 187px;

	height: 40px;

	background: url(../myviewphotography/images/special.gif) no-repeat;

	left: 140px;


}


#navigation3 .land {

	width: 157px;

	height: 40px;

	background: url(../myviewphotography/images/landscape.gif) no-repeat;

	left: 327px;


}



#navigation3 .boud {

	width: 119px;

	height: 40px;

	background: url(../myviewphotography/images/boudior.gif) no-repeat;

	left: 484px;

}

#navigation3 .bw {

	width: 175px;

	height: 40px;

	background: url(../myviewphotography/images/bw.gif) no-repeat;

	left: 603px;

}

#navigation3 .st {
	width: 124px;
	height: 40px;
	background: url(../myviewphotography/images/stage.gif) no-repeat;
	left: 778px;
}

#navigation3 .tu {
	width: 164px;
	height: 40px;
	background: url(../myviewphotography/images/touch.gif) no-repeat;
	left: 902px;
}

#navigation3 .test {
	width: 175px;
	height: 40px;
	background: url(../myviewphotography/images/test.gif) no-repeat;
	left: 1066px;
}


#navigation3 li.current a {
	background-position: left bottom;

}




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

   =CONTENT

   ------------------------------------------------------------------

*/


#content {
	width: 80%;
	font-family: Arial;
	font-size: 12pt;
	color: #000000;
}
 
#google {
	padding-left: 250px;
	padding-bottom: 10px;
}


#content-in h2 {
	padding-left: 55px;
	padding-top: 10px;
	color: #AD8503;
	font-size: 16pt;
	
}

#content-in2 h2 {
	padding-left: 55px;
	padding-top: 10px;
	color: #314369;
	font-size: 16pt;
	
}

#content-in3 h2 {
	padding-left: 95px;
	padding-top: 10px;
	color: #000000;
	font-size: 16pt;
	
}

#content-in3 h3 {
	padding-left: 95px;
	padding-top: 10px;
	color: #000000;
	font-size: 14pt;
}


#content-in, #content-in2, #content-in3 p {
	padding: 10px 0 40px 200px;
	
}

#content-in3 a:link {
	color: #000000;
	text-decoration: underline;
}

#content-in3 a:hover {
	color: #000000;
	text-decoration: none;
}





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

   =PORTFOLIO

   ------------------------------------------------------------------

*/

/* -----------------------------
   =Light Your Way: SINCERELY ME
   -----------------------------
*/

.picture_set {
	padding: 2%;
	}

.picture_set img {
	border: solid 2px #000000;
	}

.image_list li {
	list-style: none;
	display: inline;
	padding: 5px;
	}

.description {
	padding: 2%;
	}




/* ----------------
   =PHOTOGRAPHY
   ----------------
*/


#photo_thumbs {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	}

#photo_thumbs li {
	float: left;
	width: 217px;
	padding: 10%;
	}

#photo_thumbs img {
	border: solid 5px #000000;
	}
	




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

   =FOOTER

   ------------------------------------------------------------------

*/


/* ----------------
   =Light Your Way
   ----------------
*/


#footer {
	clear: left;
	width: 100%;
	border-top: solid 2px #f3ca25;
	color: #000000;
	text-align: center;
	padding: 4px 0;
}

#footer p {
	text-align: center;
}

#footer a {
	color: red;
	text-decoration: underline;
}

#footer-nav {
	float: right;
	text-align: center;
	font-family: Arial;
	padding-top: 1px;
	margin-top: 0;
}

#footer_nav li {
	list-style: none;
	display: inline;
	padding: 13px;
	font-size: 11pt;
}

#footer-nav li a:link {
	color: #000000;
	text-decoration: none;
}

#footer-nav li a:visited {
	color: #000000;
	text-decoration: none;
}

#footer-nav li a:hover {
	color: #000000;
	text-decoration: underline;
}

#footer_nav li.current a {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}

/* ----------------
   =SINCERELY ME
   ----------------
*/

#footer2 {
	clear: left;
	width: 100%;
	border-top: solid 2px #314369;
	color: #000000;
	text-align: center;
	padding: 4px 0;
}

#footer2 p {
	text-align: center;
}

#footer2 a {
	color: red;
	text-decoration: underline;
}



/* ----------------
   =PHOTOGRAPHY
   ----------------
*/

#footer3 {
	clear: left;
	width: 100%;
	border-top: solid 2px #4e4e56;
	color: #000000;
	text-align: center;
	padding: 4px 0;
}

#footer3 p {
	text-align: center;
}

#footer3 a {
	color: red;
	text-decoration: underline;
}


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

   =MISCELLANEOUS 

   ------------------------------------------------------------------

*/

.hidden {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

#photo_package {
	list-style: none;
	padding: 0 0 30px 200px;	
	margin: 0;
	width: 200px;
	height: 150px;
	position: relative;

}

.bold {font-weight: bold;}
	
#test1 {
	width: 300px;
	float: left;
	padding: 10px;
	}

#test2 {
	width: 200px;
	float: left;
	padding: 10px;
	}

#test3 {
	width: 300px;
	padding: 10px;
	float: left;
	}

#test4 {
	width: 500px;
	float: left;
	padding: 10px;
	}

#test5 {
	width: 500px;
	float: left;
	padding: 10px;
}

#test6 {
	padding: 10px 0 0 50px;
}

#test7 {
	padding: 10px 0 0 50px;
}