/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}



body
{
	background		: #000;
	text-align		: center;
	margin 			: 0;
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-size 		: 11px;
	color 			: #fff;
	line-height		: 16px;
}

#bgContainer 
{
	position			: absolute;
	top 				: 0;
	left 				: 0;
	width				: 100%;
    height				: auto;
}

#bg, #bg1, #bg2 , #bg3 
{
	position			: relative;
	top 				: 0;
	left 				: 0;
    width				: 100%;
    height				: auto;
	border-top 			: 65px solid #000;
	border-bottom		: 65px solid #000;
}

#bg1
{
	border 				: 0;
	border-top 			: 65px solid #000;
}

#bg2
{
	border 				: 0;
}

#bg3
{
	border 				: 0;
	border-bottom 		: 65px solid #000;
}

img
{
	border 			: 0;
}


form
{
	margin 			: 0;
}

strong
{
	font-size 		: 12px;
}

a:link
{
	color 			: #fff;
}

a:visited
{
	color 			: #00adef;
}

a:hover
{
	color 			: #00adef;
}

#imageData #caption a, #imageData #numberDisplay a
{
	background 		: #00adef;
	color 			: #fff;
	padding 		: 3px;
	text-decoration : none;
}

h1, h2, h3
{
	margin 			: 0;	
}



#container
{
	position		: relative;
	width 			: 955px;
	margin 			: auto;
	text-align		: left;
}

#header
{
	background		: #000;
	height 			: 65px;
	position 		: relative;
}

#footer
{
	background		: #000;
	height 			: 65px;
	position 		: absolute;
	left 			: 0px;
	top 			: 0px;
	width 			: 100%;
}

#logo
{
	position		: absolute;
	top 			: 20px;
	left 			: 25px;
	width 			: 297px;
	height 			: 61px;
	background 		: url(images/lucidcreations3.gif) no-repeat;
	cursor			: pointer;
}

#home
{
	display 		: block;
	position 		: absolute;
	top 			: 24px;
	right 			: 150px;
	color 			: #fff;
	text-decoration	: none;
}

#home img
{
	vertical-align	: top;
}

#colorPicker
{
	position 		: absolute;
	top 			: 24px;
	right 			: 25px;
	text-align 		: right;
	width 			: 100px;
	float 			: left;
}

#color 
{
	float 			: left;
	margin-right 	: 5px;
}

#colorPicker #one
{
	display 		: block;
	width 			: 12px;
	height 			: 12px;
	background 		: #afd136;
	float 			: left;
}
#colorPicker #two
{
	display 		: block;
	width 			: 12px;
	height 			: 12px;
	background 		: #ffff00;
	float 			: left;
}
#colorPicker #three
{
	display 		: block;
	width 			: 12px;
	height 			: 12px;
	background 		: #00B7FF;
	float 			: left;
}
#colorPicker #four
{
	display 		: block;
	width 			: 12px;
	height 			: 12px;
	background 		: #EC008B;
	float 			: left;
}

#nav
{
	position 		: absolute;
	left 			: 25px;
	top 			: 95px;
	list-style		: none;
	margin 			: 0;
	/*border 			: 1px solid red;*/
}

#nav span
{
	display 		: none;
}

#nav li
{
	margin 			: 0;
	margin-left 	: -40px;
}

#nav a
{
	text-decoration : none;
}

#nav li
{
	margin-bottom	: 7px;
}

#nav a.websites:link
{
	display 		: block;
	width 			: 89px;
	height			: 30px;
	background 		: url(images/nav_websites_cyan.gif) no-repeat;
}
#nav a.websites:visited
{
	display 		: block;
	width 			: 89px;
	height			: 30px;
	background 		: url(images/nav_websites_cyan.gif) no-repeat;
}
#nav a.websites:hover
{
	display 		: block;
	width 			: 89px;
	height			: 30px;
	background 		: #00adef url(images/nav_websites_on_cyan.gif) no-repeat;
}

#nav a.print:link
{
	display 		: block;
	width 			: 55px;
	height			: 30px;
	background 		: url(images/nav_print_cyan.gif) no-repeat;
}
#nav a.print:visited
{
	display 		: block;
	width 			: 55px;
	height			: 30px;
	background 		: url(images/nav_print_cyan.gif) no-repeat;
}
#nav a.print:hover
{
	display 		: block;
	width 			: 55px;
	height			: 30px;
	background 		: #00adef url(images/nav_print_on_cyan.gif) no-repeat;
}

#nav a.identities:link
{
	display 		: block;
	width 			: 92px;
	height			: 30px;
	background 		: url(images/nav_identities_cyan.gif) no-repeat;
}
#nav a.identities:visited
{
	display 		: block;
	width 			: 92px;
	height			: 30px;
	background 		: url(images/nav_identities_cyan.gif) no-repeat;
}
#nav a.identities:hover
{
	display 		: block;
	width 			: 92px;
	height			: 30px;
	background 		: #00adef url(images/nav_identities_on_cyan.gif) no-repeat;
}

#nav a.flash:link
{
	display 		: block;
	width 			: 60px;
	height			: 30px;
	background 		: url(images/nav_flash_cyan.gif) no-repeat;
}
#nav a.flash:visited
{
	display 		: block;
	width 			: 60px;
	height			: 30px;
	background 		: url(images/nav_flash_cyan.gif) no-repeat;
}
#nav a.flash:hover
{
	display 		: block;
	width 			: 60px;
	height			: 30px;
	background 		: #00adef url(images/nav_flash_on_cyan.gif) no-repeat;
}

#nav a.contact:link
{
	display 		: block;
	width 			: 80px;
	height			: 30px;
	background 		: url(images/nav_contact_cyan.gif) no-repeat;
}
#nav a.contact:visited
{
	display 		: block;
	width 			: 80px;
	height			: 30px;
	background 		: url(images/nav_contact_cyan.gif) no-repeat;
}
#nav a.contact:hover
{
	display 		: block;
	width 			: 80px;
	height			: 30px;
	background 		: #00adef url(images/nav_contact_on_cyan.gif) no-repeat;
}

#nav a.cv:link
{
	display 		: block;
	width 			: 39px;
	height			: 30px;
	background 		: url(images/nav_cv_cyan.gif) no-repeat;
}
#nav a.cv:visited
{
	display 		: block;
	width 			: 39px;
	height			: 30px;
	background 		: url(images/nav_cv_cyan.gif) no-repeat;
}
#nav a.cv:hover
{
	display 		: block;
	width 			: 39px;
	height			: 30px;
	background 		: #00adef url(images/nav_cv_on_cyan.gif) no-repeat;
}

#wrapper
{
	position 		: absolute;
	top 			: 95px;
	right 			: 0px;
	width 			: 733px;
	/*border 			: 1px solid red;*/
}

/* index page itmes */

#index
{
	position 		: absolute;
	top 			: 0px;
	left 			: 0px;
	width 			: 574px;
}

#index .latest
{
	position 		: absolute;
	top 			: 0px;
	right 			: 0px;
	background 		: #00adef;
	padding 		: 5px;
}

#index .latest h2
{
	font-size 		: 18px;
	position 		: relative;
	left 			: 8px;
}

#index .click
{
	position 		: absolute;
	top 			: 30px;
	right 			: 0px;
	background 		: #000;
	padding 		: 5px;
}

#index .click h3
{
	font-size 		: 14px;
}

#largeIndexItem
{
	position 		: absolute;
	top 			: 56px;
	left 			: 0;
	border 			: 7px solid #000;
}

#largeIndexItem #desc
{
	position 		: absolute;
	top 			: 0px;
	left 			: 0px;
	width 			: 190px;
}

#smallIndexItem1
{
	position 		: absolute;
	top 			: 330px;
	left 			: 0px;
	border 			: 7px solid #000;
	border-top 		: 50px solid #000;
}

#smallIndexItem2
{
	position 		: absolute;
	top 			: 330px;
	left 			: 300px;
	border 			: 7px solid #000;
	border-top 		: 50px solid #000;
}

#smallIndexItem1 #desc, #smallIndexItem2 #desc
{
	position 		: absolute;
	top 			: -45px;
	left 			: 0px;
	width 			: 190px;
}

#smallIndexItem1 #desc h2, #smallIndexItem2 #desc h2
{
	font-size 		: 18px;
}

#smallIndexItem1 #desc h3, #smallIndexItem2 #desc h3
{
	font-size 		: 14px;
}

/* porfolio page itmes */

#item
{
	float 			: left;
	/*border 			: 1px solid #fff;*/
	position 		: relative;
	margin-bottom 	: 60px;
}

#item #divider
{
	background 		: #00adef;
	width 			: 100%;
	height 			: 4px;
	margin 			: 10px 0 10px 0;
}

#item #desc
{
	width 			: 246px;
	/*border 			: 1px solid yellow;*/
	float 			: right;
	margin-left 	: 40px;
	margin-right 	: 40px;
	background 		: #000;
	padding 		: 10px;
	padding-top 	: 5px;
	position 		: relative;
	height 			: 182px;
}

#item #introImage
{
	/*border 			: 1px solid blue;*/
	position 		: relative;
	float 			: right;
}

#item #introImage img.intro
{
	border 			: 7px solid #000;
	z-index 		: 2;
}

#item #links
{
	position 		: absolute;
	z-index 		: 1;
}

#item #newProject
{
	position 		: absolute;
	right 			: 10px;
	bottom 			: 60px;
	width 			: 116px;
	height 			: 30px;
	background 		: url(images/new_cyan.gif) no-repeat;
}

#item #viewProject
{
	position 		: absolute;
	right 			: 10px;
	bottom 			: 10px;
}

#flash
{
	font-size 		: 12px;
	padding 		: 20px;
	background 		: #000;
	width 			: 300px;
	margin-left 	: 150px;
}

.label
{
	text-align 		: right;
}

.text
{
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-size 		: 12px;
	color 			: #fff;
	border			: 0;
	background 		: #404040;
	width 			: 200px;
	padding 		: 3px;
}

textarea.text
{
	height 			: 50px;
}

#contact
{
	background 		: #000;
	padding 		: 20px;
	width 			: 500px;
	margin-left 	: 50px;
}

#contact em
{
	color 			: #00adef;
}

.btn
{
	border 			: 0px;
	background		: #00adef;
	color 			: #fff;
	font-size		: 14px;
	font-weight		: bold;
	font-family		: Georgia, "Times New Roman", Times, serif;
	padding			: 5px;
}

#comingSoon
{
	background		: black;
	width 			: 200px;
}

/* paging */

#paging
{
	background 		: #000;
	float 			: right;
	margin 			: 0 40px 40px 0;
}

#paging a:link
{
	display 		: block;
	float 			: left;
	padding 		: 5px;
	font-size 		: 14px;
	font-weight 	: bold;
	color 			: #fff;
	text-decoration : none;
	margin 			: 0 5px;
}

#paging a:visited
{
	display 		: block;
	float 			: left;
	padding 		: 5px;
	font-size 		: 14px;
	font-weight 	: bold;
	color 			: #cccccc;
	text-decoration : none;
	margin 			: 0 5px;
}

#paging a:hover
{
	display 		: block;
	float 			: left;
	padding 		: 5px;
	font-size 		: 14px;
	font-weight 	: bold;
	color 			: #00adef;
	text-decoration : none;
	margin 			: 0 5px;
}

#paging #prev
{
	background		: url(images/btn_prev.gif) no-repeat;
	width			: 52px;
	height 			: 30px;
	display 		: block;
	padding 		: 0;
	margin 			: 0;
	margin-right	: 10px;
}

#paging #next
{
	background		: url(images/btn_next.gif) no-repeat;
	width			: 52px;
	height 			: 30px;
	display 		: block;
	padding 		: 0;
	margin 			: 0;
	margin-left		: 10px;
}

.paging
{
	font-size		: 14px;
}


/* h tags for sfir */

h2
{
	font-size 		: 24px;
	line-height		: normal;
}

h3
{
	font-size 		: 18px;
	line-height		: normal;
}

#shutterbugs
{
	font-size 		: 12px;
	padding 		: 20px;
	background 		: #000;
	width 			: 600px;
}

#shutterbugs .questions, #shutterbugs table
{
	border-collapse	:collapse; 
	border			: 1px solid #eeeeee
}

#shutterbugs .questions td
{
	border			: 1px solid #eeeeee
}

#shutterbugs .options
{
	text-align 		: center;
}

#shutterbugs .options td
{
	padding 		: 3px;
}

#shutterbugs .text
{
	width 			: 320px;
}