@charset "utf-8";
/* CSS Document */

body
{
	font-family: myriad pro, candara, arial, sans-serif;
	background: #EBDFB6;
	margin: 0;
	padding: 0;
}

#siteWrapper
{
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background: #fff;
	position: relative;
	clear: both;
	overflow: hidden;
	box-shadow: 0 0 20px #666;
	-moz-box-shadow: 0 0 20px #666;
	-webkit-box-shadow: 0 0 20px #666;
	-o-box-shadow: 0 0 20px #666;
	border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	-o-border-radius: 0 0 20px 20px;
}

.pinkText
{
	color: #ff4bd5;
	font-weight: bold;
}

.formbox
{
	width:250px;
}

label
{
	color:#000000;
	display:block;
	font-weight:bold;
}

.warning
{
	color:#FF0000;
	font-weight:bold;
}

form
{
	margin-top: 10px;
	position: relative;
	float: left;
	clear: both;
}

img
{
	border: none;
}

form p
{
	margin: 5px 0;
	padding: 0;
}

/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*                      Header                                 */
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/

#headerContainer
{
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 90px;
	border-bottom: 7px solid #ff4bd5;
}

#headerContainer img
{
	position: absolute;
	bottom: 10px;
	left: 20px;
}

#headerContainer h1
{
	position: relative;
	float: right;
	clear: right;
	margin: -5px 25px 0 0;
	padding: 0;
	color: #ff4bd5;
	font-size: 40px;
}

#headerContainer p
{
	position: relative;
	float: right;
	margin: 5px 25px 0 0;
	padding: 0;
	font-size: 14px;
}

#headerContainer p a
{
	color: #6600bc;
	text-decoration: none;
}

#headerContainer p a:hover
{
	color: #ff4bd5;
	border-bottom: dotted 1px #ff4bd5;
}

#headerContainer ul
{
	list-style-type: none;
	margin: -5px 25px 0 0;
	padding: 0;
	text-align: right;
	position: relative;
	float: right;
	clear: right;
}

#headerContainer ul li
{
	position: relative;
	float: right;
	margin-left: 30px;
	color: #6600bc;
}

#headerContainer ul li a
{
	text-decoration: none;
}

#headerContainer ul li a:hover
{
	color: #ff4bd5;
	border-bottom: dotted 1px #ff4bd5;
}


/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*                      Banner                                 */
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/

#bannerContainer
{
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	height: 286px;
}

#bannerBase
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #944cd0;
	text-align: center;
	text-transform: uppercase;
}

#bannerContainer img
{
	padding: 5px 0 0 20px;
	margin: 0;
	position: relative;
	float: left;
}

#bannerContainer h1
{
	margin: 100px 0 0 20px;
	padding: 0;
	position: relative;
	float: left;
	color: #ff4bd5;
	font-size: 22px;
}

#bannerContainer h2
{
	margin: 0 0 0 20px;
	padding: 0;
	position: relative;
	float: left;
	color: #7209C6;
	font-size: 18px;
	font-weight: normal;
}

#bannerBase p
{
	font-size: 16px;
	color: #CCC;
	margin: 14px auto;
	font-weight: bold;
}

#bannerContainer a.quoteButton
{
	background: url(../images/quoteButton.png) no-repeat scroll 100% 0 transparent;
	height: 49px;
	width: 176px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 60px;
	right: 206px;
}

#bannerContainer a.quoteButton:hover
{
	background: url(../images/quoteButton.png) no-repeat scroll 100% -49px transparent;
}

#bannerContainer a.galleryButton
{
	background: url(../images/galleryButton.png) no-repeat scroll 100% 0 transparent;
	height: 49px;
	width: 176px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 60px;
	right: 20px;
}

#bannerContainer a.galleryButton:hover
{
	background: url(../images/galleryButton.png) no-repeat scroll 100% -49px transparent;
}

/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*                      Navigation                             */
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/

#navContainer
{
	background: url(../images/navGradient.jpg) repeat-x 0 0;
	width: 100%;
	height: 33px;
	margin: 0;
	padding: 4px 0 0 0;
	position: relative;
	float: left;
	clear: both;
}

#navContainer ul
{
	float: left;
	clear: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
}

#navContainer ul li
{
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
	font-size: 16px;
	font-weight: bold;
}

#navContainer ul li.first
{
	border: none;
}

#navContainer ul li a 
{
	display: block;
	margin: 0;
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;
	line-height: 19px;
	background: url(../images/navGradient.jpg) repeat-x 0 0;
	width: 119px;
	border-left: 1px solid #d546b5;
}

#navContainer ul li a.first
{
	display: block;
	margin: 0;
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;
	line-height: 19px;
	background: url(../images/navGradient.jpg) repeat-x 0 0;
	width: 120px;
	border: none;
}

#navContainer ul li a:hover 
{
	color: #af0083;
}

/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*                      Content                                */
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/

#contentContainer
{
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	background: url(../images/topGradient.png) repeat-x 0 0;
	width: 100%;
}

#contentContainer .leftColumn
{
	width: 500px;
	margin: 20px;
	padding: 0;
	position: relative;
	float: left;
	display: inline;
}

#contentContainer .rightColumn
{
	width: 320px;
	margin: 20px 0 0 20px;;
	padding: 0;
	position: relative;
	float: left;
	display: inline;
}

#contentContainer .singleColumn
{
	margin: 20px;
	padding: 0;
	position: relative;
	float: left;
}

#contentContainer h1
{
	color: #6600bc;
	font-size: 25px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	clear: both;
}

#contentContainer h2
{
	color: #ff4bd5;
	font-size: 20px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	clear: both;
}

#contentContainer p
{
	text-align: justify;
	clear: both;
	position: relative;
	float: left;
	width: 100%;
}

#contentContainer ul
{
	clear: both;
	position: relative;
	float: left;
}

#contentContainer img
{
	position: relative;
	clear: both;
	display: block;
	margin: 0 auto;
}

#contentContainer p img
{
	margin: 0 20px 10px 0;
	padding: 0;
	position: relative;
	float: left;
	clear: none;
}

#contentContainer hr
{
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}

#contentContainer p a, #contentContainer li a
{
	color: #6600bc;
	text-decoration: none;
	padding: 2px 4px;
	-moz-border-radius: 5px;
}

#contentContainer .singleColumn p a img
{
	margin: 0;
	padding: 0;
}

#contentContainer p a:hover, #contentContainer li a:hover
{
	color: #fff;
	border-bottom: dotted 1px #ff4bd5;
	background: #ff4bd5;
}

#contentContainer p a:visited, #contentContainer li a:visited
{
	color: #aaa;
}

#contentContainer p.imageContainer
{
	margin-left: 30px;
}

#contentContainer p.viewMore
{
	margin: 0 0 10px 0;
	padding: 0;
}

#pricingcontainer
{
	margin-left:30px;
}

/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/
/*                      Footer                                 */
/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////*/

#footerContainer
{
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	background: #6600BC;
	text-align: center;
	width: 100%;
	border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	-o-border-radius: 0 0 20px 20px;
}

#footerContainer p
{
	color: #fff;
}

#footerContainer hr
{
	width: 80%;
}

#footerContainer p a
{
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
}

#footerContainer p a:hover
{
	color: #ff4bd5;
	border-bottom: dotted 1px #ff4bd5;
}

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/*           Pricing Tables           */
/*////////////////////////////////////*/
/*////////////////////////////////////*/

caption
{
	text-align: left;
	font-weight: bold;
	margin: 0 0 5px 0;
}

table
{
	text-align: center;
	font-size: 13px;
	position: relative;
	float: left;
	clear: both;
	margin: 10px 0;
}

table.pricing
{
	text-align: center;
	font-size: 13px;
	position: relative;
	float: left;
	clear: both;
	margin: 10px 0;
	width: 800px;
}

table.pricing tbody td:hover, table.pricing tbody tr.alternate td:hover
{
	border: 1px solid #FF7FE4;
	background: #6600bc;
	color: #fff;
}

table.pricing tbody tr:hover
{
	background: #FF7FE4;
	color: #fff;
}

th, td
{
	border: 1px solid #e4e4e4;
	padding: 2px 5px;
}

tr
{
	background: #e4e4e4;
}

thead th
{
	background: #6600bc;
	color: #fff;
}

tbody th
{
	font-weight: normal;
	background: #FF7FE4;
}

tr.alternate
{
	background: #fff;
}

tr.alternate th
{
	background: #FF7FE4;
}

.subtitle
{
	font-weight: normal;
	font-size: 12px;
}