/* CSS Reset */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*########################################
Common Classes
########################################*/
.invisible {
	display:none;
}
.clearit {
	clear:both;
}
/*########################################
@font-face
########################################*/
@font-face {  
	font-family:'ChopinScript';  
	src:url( '/fonts/chopin.eot' ); /* IE */  
	src:local("ChopinScript"), url( '/fonts/chopin.ttf' ) format("truetype"); /* non-IE */  
}
@font-face {  
	font-family:Lucida Calligraphy;  
	src:url( '/fonts/LCALLIG.eot' ); /* IE */  
	src:local("Lucida Calligraphy"), url( '/fonts/LCALLIG.ttf' ) format("truetype"); /* non-IE */  
}  
/*########################################
Common Page Layout
########################################*/
a {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	color:#F06;
	text-decoration:none;
}
a.selected {
	color:#F06 !important;
}
html, body {
	width:100%;
	height:100%;
}
body {
	text-align:center;
	background:#222 url(../images/background.jpg) repeat;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
}
#outercontainer {
	width:100%;
	height:100%;
	min-width:1000px;
	min-height:610px;	
	position:relative;
}
#container {
	width:1000px;
	margin:10px 0px;
	margin:auto;
	color:#FFFFFF;
	padding:5px 0px;
	position:absolute;
	top:50%;
	margin-top:-305px;
	left:50%;
	margin-left:-500px;
}
#header {
	height:75px;
	background:#000000;
	border-bottom:1px solid #333333;
	position:relative;
}
#header h1{
	background:url(../images/logo.jpg) top left no-repeat;
	width:270px;
	height:75px;
	position:absolute;
	top:0px;
	left:0px;
}
#header h1 a{
	display:block;
	width:270px;
	height:75px;
}
#nav {
	float:right;
	width:720px;
	height:75px;
	position:relative;
	font-size:1.4em;
}
#nav ul{
	list-style:none;
	display:inline;
	position:absolute;
	bottom:0px;
	right:10px;
	padding-bottom:10px;
	margin-right:40px;
}
#nav li{
	list-style:none;
	display:inline;
	margin:0px 10px 0px 10px;
	text-transform: uppercase;
}
#nav a{
	padding-bottom:10px;
}
#nav a:hover, #nav a.selected{
	background:url(../images/navArrow.gif) bottom center no-repeat;
	text-decoration:none;
	color:#F06;
}
#content {
	background:#000000 url(../images/contentBackground.jpg) no-repeat;
	width:1000px;
	height:500px;
	font-size:1.2em;
	position:relative;
}
#content p {
	line-height:1.3em;	
}
#content h2 {
	color:#F06;
	font-family:Lucida Calligraphy,"Times New Roman",Times,serif; 
	font-size:4em;
	margin-top:35px;
	margin-bottom:25px;
	line-height:1.4em;
}
#footer {
	background:#000;
	border-top:1px solid #333;
	font-size:1.2em;
	padding:5px;
	height:22px;
}
#footerPhoneNo {
	float:left;
	padding:5px;
}
#footerPhoneNo span{
	padding-right:20px;
}
#footerCopyright {
	float:right;
	padding:5px;
}
/*#####################		INDEX	#####################*/

#flashWrapper {
	width:960px;
	height:460px;
	background:#000000;
	position:absolute;
	top:20px;
	left:20px;
}

/*#####################		HOME	#####################*/

#homeText {
	width:500px;
	height:480px;
	margin:0px 30px;
	float:left;
	text-align:left;
}
#homeText p {
	margin:20px;
	margin-left:70px;
	font-size:1.2em;
	line-height:1.3em;
}
#signature {
	text-align:right;
	font-family:Lucida Calligraphy, "Times New Roman", Times, serif;
	font-size:1.4em;
	margin:40px;
}
#homeImages {
	width:300px;
	float:right;
	margin:20px 30px 0px;
}
#homeImages a {
	text-decoration:none;
}
#portfolioBtn {
	background:url(../images/viewportfolio.jpg);
	width:300px;
	height:290px;
	margin-bottom:20px;
	border:1px solid #666;
}
#portfolioBtn a{
	display:block;
	width:300px;
	height:290px;
}
#contactBtn {
	background:url(../images/contactus.gif);
	width:300px;
	height:150px;
	border:1px solid #666;
	position:relative;
}
#contactBtn a{
	display:block;
	width:300px;
	height:150px;
}
#contactBtn #facebook {
	display:block;
	width:80px;
	height:20px;
	position:absolute;
	bottom:25px;
	left:30px;
}

/*#####################		PORTFOLIO	#####################*/
#portfolioMenu {
	float:left;
	list-style:none;
	padding:35px 15px 35px 25px;
	text-align:left;
	width:200px;
}
#portfolioMenu li {
	display:block;
	margin-bottom:15px;
	text-transform:uppercase;
}
#portfolioMenu li a {
	display:block;
	padding:10px 8px;
	background:#111;
	line-height:1.4em;	
}
#thumbWrapper {
	float:left;
	width:720px;
	height:432px;
	margin:auto;
	padding-top:35px;
}
.thumbContainer {
	width:160px;
	height:90px;
	margin:0px 10px;
	margin-bottom:18px;
	float:left;
}
.thumb {
	height:90px;
	overflow:hidden;
	position:relative;
}
.thumb span.photoID {
	background:url(../images/counterBg.png);
	position:absolute;
	top:0px;
	left:0px;
	padding:3px 5px;
}
.thumb span.newPhoto {
	background:#F06;
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	padding:3px 5px;
	color:#FFF;
}
.thumbContainer img {
	width:160px;
	margin:auto;
}
.thumbContainer a:hover span{
	display:block;
	color:#FFF;
	background:#F06;
}
#sections {
	float:left;	
	margin-left:50px;
}
#pageCount {
	float:right;
	margin-right:50px;
}
#sections li, #pageCount li {
	display:inline;
	margin:0px 10px;
}
#portfolioWrapper {
	width:961px;
	height:458px;
	margin:auto;
	padding:21px 0px;
}
#wedding-stages {
	width:473px;
	width:230px;
	height:222px;
	float:left;
	margin-right:13px;
	margin-bottom:14px;
}
#wedding-stages a {
	background:url(../images/wedding-stages-single.jpg) no-repeat top left;
	display:block;
	width:473px;
	width:230px;
	height:222px;
}
#wedding-stages a:hover {
	background:url(../images/wedding-stages-single.jpg) no-repeat;
	background-position:-473px 0px;
	background-position:-230px 0px;
}

#mehndi-stages {
	width:230px;
	height:222px;
	float:left;
	margin-right:14px;
	margin-bottom:14px;
}
#mehndi-stages a {
	background:url(../images/mehndi-stages.jpg) no-repeat top left;
	display:block;
	width:230px;
	height:222px;
}
#mehndi-stages a:hover {
	background:url(../images/mehndi-stages.jpg) no-repeat;
	background-position:-230px 0px;
}

#engagement-stages {
	width:230px;
	height:222px;
	float:left;
	margin-right:14px;
	margin-bottom:14px;
}
#engagement-stages a {
	background:url(../images/engagement-stages.jpg) no-repeat top left;
	display:block;
	width:230px;
	height:222px;
}
#engagement-stages a:hover {
	background:url(../images/engagement-stages.jpg) no-repeat;
	background-position:-230px 0px;
}

#table-decor {
	width:230px;
	height:222px;
	float:left;
}
#table-decor a {
	background:url(../images/table-decor.jpg) no-repeat top left;
	display:block;
	width:230px;
	height:222px;
}
#table-decor a:hover {
	background:url(../images/table-decor.jpg) no-repeat;
	background-position:-230px 0px;
}

#aisleways{
	width:230px;
	height:222px;
	float:left;
	margin-right:14px;
}
#aisleways a {
	background:url(../images/aisleways.jpg) no-repeat top left;
	display:block;
	width:230px;
	height:222px;
}
#aisleways a:hover {
	background:url(../images/aisleways.jpg) no-repeat;
	background-position:-230px 0px;
}

#events{
	width:230px;
	height:222px;
	float:left;
	margin-right:13px;
}
#events a {
	background:url(../images/events.jpg) no-repeat top left;
	display:block;
	width:230px;
	height:222px;
}
#events a:hover {
	background:url(../images/events.jpg) no-repeat;
	background-position:-230px 0px;
}

#tents-and-marquees{
	width:230px;
	height:222px;
	float:left;
	margin-right:14px;
}
#tents-and-marquees a {
	background:url(../images/tents-and-marquees.jpg) no-repeat top left;
	display:block;
	width:230px;
	height:222px;
}
#tents-and-marquees a:hover {
	background:url(../images/tents-and-marquees.jpg) no-repeat;
	background-position:-230px 0px;
}

#house-lighting{
	width:230px;
	height:222px;
	float:left;
}
#house-lighting a {
	background:url(../images/house-lighting.jpg) no-repeat top left;
	display:block;
	width:230px;
	height:222px;
}
#house-lighting a:hover {
	background:url(../images/house-lighting.jpg) no-repeat;
	background-position:-230px 0px;
}

/*#####################		PHOTO	#####################*/

#photoWrapper {
	width:853px;
	margin:0px auto;
}
#photoContainer {
	text-align:center;
	width:853px;
	margin:0px auto;
	clear:both;
	position:relative;
	height:480px;
	background:url(../images/loading.gif) no-repeat center;
}
#photoContainer img {
	height:480px;
	margin:auto;
}
#photoContainer span.newPhoto {
	background:#F06;
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	padding:3px 5px;
	color:#FFF;
	font-size:2em;
}
#photoContainer p#page{
	position:absolute;
	top:0px;
	left:0px;
	display:inline;
	padding:1px 0px 1px 0px;
	font-size:2.2em;
	width:80px;
	text-align:center;
}
#photoContainer p span{
	font-size:0.5em;
}
#photoTopDiv {
	height:20px;
	padding-top:5px;
}
#photoTopDiv p{
	float:left;
	font-size:1.6em;
	font-weight:bold;
}
#photoTopDiv p span{
	font-size:0.7em;
}
#closeBtn {
	float:right;
	font-size:1.2em;
	/*padding:0px 25px 1px 0px;
	background:url(../images/closeBtn.gif) no-repeat right top;*/
}
#photoDetails {
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:1.2em;
	margin:5px 0px 0px 0px;
	width:853px;
	background:url(../images/counterBg.png);
}
#photoDetails p{
	width:500px;
	margin:0px auto;
	font-size:1.2em;
	padding-top:7px;
	text-align:center;
}
#prevBtn {
	float:left;
	background:url(../images/prevArrow.gif) left no-repeat;
	padding:0px 0px 3px 30px;
	font-size:1.4em;
	width:100px;
	text-align:left;
	margin-top:5px;
	margin-left:5px;
}
#nextBtn {
	float:right;
	background:url(../images/nextArrow.gif) right no-repeat;
	padding:0px 30px 3px 0px;
	font-size:1.4em;
	width:100px;
	text-align:right;
	margin-top:5px;
	margin-right:5px;
}
#blankBtn {
	width:100px;
	display:block;
}
/*#####################		CONTACT US	#####################*/

#contactText {
	width:500px;
	height:480px;
	margin:0px 30px;
	float:left;
	text-align:left;
}
#contactText p {
	margin:20px;
	margin-left:70px;
	font-size:1.2em;
	line-height:1.3em;
}

#contactText p.socialMedialinks a {
	margin-right:10px;
}

form {
	position:absolute;
	width:500px;
	top:60px;
	right:40px;
	height:385px;
}
form br {
	clear:both;	
}
input.textBox {
	width:348px;
	margin-bottom:10px;
	padding:2px;
}
select.selectBox {
	margin-bottom:10px;
	padding:2px;
	margin-left:2px;
	margin-right:5px;
	float:left;
}
input#send {
	background:#000000;
	border:1px solid #333333;
	color:#FFFFFF;
	width:75px;
	padding:3px 0px;
	float:left;
	margin-left:424px;
}
textarea {
	width:348px;
	height:210px;
	margin-bottom:10px;
	padding:2px;
}
label {
	float:left;
	clear:left;
	padding:4px 0px;
	margin-bottom:10px;
	width:130px;
	text-align:right;
	font-size:1.2em;
	margin-right:12px;
}
form p {
	position:absolute;
	bottom:5px;
	left:145px;
}

/*#####################		SERVICES	#####################*/

#servicesText {
	width:500px;
	height:480px;
	margin:0px 30px;
	float:left;
	text-align:left;
}
#servicesText p {
	margin:20px;
	margin-left:70px;
	font-size:1.2em;
	line-height:1.3em;
}

#servicesList {
	width:200px;
	float:right;
	margin:30px 80px 0px;	
}

#servicesList li {
	display:block;
	text-align: center;
	margin-bottom: 30px;
}

#servicesList img {
	display: block;
	width: 200px;
	text-align: center;
	margin-bottom: 10px;
	border: 0px;
}

#servicesList a {
	display: block;
	font-size: 1.2em;
	text-align: center;
}