/* ----------

MarriageCelebrantOnline CSS System
Author: Lance Quejada
Conceptuous
Aug 19 2010

NOTE: View in CSSEdit for Awesomeness

------------*/


/* @group General */
/* for general elements*/


/* @group Reset */

/* Taken from Mr. Eric Meyer // v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end Reset*/


/* @group Grid */

/* 960Grid System http://960.gs */

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}/*.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}*/.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* @end Grid*/


/* @group Body Styles */

body{	
	font: 69.5%/1.6 'Helvetica Neue',Arial,Helvetica,sans-serif;
	color: #393939; 
	background: #fff; 
}

/* @end Body Styles*/


/*@group Links*/

a:link{	
	text-decoration: none;	
	color: #0072bc;
}

a:active{	}

a:visited{	
	text-decoration: none; 
	color: #0072bc; 
}

a:hover{ 
	text-decoration: none;	
	color: #288aca;
}

/* @end Links*/


/*@group Headings*/

h1,h2,h3,h4,h5,h6,
.h1, .h2, .h3, .h4, .h5, .h6{ 
	font-weight:normal; 
	line-height: 1.5em  
}

h1{	font-size: 24px; }

h2{ font-size: 21px;}
	
h3, .h3{ font-size: 18px; }

h4, .h4{ font-size: 16px; }

h5, .h5{ font-size: 14px; }

h6, .h6{ 
	font-size: 11px;
	text-transform: uppercase; 
	font-weight: bold; 
	letter-spacing:0.1em;
}

/* @end Headings*/



/* @group Tables */

table{ margin: 0; }

/* @end Tables*/


/* @group Lists */

ol{
	list-style-type: decimal;
}

ul, ol {
	margin:0 1.7em 1.5em;
}

ul li, ol li{ 
	/*font-size: 12px;*/ 
	margin: .5em 0 2em; 
}

li p, dt p, dd p{ margin: 0; }

li ul, li ol {	margin:0 1.7em; }

dl{	margin:0 0 1.7em;}

dl dd{	margin-left:1.7em;}

dl dt{	font-weight: bold;}

ul ul, ol ol, ol ul, ul ol { margin-bottom: 0;}

ul ul li, ol ol li, ol ul li, ul ol li { margin: .5em 0; padding: 0;}

.disc{	list-style-type: disc;	}	

/* @end Lists*/


/* @group Forms */

form{
	margin: 0px;
}

/* @end Forms */

/*@group Other Elements & Tags*/

p, dt{
	/*line-height: 1.5em;
	font-size: 12px;*/	
}

p{	/*margin: 10px 0 15px;*/}

p+p{
	margin: 1em 0 1.5em;
}

del{ color: #888;}

em, dfn, .em {	font-style: italic;	}

dfn{ font-weight: bold; }

label{
	/*font-size: 12px;*/
	font-weight: bold;
	margin: 5px 0 10px;
}

strong, .strong{ font-weight: bold;}

address{
	font-style: normal;
	/*font-size: 12px;
	line-height: 1.5em;*/
}

/* @end group Other Elements & Tags */


/* @end General*/

/*@group Helpers */

.padded{
	padding: 15px;
}

/*constant items usually in one class*/

/* @group Notices & Status */

/* @group Base */
.error, .notice, .success{
	border:1px solid #dfdfdf;
	margin-bottom:10px;
	padding:7px;
	font-weight: bold;
}

.error .hasIcon, .notice .hasIcon, .success .hasIcon{
	padding: 1px 0 0 25px;
}

.notice p, .error p, .success p{
	margin: 0;
}
/* @end Base*/

/* @group Frames */
.error{
	border-color: #ecbbc1;
	background-color: #ffe2e6;	
}

.success{
	border-color: #b4e0a3;
	background-color: #e8fde0;
}

.notice{
	border-color: #ebe692;
	background-color: #ffffef;
	color: #333;
}
/* @end Frames*/

/* @group Textcolor */
.error, .negative{
	color: #943232;
}

.success, .positive{
	color: #34a93c;	
}
/* @end TextColor */

/* @end Notices & Status*/

/* @group List Actions */

.actions{ margin: 10px 0 0;}

.actions a{
	font-size: 11px;
	margin: 0 20px;
}

.actions .alpha{ margin-right: 0px;}
.actions .omega{ margin-right: 0px;}

/* @end List Actions*/

/* @group Buttons */
	
.button{ margin: 0; }

/* @end Buttons */

/* @group Borders */

/* @group Base */

.border-none{ border: none; }
.border{ border: 1px solid #dfdfdf;	}
.borderTop	{	border-top: 1px solid #dfdfdf;}
.borderBottom{ 	border-bottom: 1px solid #dfdfdf;}
.borderLeft{	border-left: 1px solid #dfdfdf;}
.borderRight{	border-right: 1px solid #dfdfdf;}

/* @end Base*/

/* @group Doubles */

.duoBorder{ 	  border: 4px double #dfdfdf;}
.duoBorderTop{    border-top: 4px double #dfdfdf; }
.duoBorderBottom{ border-bottom: 4px double #dfdfdf;}

/* @end Doubles */

/* @group Dashed */

.dashedBorder{ 		 border: 1px dashed #dfdfdf;}
.dashedBorderTop{ 	 border-top:  1px dashed #dfdfdf; }
.dashedBorderBottom{ border-bottom:  1px dashed #dfdfdf;}

/* @end Dashed */

/* @group Dotted */

.dottedBorder{ 		 border: 1px dotted #dfdfdf;}
.dottedBorderTop{ 	 border-top:  1px dotted #dfdfdf; }
.dottedBorderBottom{ border-bottom:  1px dotted #dfdfdf;}

/* @end Dotted */

/* @group Dark */

.borderTopDark{ 	border-top: 1px solid #333;}
.borderBottomDark{  border-bottom: 1px solid #333; }
.borderLeftDark{	border-left: 1px solid #333; }
.borderRightDark{	border-right: 1px solid #333;}

/* @end Dark */

/* @group Rounded */

.roundedBig{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.roundedBigTop{
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}

.roundedSmall{
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.roundedSmallTop{
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
}

/* @end */

/* @end Borders*/


/* @group Order */

/* @group Horizontal */
.horizItem{ margin: 0 2em;}
.horizItem .alpha{ margin-right: 0px;}
.horizItem .omega{ margin-right: 0px;}
/* @end Horizontal */

/* @group Vertical */
.vertiItem { margin: 2em 0;}
.vertiItem .alpha{ margin-bottom: 0;}
.vertiItem .omega{ margin-bottom: 0;}
/* @end Vertical */

/* @end Order */

/* @group Text */

.textCenter { text-align: center;}
.textLeft {	text-align: left; }
.textRight { text-align: right;}

/* @end Text*/


/* @group Alignment & Positioning */

.alignNone{ float: none; }
.alignCenter{ margin: 0 auto;}
.alignRight { float: right;}
.alignLeft { float: left }

.vAlignTop{	vertical-align: top; }
.vAlignBottom{ vertical-align: bottom; }
.vAlignMiddle{	vertical-align: middle;	}
.vAlignTextBottom{ vertical-align: text-bottom;}

/* @end Alignment & Positioning */


/* @group Clearing & Displaying*/
.clearFix:after{ 
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear{	overflow: hidden;}
.clearVisible{ overflow: visible;}
.clearBoth{	clear: both;}
.clearAuto{	overflow: auto;}
.hidden { display: none;}
.setBlock{ display: block;}
	
/* @end Clearing & Displaying */


/* @end Helpers*/
/* @group Structure */
/*page furnitures/blocks*/

body{
	background: #fff url(../images/BGStripBottom.png) repeat 0px 0px;
}

#wrapper{
	background: transparent url(../images/BGStripTop.png) repeat-x 0px 0px;
	min-height: 945px;
}

#mast{
	background: transparent url(../images/mastBG.png) no-repeat 0px 0px;
	width: 1034px;
	height: 234px;	
	margin: 0 auto;
	position: relative;
}

#mast #logo{
	position: absolute;
	top: 60px;
	left: 434px;
	width: 172px;
	height: 153px;
}

#mast .fbLink{
	position: absolute;
	right: -50px;
	top: 60px;
}

#content{
	margin-top: -19px;
	background: transparent url(../images/contentOuterBG.png) no-repeat top center;
}

#content .wrapper{
	background: transparent url(../images/contentBG.png) repeat-y 0px 0px;
	width: 1034px;
	min-height: 200px;	
	margin: 0 auto;
}

#content .wrapper .main{
	background: transparent url(../images/contentMainBG.png) no-repeat bottom center;
	width: 956px;
	min-height: 200px;
	margin: 0 39px;
}

#footer{
	background: transparent url(../images/footerBG.png) no-repeat 0px 0px;
	width: 1034px;
	min-height: 101px;	
	margin: 0 auto;
	color: #ff2565;
}

#footer p{
	padding-top: 36px;
} 


#footer .credits{
	font-family: Gotham, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #8c022b;
}

#mainNav{
	position: absolute;
	bottom: 32px;
	left: 45px;
	width: 922px;
}

#mainNav,
#mainNav li{
	margin: 0;
}

#mainNav li{
	margin-right: 10px;
}

#mainNav li a{
	display: block;
	height: 13px;
	background: transparent url(../images/menu.png) no-repeat 0px 0px;	
	text-indent: -9999px;
}


#mainNav li a#about{
	width: 98px;
	background-position:  0 0;
}

#mainNav li a#about:hover,
#mainNav li a#about.active,
#mainNav li a#about.active:hover{
	background-position:  0 -40px;
}

#mainNav li a#ceremonies{
	width: 222px;
	background-position: 0 -80px;
}

#mainNav li a#ceremonies:hover,
#mainNav li a#ceremonies.active,
#mainNav li a#ceremonies.active:hover{
	background-position: 0 -120px;
}

#mainNav li a#gallery{
	width: 159px;
	background-position: 0 -160px;
}

#mainNav li a#gallery:hover,
#mainNav li a#gallery.active,
#mainNav li a#gallery.active:hover{
	background-position: 0 -200px;
}

#mainNav li a#contact{
	width: 125px;
	background-position: 0 -240px;
}

#mainNav li a#contact:hover,
#mainNav li a#contact.active,
#mainNav li a#contact.active:hover{
	background-position: 0 -280px;
}

.coda-nav{
	background: transparent url(../images/subNavBG.jpg) no-repeat 0px 0px;	
	height: 61px;
}


.coda-nav,
.coda-nav li{
	margin: 0;
}

.coda-nav ul{
	padding: 4px 0 0 140px;
}

.coda-nav li{
	float: left;
	margin-right: 10px;
}

.coda-nav li a{
	display: block;
	height: 50px;
	background: transparent url(../images/subMenu.png) no-repeat 0px 0px;	
	text-indent: -9999px;
}

.coda-nav li.tab1 a{
	width: 221px;
	background-position:  0 0;
}

.coda-nav li.tab1 a.current{
	background-position:  0 -50px;
}

.coda-nav li.tab2 a{
	width: 148px;
	background-position:  0 -100px;
}

.coda-nav li.tab2 a.current{
	background-position:  0 -150px;
}

.coda-nav li.tab3 a{
	width: 155px;
	background-position:  0 -200px;
}

.coda-nav li.tab3 a.current{
	background-position:  0 -250px;
}

.coda-nav li.tab4 a{
	width: 120px;
	background-position:  0 -300px;
}

.coda-nav li.tab4 a.current{
	background-position:  0 -350px;
}






.col3{
	float: left;
	width: 288px;
	margin: 0 10px;
}




/* @end Structure */
/* @group Components */
/*reusable ruleblocks usually with markup dependencies*/


.homeContent{
	padding-top: 40px;
}

.homeHead{
	padding: 0 0 20px 317px;
}

.homeContent .hello{
	margin: -5px 0 0 -15px;
}

.ceremoniesContent{
	overflow: hidden;	
}

.coda-slider .panel-container{
	position: relative;
}

.coda-slider .panel{
	display:block;
	float:left;
}

#engagePanel{
	background: url(../images/engageBG.jpg) no-repeat scroll 590px 20px transparent;	
}

.coda-slider .panel .panel-wrapper{
	padding-top: 40px;
}

.coda-slider .panel a{
	font-weight: bold;
}
	

#engagePanel .title,
#seriousPanel .title,
#overseasPanel .title{
	margin-bottom: 15px;
	padding-left: 44px;
}

#linksPanel .title{
	margin-bottom: 15px;
}

#linksPanel .panel-wrapper{
	position: relative;
}

#easyWeddingBtn{
	position: absolute;
	right: 10px;
	top: 20px;
}

#seriousPanel{
	background: url(../images/seriousBG.jpg) no-repeat scroll 590px 20px transparent;	
	height: 500px;
}

#overseasPanel{ }

#overseasPanel .col1{
	background: url(../images/overseasBG.jpg) no-repeat scroll bottom left transparent;	
	width: 55%;
	height: 440px;
	padding-right: 20px;
	float: left;	
}

#overseasPanel .col2{
	width: 42%;
	float: left;
}



#linksPanel{
	background: url(../images/linksBG.jpg) no-repeat scroll 293px 20px transparent;	
	height: 500px;
}

/* @group Pink List */

.pinkList{
	width: 560px;
	margin: 0;
}

.pinkList li{
	padding-left: 55px;
}

.pinkList .first{
	background: url(../images/pinkBullet1.gif) no-repeat scroll 0px 4px transparent;	
}

.pinkList .second{
	background: url(../images/pinkBullet2.gif) no-repeat scroll 0px 4px transparent;	
}

.pinkList .third{
	background: url(../images/pinkBullet3.gif) no-repeat scroll 0px 4px transparent;	
}

.pinkList .fourth{
	background: url(../images/pinkBullet4.gif) no-repeat scroll 0px 4px transparent;	
}

.pinkList .fifth{
	background: url(../images/pinkBullet5.gif) no-repeat scroll 0px 4px transparent;
	padding-top: 8px;
	height: 45px;
}

/* @end Pink List*/

/* @group Green List */

.greenList{
	width: 560px;
	margin: 0;
}

.greenList li{
	padding-left: 55px;
}

.greenList .first{
	background: url(../images/greenBullet1.gif) no-repeat scroll 0px 4px transparent;	
}

.greenList .second{
	background: url(../images/greenBullet2.gif) no-repeat scroll 0px 4px transparent;	
}

.greenList .third{
	background: url(../images/greenBullet3.gif) no-repeat scroll 0px 4px transparent;	
	padding: 10px 0 10px 55px;
}

.greenList .fourth{
	background: url(../images/greenBullet4.gif) no-repeat scroll 0px 2px transparent;	
}

.greenList .fifth{
	background: url(../images/greenBullet5.gif) no-repeat scroll 0px 7px transparent;
	padding-top: 8px;
	padding-bottom: 3px;
}

/* @end Green List */

/* @group Green List */

.blueList{
	margin: 0;
}



.blueList li li{
	padding: 0;
}

.blueList .first{
	background: url(../images/blueBullet1.gif) no-repeat scroll 0px 4px transparent;
	padding-bottom: 3px;	
}

.blueList .second{
	background: url(../images/blueBullet2.gif) no-repeat scroll 0px 4px transparent;	
}

.blueList .third{
	background: url(../images/blueBullet3.gif) no-repeat scroll 0px 4px transparent;	
}

.blueList .fourth{
	background: url(../images/blueBullet4.gif) no-repeat scroll 0px 6px transparent;	
}

.blueList .fifth{
	background: url(../images/blueBullet5.gif) no-repeat scroll 0px 6px transparent;
}

/* @end Green List */

/* @group Yellow List */

.yellowList{
	margin: 0 0 30px 0;
}

.yellowList li{
	margin: 0.5em 0;
}

/* @end */


/* @end Components */

/* @group Overrides */
/*special ruleblocks to override the ones above*/



.coda-slider .yellowList li a{
	font-weight: normal;
	/*color: #ffa80a;*/
}

.blueList li{
	padding-left: 55px;
}

.blueList li a{
	color: #2dbdc3;
	
}

.pinkList a{
	color: #ec0146;	
}

.greenList a{
	color: #98be02;
}

/* @end Overrides*/