body {
	background: #ffffff url(/images/bg.jpg) top left repeat;
	font-family: 'Titillium Web', Verdana, Geneva, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #000000;
}

a, a:link, a:visited, a:active {
	font-weight: bold;
	text-decoration: none;
	color: #330066;
}

a:hover {
/*	background-color: #cdc0d9;*/
	color: #330066;
	text-transform: uppercase;
}

a.nohover:hover {
/*	background-color: #cdc0d9;*/
	color: #330066;
	text-transform: none;
	cursor: default;
}

a.current, a:link.current, a:visited.current, a:hover.current {
	text-transform: uppercase;
	cursor: default;
}

.hidden {display: none;}

h1, .h1 {font-size: 2em; line-height: 2.1 em; font-weight: normal;}
h2, .h2 {font-size: 1.8em; line-height: 2 em; font-weight: normal;}
h3, .h3 {font-size: 1.65em; line-height: 1.85 em; font-weight: normal;}
h4, .h4 {font-size: 1.5em; line-height: 1.75 em; font-weight: normal;}
h5, .h5 {font-size: 1.25em; line-height: 1.6 em; font-weight: normal;}
h6, .h6 {font-size: 1.1em; line-height: 1.5 em; font-weight: normal;}
p, .p {font-size: 1em; font-weight: normal;}

.heading {font-family: 'Titan One', 'Titillium Web', Verdana, Geneva, Arial, sans-serif; font-weight: normal;}

ul li {
	margin: 0;
	padding: 0:
}

.vvlarge {font-size: 1.75em;}
.vlarge {font-size: 1.5em;}
.large {font-size: 1.25em;}
.small {font-size: .85em;}
.vsmall {font-size: .70em;}
.vvsmall {font-size: .55em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.allcaps {text-transform: uppercase;}
.bold {font-weight: bold;}
.noBold {font-weight: normal;}
.italic {font-style: italic;}

.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}

.floatleft {float: left;}
.floatright {float: right;}

.indent {margin-left: 1em;}

img {border: none;}

.purple {color: #330066;}
.purple75 {color: #653f8c;}
.purple50 {color: #9980b3;}
.purple25 {color: #cdc0d9;}
.purple10 {color: #eae5ef;}
.black {color: #000000;}
.white {color: #ffffff;}
.red {color: #ff0000;}

.roundedTop {
	border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
}

.roundedBottom {
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
}

table {
	border-collapse: collapse;
	vertical-align: top;
}

td, th {
	padding: 5px;
	text-align: center;
	border: 2px solid #330066;
}

td.reverse, tr.reverse, th.reverse {
	background-color: #330066;
	color: #ffffff;
	font-weight: bold;
}
td.reverse50, tr.reverse50, th.reverse50 {
	background-color: #9980b3;
	color: #ffffff;
	font-weight: bold;
}

@media only screen and (max-width: 899px) {
	#page {width: 600px !important;}
	#header {height: 100px !important;}
	#header img.headerimage {width: 350px !important;}
	#menu {width: 125px !important;}
	#menu ul li a, #menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover {font-size: 100% !important;}
	#index, #about, #services, #portfolio, #contact, #admin {
		width: 450px !important;
		font-size: .8em;
	}
	#footer {height: 24px !important;}
	#footer span.footer {font-size: .85em !important;}
	#copyright p.copyright {font-size: .75em !important;}
	#contact #name, #contact #email, #contact #phone, #contact #location, #contact #date, #contact #details {width: 90% !important;}
	#crawler img {height: 120px !important;}
	#portfolio img.portfolioheader {width: 200px !important;}
	#portfolio img.portfoliobg {width: 450px !important;}
	#portfolio img.portfoliobg {width: 450px !important;}

}

@media only screen and (max-width: 600px) {

}


#page {
	width: 900px;
	display: block;
	border: 0px;
	margin: 0px auto;
	padding: 0px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#page.index, #page.admin {background: url(/images/bg_index.png) 50% 0 no-repeat;}
#page.about {background: url(/images/bg_about.png) 50% 0 no-repeat;}
#page.services {background: url(/images/bg_services.png) 50% 0 no-repeat;}
#page.events {background: url(/images/bg_events.png) 50% 0 no-repeat;}
#page.portfolio {background: url(/images/bg_portfolio.png) 50% 0 no-repeat;}
#page.contact {background: url(/images/bg_contact.png) 50% 0 no-repeat;}

#header {
	background-color: #330066;
	height: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 8px;
}

#index, #about, #commercial, #contact, #events, #event, #portfolio, #portrait-product, #services, #sports-live, #wedding, #wedding-packages, #admin {
	width: 730px;
	padding: 10px;
	float: right;
}

#index {text-align: center;}

#services div.description {display: block; margin: .5em 0 .5em 2em;}

#menu {
	width: 150px;
	float: left;
}

#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}

#menu li {
	padding: 0px;
	font-weight: normal;
	color: #330066;
}

#menu ul a, #menu ul a:link, #menu ul a:visited {
	color: #330066;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	text-decoration: none;
	text-transform: none;
	display: block;
	border-bottom: 2px solid #330066;
}

#menu ul a:hover {
	background: #ffffff;
	text-transform: uppercase;
}

#menu ul a.current, #menu ul a:link.current, #menu ul a:visited.current, #menu ul a:hover.current {
	background: #330066;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	cursor: default;
}

#wedding-packages table, #contact table {width: 100%;}
#wedding-packages table td.purple50 {background: #9980b3}
#wedding-packages table td.purple10 {background: #eae5ef}

#contact table td {border: none;}

#blog {
	max-height: 250px;
	overflow: auto;
	text-align: left;
	font-family: 'Titillium Web', Verdana, Geneva, Arial, sans-serif;

}

.blogEdit {
	font-size: 1em;
}

.blogDate {
	font-weight: bold;
}

.blogHeader {
	font-size: 1.1em;
	font-weight: bold;
	color: #330066;
}

.blogEntry {
	margin-left: 1em;
}

#list_of_events {
	max-height: 25em;
	overflow: auto;
	text-align: left;
}

#crawler {background-color: #330066;}

#footer {
	background-color: #330066;
	height: 32px;
	text-align: center;
	padding-top: 5px;
	color: #ffffff;
	clear: both;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#footer a:hover {
	background-color: #cdc0d9;
	color: #330066;
}

#footer span.footer {font-size: 1em;}
#copyright p.copyright {font-size: .9em;}