/*--------------------------------------------------------
# Author: Nenad Jelovac
# Author URI: http://css-guy.com
#
#
# Green:  #67baae   - titles
# Purple: #692c8d   - main text areas
--------------------------------------------------------*/


/*------------------------------------------------------*/
/* =HTML ELEMENTS										*/
/*------------------------------------------------------*/

body {
	background: #fff url(../images/bg.jpg) no-repeat 50% 20px;
	color: #333;
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

/* SAFARI FIX (if the fix is needed. You can apply it for any element, or for all - on 'body')
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) { body {-webkit-text-stroke:0 black;}}
*/

h1 {
	background: #fff;
	color: #692c8d;
	font-family: 'FreebooterScriptRegular', sans-serif;
	font-size: 48px;
	line-height: 78px;
	padding: 0 20px;
	position: absolute;
	top: -50px;
	right: 20px;
}

h2 {
	color: #67baae;
	font-family: 'TrajanProBold', sans-serif;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

h2 img {
	margin-right: 5px;
}

h4 {
	color: #67baae;
	font-family: 'TrajanProBold', sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 18px;
	padding-top: 7px;
	text-transform: uppercase;
}

h5 {
	color: #67baae;
	font-family: 'TrajanProBold', sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 3px;
	text-transform: uppercase;
}

a {
	color: #48add7;
	outline: none; /* removing outline in Mozilla */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* SETTING FORM ELEMENTS */
button,
textarea,
input[type="text"],
input[type="submit"] {
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 12px;
}


button:hover,
input.submit:hover, /* class .submit (if developing for IE6) */
input[type="submit"]:hover {
	cursor: pointer;
}

/* removing odd button padding/margin in Mozilla */
button::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

/*------------------------------------------------------*/
/* =FLOAT CLASSES										*/
/*------------------------------------------------------*/

/* clears the float  */
.floatClear {
	overflow: hidden;
}

/* usually for <br /> tag to clear the float (in cases where class .floatClear is not applicable) */
.clear {
	clear: both;
	line-height: 0;
}

/* images */
img.left {
	float: left;
}

/*------------------------------------------------------*/
/* =CUSTOM FONTS										*/
/*------------------------------------------------------*/



@font-face {
	font-family: 'MrsEavesPetiteCapsRegular';
	src: url('../fonts/mrseavpetcap-webfont.eot');
	src: local(' '), url('../fonts/mrseavpetcap-webfont.woff') format('woff'), url('../fonts/mrseavpetcap-webfont.ttf') format('truetype'), url('../fonts/mrseavpetcap-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FreebooterScriptRegular';
	src: url('../fonts/freebooter_script-webfont.eot');
	src: local(' '), url('../fonts/freebooter_script-webfont.woff') format('woff'), url('../fonts/freebooter_script-webfont.ttf') format('truetype'), url('../fonts/freebooter_script-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MinionProRegular';
	src: url('../fonts/minionpro-regular-webfont.eot');
	src: local(' '), url('../fonts/minionpro-regular-webfont.woff') format('woff'), url('../fonts/minionpro-regular-webfont.ttf') format('truetype'), url('../fonts/minionpro-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EccentricStdRegular';
	src: url('../fonts/eccentricstd-webfont.eot');
	src: local(' '), url('../fonts/eccentricstd-webfont.woff') format('woff'), url('../fonts/eccentricstd-webfont.ttf') format('truetype'), url('../fonts/eccentricstd-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TrajanProBold';
	src: url('../fonts/trajanpro-bold-webfont.eot');
	src: local('?'), url('trajanpro-bold-webfont.woff') format('woff'), url('../fonts/trajanpro-bold-webfont.ttf') format('truetype'), url('../fonts/trajanpro-bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SwanSongRegular';
	src: url('../fonts/swan_song-webfont.eot');
	src: local('?'), url('../fonts/swan_song-webfont.woff') format('woff'), url('../fonts/swan_song-webfont.ttf') format('truetype'), url('../fonts/swan_song-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*

SETTING UP FONT

	.MrsEavesPetiteCaps {font-weight: normal; font-style: normal; line-height:normal; font-family: 'MrsEavesPetiteCapsRegular', sans-serif;}
	.FreebooterScript {font-weight: normal; font-style: normal; line-height:normal; font-family: 'FreebooterScriptRegular', sans-serif;}
	.MinionPro-Regular {font-weight: normal; font-style: normal; line-height:normal; font-family: 'MinionProRegular', sans-serif;}
	.EccentricStd {font-weight: normal; font-style: normal; line-height:normal; font-family: 'EccentricStdRegular', sans-serif;}	
	.TrajanPro-Bold {font-weight: normal; font-style: normal; line-height:normal; font-family: 'TrajanProBold', sans-serif;}
	.SwanSong {font-weight: normal; font-style: normal; line-height:normal; font-family: 'SwanSongRegular', sans-serif;}

*/

/*------------------------------------------------------*/
/* =LAYOUT												*/
/*------------------------------------------------------*/

/*----------------------------------*/
/* =WRAPPER							*/
#wrapper {
	margin: 0 auto;
	padding: 15px 0;
	width: 918px;
	position: relative;
}

/*----------------------------------*/
/* =LOGO							*/
#logo {
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 500;
}

/*----------------------------------*/
/* =HEADER							*/
#header {
	background: url(../images/header.png) no-repeat;
	height: 151px;
	margin-top: -80px;
	position: relative;
	z-index: 100;
}

/*----------------------------------*/
/* =MENU							*/
#menu {
	background: url(../images/menu.jpg) repeat-x;
	height: 33px;
	padding-top: 7px;
	position: absolute;
	left: 70px;
	bottom: 25px;
}

#menu > li {
	float: left;
	font-family: 'EccentricStdRegular', sans-serif;
	font-size: 19px;
	height: 33px;
	padding: 0 15px;
	position: relative;
}

#menu > li > a {
	color: #692c8d;
	display: inline-block;
	padding: 0 10px;
}

#menu > li.active > a {
	color: #67baae;
}

/* DROP DOWN */
#menu li ul {
	display: none;
	width: 500px;
	position: absolute;
	bottom: -15px;
	left: 25px;
}

#menu li:hover ul {
	display: block;
}

#menu li li {
	background: url(../images/submenu-bullet.jpg) no-repeat 0 6px;
	display: inline;
	font-family: 'MrsEavesPetiteCapsRegular', sans-serif;
	font-size: 20px;
	margin-right: 8px;
	padding-left: 10px;
	text-transform: capitalize;
}

#menu li li a {
	color: #67baae;
}

#menu li li.current a {
	color: #692c8d;
}

/*----------------------------------*/
/* =CONTENT							*/
#content {
	background: url(../images/content.jpg) repeat-y;
	color: #692c8d;
	font-family: 'MinionProRegular', sans-serif;
	font-size: 14px;
	margin: 0 auto;
	padding: 40px 45px 0 45px;
	width: 816px;
	position: relative;
	z-index: 200;
}

#content p {
	margin-bottom: 15px;
}

#content img {
	background: #fff;
	border: 1px solid #67baae;
	padding: 4px;
}

/* main and aside */
.main {
	float: left;
}

.aside {
	float: right;
}

/*----------------------------------*/
/* =FOOTER							*/
#footer {
	background: url(../images/footer.png) no-repeat;
	font-family: 'MrsEavesPetiteCapsRegular', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;  
	height: 167px;
	line-height:normal;
	padding-top: 20px;
	text-align: center;
	position: relative;
}

#footer ul {
	border-top: 2px dotted #67baae;
	margin: 20px 55px 0 55px;
	padding-top: 20px;
}

#footer li {
	border-left: 1px solid #67baae;
	display: inline;
	padding: 0 10px;
	text-transform: capitalize;
}

#footer li:first-child {
	border: none;
}

#footer li a {
	color: #67baae;
}

#footer p {
	color: #692c8d;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#footer p a {
	color: #692c8d;
}


/*------------------------------------------------------*/
/* =INNER PAGES											*/
/*------------------------------------------------------*/

#innerWrapper {
	border: 1px solid #67baae;
	margin-right: 20px;
	padding: 45px 15px 20px 18px;
	position: relative;
}

#innerWrapper .curveLeft,
#innerWrapper .curveRight {
	height: 206px;
	width: 106px;
	position: absolute;
	bottom: -5px;
}

/* mini gallery */
#innerWrapper .miniGallery {
	margin-bottom: 25px;
	overflow: hidden;
}

#innerWrapper .miniGallery li {
	float: left;
	margin-left: 15px;
}

#innerWrapper .miniGallery li:first-child {
	margin-left: 0;
}

/* design additions */
#innerWrapper .curveLeft {
	background: url(../images/curve-left.png) no-repeat;
	left: -85px;
}

#innerWrapper .curveRight {
	background: url(../images/curve-right.png) no-repeat;
	right: -85px;
}

/*----------------------------------*/
/* =HOMEPAGE						*/

#homepage #content {
	padding-top: 20px;
}

#homepage .main {
	background: url(../images/homepage-box.jpg) no-repeat;
	height: 446px;
	font-size: 13px;
	line-height: 16px;
	padding: 20px;
	width: 249px;
}

#homepage .aside {
	margin: 15px 20px 0 0;
}

#homepage #content p {
	margin-bottom: 10px;
}

/*----------------------------------*/
/* =ABOUT							*/

#about .divider {
	border-top: 2px dotted #67baae;
	margin-top: 25px;
	padding-top: 35px;
}

/* ABOUT MAIN */
#about .main {
	width: 483px;
	position: relative;
	z-index: 200;		/* because of .floralBottom */
}

#about .main h2 {
	background: url(../images/floral-bottom.jpg) no-repeat 180px 0;
	font-size: 25px;
	line-height: 25px;
	text-transform: uppercase;
}

/* ABOUT ASIDE */
#about .aside {
	width: 262px;
}

#about .aside h3 {
	background: url(../images/aside-h3.jpg) no-repeat;
	color: #67baae;
	font-family: 'FreebooterScriptRegular', sans-serif;
	font-size: 48px;
	height: 61px;
	line-height: 71px;
	margin-top: 5px;
	padding: 10px 25px 0 25px;
}

#about .aside .box {
	background: url(../images/aside-box.jpg) repeat-y;
	padding: 15px 25px 100px 25px;
	position: relative;
}

#about .aside .box p {
	margin-bottom: 5px;
}

#about .aside .boxBottom {
	background: url(../images/aside-bottom.jpg) no-repeat;
	height: 104px;
	width: 263px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#about .aside .floralBottom {
	background: url(../images/floral-top.jpg) no-repeat;
	height: 212px;
	width: 261px;
	position: absolute;
	bottom: 50px;
	left: -260px;
	z-index: 100;
}

/*----------------------------------*/
/* =SERVICES						*/

/* STYLED LIST */
#services ul.styled {
	float: left;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 20px 190px;
}

#services ul.styled:first-child {
	margin-left: 5px;
}

/* ROLES LIST */
#services ul.rolesList {
	list-style-type: disc;
	margin: 0 0 20px 18px;
}

#services ul.rolesList li {
	margin-bottom: 10px;
}

/* WEDDING1 */
.wedding1 {
	float: right;
	margin: -25px 0 0 15px;
	width: 320px;
}

#content .wedding1 a img {
	border: none;
}

#services .wedding1 ul {
	float: left;
	list-style-type: disc;
	line-height: 20px;
	margin-left: 20px;
	width: 110px;
}

/* WEDDING2 */
.wedding2 h4 {
	margin-bottom: 5px;
}

#content .wedding2 p {
	margin-bottom: 7px;
}

.wedding2 img.left {
	margin: 5px 15px 20px 0;
}

/* ETHIC CODE */
#services .ethicCode {
	text-align: center;
}

#services .ethicCode img {
	border: none;
}

/*----------------------------------*/
/* =GALLERY							*/

#gallery #content {
	padding-top: 0;
}

#gallery #footer img {
	position: relative;
	z-index: 400;
}

.gallery {
	background: url(../images/gallery-lines.png) repeat-y -20px 0;
	border: 1px solid #67baae;
	margin-right: 20px;
	min-height: 425px;
	width: 797px;
}

/* CATEGORIES */
.categories {
	float: left;
	padding: 15px;
	text-align: right;
	width: 162px;
}

.categories li {
	margin-bottom: 3px;
}

.categories a {
	color: #67baae;
}

.categories li.active a {
	color: #692c8d;
	text-decoration: underline;
}

/* PREVIEW */
.preview {
	float: left;
	margin-left: 1px;
	padding: 25px 0;
	text-align: center;
	width: 382px;
}

/* THUMBNAILS */
.thumbnails {
	float: left;
	height: 395px;
	margin-left: 1px;
	padding: 15px 9px 15px 11px;
	overflow-y: scroll;
	width: 200px;
}

.thumbnails li {
	float: left;
	margin: 5px;
}

#content .thumbnails li[style] {
	height: 50px !important;
	width: 50px !important;
}

#content .thumbnails li[style] img {
	border: none;
	margin: 0 !important;
	padding: 0;
}

#content .thumbnails img:hover {
	outline: 1px solid #692c8d;
}

.thumbnails .seeMore a {
	background: url(../images/see-more.jpg) no-repeat;
	display: inline-block;
	height: 53px;
	text-indent: -9999px;
	width: 50px;
}

.thumbnails .seeMore a:hover {
	background: url(../images/see-more.jpg) no-repeat 0 100%;
}

/* GALLERY TITLE */
.galleryTitle {
	background: url(../images/gallery-title.jpg) no-repeat;
	height: 190px;
	width: 342px;
	position: absolute;
	bottom: -69px;
	z-index: -1;
}

/* PHOTOGRAPHER */
#content p.photographer {
	border: 1px solid #67baae;
	border-top: none;
	color: #692c8d;
	margin: 0 20px 0 0; /* resetting margin-bottom to zero */
	text-align: right;
	padding: 15px 10px;
	width: 777px;
}

/*----------------------------------*/
/* =ACCOLADES						*/

#accolades p.signature {
	border-bottom: 2px dotted #67baae;
	color: #67baae;
	font-family: 'TrajanProBold', sans-serif;
	font-size: 13px;
	padding: 5px 10px 15px 0;
	text-align: right;
	text-transform: uppercase;
}

/*----------------------------------*/
/* =BUZZ							*/

#buzz #innerWrapper {
	padding: 65px 35px;
}

#buzz #content img {
	border: none;
	padding: 0;
}

#buzz .buzzHolder {
	height: 349px;
	margin: 0 auto;
	width: 550px;
	position: relative;
}

#buzz .buzzHolder img {
	position: absolute;	
	z-index: 200;
}

#buzz .buzzHolder > img {
	position: relative;
	z-index: 100;
}

.greenWedding {	
	top: 24px;
	right: 0;
}

.platinumWeddings {
	left: 190px;
	bottom: 0;
}

.westlakeMagazine {
	top: 100px;
	right: 20px;
}


.pinkInitiative {
	bottom: 45px;
	right: -17px;
}

/*----------------------------------*/
/* =CONTACT							*/

#contact #innerWrapper {
	padding-bottom: 0;
}

#contact h2.thankYou {
	font-size: 16px;
	margin-bottom: 35px;
	text-align: center;
}

#contact h3 {
	color: #67baae;
	font-family: 'SwanSongRegular', sans-serif;
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 14px;
	text-transform: lowercase;
}

#contact h4 {
	margin-bottom: 7px;
}

#contact #content img {
	border: none;
	padding: 0;
}


/* CONTACT FORM */
#contact form {
	float: left;
	margin-right: 10px;
	width: 310px;
}

#contact form li {
	overflow: hidden;
	padding-bottom: 10px;
}

#contact form li.buttonHolder {
	margin-top: -10px;
}

#contact input[type="text"],
#contact textarea {
	background: #fff;
	border: 1px solid #67baae;
	color: #692c8d;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 12px;
	padding: 7px 10px;
	width: 265px;
}

#contact textarea {
	height: 100px;
	overflow: auto;
}

#contact label {
	margin: 0 8px 0 2px;
}

#contact button {
	background: none;
	border: none;
	color: #212121;
	font-size: 19px;
	float: right;
	padding: 6px 10px;
}

#contact input[type="submit"]:hover {
	background: #ff96c2;
	cursor: pointer;
}

/* CONTACT INFO */
#contact .info {
	background: url(../images/contact.jpg) no-repeat;
	float: left;
	line-height: 24px;
	min-height: 471px;
	padding-left: 220px;
	width: 210px;
}

#contact .info a {
	color: #692c8d;
	margin-right: 10px;
	text-decoration: underline;
}

#contact .info a:hover {
	text-decoration: none;
}

#contact img[src="images/fb.jpg"] {
	position: relative;
	top: 2px;
}

/*----------------------------------*/
/* =SITEMAP							*/

#sitemap #content {
	padding-top: 0;
}

#sitemap #content > ul {
	margin-bottom: 20px;
}

#sitemap #content li {
	margin-bottom: 3px;
	text-align: center;
	text-transform: uppercase;
	
}

#sitemap #content a {
	color: #67baae;
}