/* 		
Danielle Sutton
www.daniellesutton.com
Color: #
Color: #
*/

/*
Reset
*/

*						{ margin: 0; padding: 0; }
html					{ overflow-y: scroll; }
html, body				{ height: 100%; }
body					{ margin: 0px 0px; padding:0px; text-align:center; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000000; font-size: 10px; line-height: 20px; letter-spacing: .5px; font-weight: 600; }

ul						{ list-style: square inside; }
ol						{ list-style: decimal inside; }
a						{ outline: none; text-decoration: none; color: #ee3124; }
a img					{ border: none; }
img						{ vertical-align: middle; }
table					{ border-collapse: collapse; }

/*
Utility
*/
.floatLeft				{ float: left; }
.floatRight				{ float: right; }
.clear					{ clear: both; }
.button					{ border:; background:; padding:; }
.button:hover			{ background:; color:; }

/*
Universal Styles
*/
.red { color: #ee3124;}
.italic_red { font-style: italic; color: #ee3124; font-family: Baskerville; margin-right: 6px; margin-top: 3px;}
.black { color: #000000;}
p { font-family: Helvetica, Arial, Verdana, sans-serif; color: #000000; font-size: 10px; line-height: 16px; font-weight: normal; }
.grey { color: #7e8083; }
h5 { font-family: Helvetica, Arial, Verdana, sans-serif; color: #000000; font-size: 10px; line-height: 16px; font-weight: normal; }
.light { font-weight: 200; }

#wrapper	{ /*background-color: lightyellow;*/ margin:0px auto; text-align:left; width: 900px; height: 660px; }


/*
HEADER
*/
#header		{ /*background-color: lightpink;*/ width: 100%; height: 130px; }

#red_dot_logo	{ /*background-color: lavender;*/ float: left; width: 148px; height: 36px; padding: 60px 0 0 68px; }



/* MAIN NAVIGATION */

#main_nav { /*background-color: lightpink;*/ float: right; }

/* MAIN NAVIGATION IMAGE ROLLOVER CSS */
ul#navigation { /*background-color: lightblue;*/ width: 370px; margin: 70px 55px 0 0; list-style: none; text-indent: -9999px; }

ul#navigation li { display: inline; /*float: left;*/ }
	
ul#navigation li a { text-indent: -9999px; display: block; float: left; height: 16px; background-image: url(../images/navigation.png); }

ul#navigation li a.home { width: 83px; background-position: 0 0; }

ul#navigation li a.home#home-active { background-position: 0 -16px; }

ul#navigation li a.home:hover { background-position: 0 -16px; }

ul#navigation li a.portfolio { width: 72px; background-position: -83px 0; }

ul#navigation li a.portfolio#portfolio-active { background-position: -83px -16px; }

ul#navigation li a.portfolio:hover { background-position: -83px -16px; }

ul#navigation li a.studio { width: 54px; background-position: -157px 0; }

ul#navigation li a.studio#studio-active { background-position: -157px -16px; }

ul#navigation li a.studio:hover { background-position: -157px -16px; }

ul#navigation li a.journal { width: 59px; background-position: -211px 0; }

ul#navigation li a.journal:hover { background-position: -211px -16px; }

ul#navigation li a.contact { /*width: 98px;*/ width: 98px; background-position: -270px 0; }

ul#navigation li a.contact#contact-active  { background-position: -270px -16px; }

ul#navigation li a.contact:hover { background-position: -270px -16px; }

a { outline: none; }



/* PORTFOLIO MAIN NAV DROPDOWN MENU */
ul#portfolio-dropdown-navigation { width: 95px; margin: 0 0 0 72px; list-style: none; }

ul#portfolio-dropdown-navigation li { display: inline; }

ul#portfolio-dropdown-navigation li a { display: block; float: left; height: 16px; background-image: url(../images/portfolio-dropdown-navigation.png); text-indent: -9999px;}

ul#portfolio-dropdown-navigation li a.public { width: 44px; background-position: 0 0;}

ul#portfolio-dropdown-navigation li a.private { width: 45px; background-position: -44px 0;}

ul#portfolio-dropdown-navigation li a.public:hover { width: 44px; background-position: 0 -16px;}

ul#portfolio-dropdown-navigation li a.public#active-public { width: 44px; background-position: 0 -16px;}

ul#portfolio-dropdown-navigation li a.private:hover { width: 45px; background-position: -44px -16px;}

ul#portfolio-dropdown-navigation li a.private#active-private { width: 45px; background-position: -44px -16px;}



/* PORTFOLIO GALLERIES */
#portfolio_gallery_nav { /*background-color: peachpuff;*/ margin-left: 65px; width: 600px; height: 17px; }



/* Working with studio nav styles */
ul#studio_sub_nav { background-color: #FFFFFF; height: 10px; list-style: none; margin: 0; width: 100%; text-indent: -9999px; padding-top: 4px; /*margin-left: 10px;*/ }


ul#studio_sub_nav li { display: inline; }

ul#studio_sub_nav li a { display: block; float: left; height: 10px; background-image: url(../images/studio_sub_nav.png); }

ul#studio_sub_nav li a.studio_nav_karen { width: 38px; background-position: 0 0; }

ul#studio_sub_nav li a.studio_nav_karen:hover { background-position: 0 -10px; }

ul#studio_sub_nav li a.studio_nav_karen#active_studio { background-position: 0 -10px; }


ul#studio_sub_nav li a.studio_nav_alix { width: 35px; background-position: -35px 0; }

ul#studio_sub_nav li a.studio_nav_alix:hover { background-position: -35px -10px; }

ul#studio_sub_nav li a.studio_nav_alix#active_studio { background-position: -35px -10px; }




/*PORTFOLIO PUBLIC GALLERIES NAVIGATION*/

ul#portfolio_gallery_nav_public { /*background-color: lightyellow;*/ width: 370px; margin: 0px; list-style: none; text-indent: -9999px; }

ul#portfolio_gallery_nav_public li { display: inline; /*float: left;*/ }
	
ul#portfolio_gallery_nav_public li a { display: block; float: left; height: 10px; background-image: url(../images/portfolio_public_gallery_nav_2.png); }

ul#portfolio_gallery_nav_public li a.gallery_nav_pet_camp { width: 50px; background-position: 0 0; }

ul#portfolio_gallery_nav_public li a.gallery_nav_pet_camp:hover { background-position: 0 -10px; }

ul#portfolio_gallery_nav_public li a.gallery_nav_pet_camp#active-pet-camp { background-position: 0 -10px; }

ul#portfolio_gallery_nav_public li a.gallery_nav_rare_device { width: 70px; background-position: -50px 0; }

ul#portfolio_gallery_nav_public li a.gallery_nav_rare_device:hover { background-position: -50px -10px; }

ul#portfolio_gallery_nav_public li a.gallery_nav_rare_device#active-rare-device { background-position: -50px -10px; }

ul#portfolio_gallery_nav_public li a.gallery_nav_sweet_peas { width: 112px; background-position: -120px 0; }

ul#portfolio_gallery_nav_public li a.gallery_nav_sweet_peas:hover { background-position: -120px -10px; }

ul#portfolio_gallery_nav_public li a.gallery_nav_sweet_peas#active-sweet-peas { background-position: -120px -10px; }



/*PORTFOLIO PRIVATE GALLERIES NAVIGATION*/

ul#portfolio_gallery_nav_private { /*background-color: lightyellow;*/ width: 400px; margin: 0px; list-style: none; text-indent: -9999px; }

ul#portfolio_gallery_nav_private li { display: inline; /*float: left;*/ }
	
ul#portfolio_gallery_nav_private li a { display: block; float: left; height: 10px; background-image: url(../images/portfolio_private_gallery_nav.png); }

ul#portfolio_gallery_nav_private li a.gallery_nav_banks { width: 50px; background-position: 0 0; }

ul#portfolio_gallery_nav_private li a.gallery_nav_banks:hover { background-position: 0 -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_banks#active-banks { background-position: 0 -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_sanchez { width: 67px; background-position: -50px 0; }

ul#portfolio_gallery_nav_private li a.gallery_nav_sanchez:hover { background-position: -50px -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_sanchez#active-sanchez { background-position: -50px -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_22nd { width: 50px; background-position: -117px 0; }

ul#portfolio_gallery_nav_private li a.gallery_nav_22nd:hover { background-position: -117px -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_22nd#active-22nd { background-position: -117px -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_ridgewood { width: 80px; background-position: -167px 0; }

ul#portfolio_gallery_nav_private li a.gallery_nav_ridgewood:hover { background-position: -167px -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_ridgewood#active-ridgewood { background-position: -167px -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_hill { width: 50px; background-position: -247px 0; }

ul#portfolio_gallery_nav_private li a.gallery_nav_hill:hover { background-position: -247px -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_hill#active-hill { background-position: -247px -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_portola { width: 88px; background-position: -297px 0; }

ul#portfolio_gallery_nav_private li a.gallery_nav_portola:hover { background-position: -297px -10px; }

ul#portfolio_gallery_nav_private li a.gallery_nav_portola#active-portola { background-position: -297px -10px; }







/*
MAIN CONTENT
*/
.main_content	{ /*background-color: lightblue;*/ width: 100%; height: 464px; }

#rotating_content { /*background-color: lightgreen;*/ margin: 0; padding: 0; height: 459px; }

.slideshow_caption { /*background-color: lightyellow;*/ width: 350px; padding-top: 10px; }

.slideshow_caption p { padding-left: 34px; }

.slideshow_caption_double { /*background-color: lightpink;*/ width: 550px; padding-top: 10px; height: 120px; }

.slideshow_caption_double p { padding-left: 34px; }

.slideshow_caption_double p.float { /*background-color: lightyellow;*/ float: left; width: 210px;}


/* homepage */
#slideshow_home { margin: 0px 0px 0px 34px; /*background-color: lightyellow; height: 430px;*/ width: 808px; }

#prev_next_home { /*background-color: lightblue;*/ width: 24px; height: 16px; position: relative; top: -114px; left: 819px; z-index: 4; }

#next_home { padding-left: 2px; }


/*portfolio*/
.pics { margin-left: 34px; /*background-color: lavender;*/ width: 532px; height: 455px; }

#portfolio-project-description { float: right; background-color: #e7e7e8; width: 271px; height: 330px; margin-right: 58px;}

#portfolio-project-description p { font-size: 9px; margin: 16px 12px; line-height: 16px; }

#prev_next_portfolio { /*background-color: lightblue; width: 24px;*/ width: 95px; height: 16px; position: relative; top: -114px; /*left: 819px;*/ left: 747px; z-index: 4; }

#next_portfolio { padding-left: 2px; }


/* studio */
#studio_content { /*background-color: lightgreen;*/ margin: 0; padding: 0; height: 459px; }

#studio_squares { margin: 0px 0px 0px 34px; background-image: url('../images/studio-background-image.png'); /*height: 430px;*/ width: 808px; }

#studio-block-studio { float: left; background-color: #e6e6e6; width: 252px; height: 349px; margin-left: 32px; }

p.studio-block { font-size: 9px; margin: 16px 18px 0px 28px; line-height: 15px; }

#studio-block-karen { float: left; background-color: #f2f2f2; width: 320px; height: 349px; margin-left: 10px; }

.studio-block-title { background-color: #ffffff; width: 100%; height: 20px; }

#studio-page-image { float: right; margin-top: 20px; }

/*.studio-block-title img { float: left; }*/








/* content */
#contact-content { /*background-color: lavender;*/ height: 455px; margin: 0px 0px 0px 34px; /*background-color: lightyellow; height: 430px;  width: 532px;*/ width: 865px; }

#contact-content img { float: left; }

#contact-copy { float: left; width: 258px; margin-left: 13px; }

#contact-address { /*background-color: lightyellow;*/ float: left; width: 258px; margin-left: 13px; }

#contact-location-description { /*background-color: lightgreen;*/ float: left; width: 206px; margin: 190px 0 0 13px; }

/*
FOOTER
*/
#footer	{ /*background-color: lightgreen;*/ width: 100%; height: 42px; text-align: right; }

#footer h5 { margin-right: 58px; }