/* 
  -----------------------------------
  Catwalk Photo Inc 2007 Style Sheet (Master)
  Author: Justin Agoglia
  www.skylardesign.com
  -----------------------------------
*/

/* =Universal Styles 
  ----------------------------------- */
html, body {background: white; font: small/1.4 Arial, Helvetica, sans-serif; color: white;}

#wrapperBorder {margin: 0 auto; width: 898px; border: 1px solid #000; margin-top: 40px; }

#wrapper {float: left; width: 100%; background-color: black;}

a {color: #EAECEE; text-decoration: none;}
a:visited {color: #CCACCC;}
a:hover {color: #AE7BAE; text-decoration: underline;}
a:active, a:focus {background-color: #91325d; color: #fff; }

* {margin: 0; padding: 0;}

h1 {font-size: 2em;}

ul, li {list-style: none;}
 
.clear {clear: both;}

/* =Masthead Styles
---------------------------------- */
#masthead {float: left;	width: 100%; padding: 90px 0;}
#logoRight {float: right; margin-right: 33px; padding-top: 21px;}
#logoRight h1 {letter-spacing: 0.06em; text-transform: uppercase; font-weight: normal;}
#logoLeft {float: right; margin-right: 30px;}
#style {float: left; width: 100%; height: 250px; background: #8B4789 url(../images/style-Hm.jpg) no-repeat 200px 0px;}


/* =Content Styles
---------------------------------- */
#content {float: left;	width: 898px; }
#content p {float: right; margin: 2em 40px 2em 10px; padding-left: 185px;}
#content ul {float: right; width: 325px; font-size: .85em; margin: 0 1em 1em 0;}
#content li {float: left; margin-right: .9em;}
#contentInt {float: left; width: 898px;}
#contentInt h1, #contentInt h2 {font-size: 1.55em; margin-bottom: 18px; letter-spacing: .02em;}
#contentInt h2 {font-size: 1.2em;}
#contentInt h2.short-bot {letter-spacing: .3em;	border-top: 1px solid #FFF;	padding-top: .5em; padding-bottom: .5em;}
#contentInt h3 {font-size: .9em; text-transform: uppercase; font-weight: normal; letter-spacing: .02em; }
#contentInt p {margin-bottom: 1.3em;}
#contentLeft {float: left; width: 400px; margin-left: 55px;}
#contentRight {float: left; width: 325px; margin-left: 4.7em;}
#contentRight img {margin-top: 4em; border: 1px solid #FFF;}
#contentLeft a {text-decoration: underline;}

/* =Horizonatal Nav Styles
---------------------------------- */
ul#nav {float: right; width: 550px; margin: 1.5em -2.6em 1.5em 0; font-weight: bold;}
ul#nav li {float: left; margin-right: 1em;}

/* =Gallery Styles
---------------------------------- */
#gallery #wrapperBorder {margin-top: 0;}
#gallery #masthead {background: black; padding-bottom: 1.5em;}
#gallery ul#nav {float: left; width: 325px; margin-left: 2em;}

/* =Testimonial Styles
---------------------------------- */
blockquote p {font: italic 1.15em/1.45 Georgia, "Times New Roman", Times, serif}
/*blockquote.topmargin {margin-top: 25px;}*/
p.cite {text-transform: lowercase; font: bold 1.3em/.03em Arial, Helvetica, sans-serif; text-align: right; margin: -.3em .5em 0 0; padding-bottom: 1em;}

/* =Footer Styles
---------------------------------- */
#footer {margin: 30px auto 0; width: 900px;	padding-bottom: 20px;}
#footer p {font-size: 0.8em; text-align: right;	margin: 0 3em 0 0; color: #2E2E2E; letter-spacing: 0.03em;}
#footer a, #footer a:visited {color: #4E304E; text-decoration: underline;}
#footer a:hover, #footer a:active {color: #B483B4; text-decoration: none;} 

/* =Specific Styled 
---------------------------------- */
.interior #wrapper {width: 868px; border: 15px solid #8B4789; padding-bottom: 3.5em;}
.interior #masthead {padding: 25px 0 0;}
#contact p.address {margin-bottom: 0;}
#galleryHm #contentLeft ul {margin: 0 0 1.5em 2em;}
#galleryHm #contentLeft li {list-style: disc;}
#galleryHm #contentLeft li a {text-decoration: underline;}
#galleryHm #contentLeft li a:hover {text-decoration: none;}
#services #contentLeft h2 {margin-bottom: 0;}


/* =Uberlinks
---------------------------------- */

#home #homelink a, #about #aboutlink a, #services #serviceslink a, #contact #contactlink a {
	color: #CBFF5E;	font-weight: bold; cursor: default;}