/* 
Templatica css
written Alen Grakalic of cssglobe.com & templatica.com
*/

/* global */

	body{ 
		background:#fff url("screen.css") repeat-x;
		margin:0;
		padding:0 0 2em 0;
		text-align:center;
		}
		
	/* typography, headings and elements  */		
		
		button{
			font:100% Arial, Helvetica, sans-serif;
			line-height:160%;
			color:#333;
			}		
				
		li{
			font:100% Arial, Helvetica, sans-serif;
			line-height:160%;
			color:#333;
			}		
				
		select{
			font:100% Arial, Helvetica, sans-serif;
			line-height:160%;
			color:#333;
			}		
				
		textarea{
			font:100% Arial, Helvetica, sans-serif;
			line-height:160%;
			color:#333;
			}		
				
		input{
			font:100% Arial, Helvetica, sans-serif;
			line-height:160%;
			color:#333;
			}		
				
		table{
			font:100% Arial, Helvetica, sans-serif;
			line-height:160%;
			color:#333;
			}		
				
		body{
			font:100% Arial, Helvetica, sans-serif;
			line-height:160%;
			color:#666;
			}		
		body{font-size:13px;}

		h6{
			margin:.75em 0;
			line-height:130%;
			font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
			}	
		
		h5{
			margin:.75em 0;
			line-height:130%;
			font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
			}	
		
		h4{
			margin:.75em 0;
			line-height:130%;
			font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
			}	
		
		h3{
			margin:.75em 0;
			line-height:130%;
			font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
			}	
		
		h2{
			margin:.75em 0;
			line-height:130%;
			font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
			}	
		
		h1{
			margin:.75em 0;
			line-height:130%;
			font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
			}	
		h1{font-size:220%;}	
		h2{font-size:200%;}	
		h3{font-size:170%;}
		h4{font-size:140%;}
		h5{font-size:110%;}
		h6{font-size:100%;font-weight:bold;}
			
		a:visited{text-decoration:none;color:#555;}
		a{text-decoration:none;color:#C06;}
		a:hover{color:#F3C;}							
		form{margin:1em 0;}
		ol{margin:1em 0;}
		ul{margin:1em 0;}
		blockquote{margin:1em 0;}
		p{margin:1em 0;}
		blockquote{font-style:italic;font-size:14px;color:#777;line-height:180%;}
		img{border:none;}			
		hr{display:none;}	
		table{
			margin:1em 0;
			width:100%;
			border-collapse:collapse;
			}
		td{padding:2px 5px;}	
		th{padding:2px 5px;}	
		th{text-align:left;}
		li{display:list-item;}
		#easy_tooltip{
		border:1px solid #e1e1e1;
		padding:2px 10px;
		background:#f5f5f5;
		}

	/* // typography, headings and elements */	
	
	/* forms */
		
		form div{margin:.25em 0;}
		fieldset{padding:1em 0;border:none;border-top:1px solid #ccc;}
		legend{background:#fff;color:#555;padding:0 5px;}
		label{float:left;width:150px;}
		select{border:1px solid #ccc;width:300px;padding:3px;}
		.area{border:1px solid #ccc;width:300px;padding:3px;}
		.field{border:1px solid #ccc;width:300px;padding:3px;}
		.area{height:120px;}
		select{width:186px;}
		.checkbox{margin-left:-2px;}
		.radio{margin-left:-2px;}
		.submit{margin-left:150px;padding-top:.5em;}
		button{
			border:5px solid #f0f0f0;
			padding:5px 25px;
			cursor:pointer;
			background:#ffa800 url("../images/bg_button.gif") repeat-x;
			color:#333;
			font-weight:bold;
			}
		
	/* // forms */
	
	/* common */		
		
		.left{float:left;margin-right:1em;}
		.right{float:right;margin-left:1em;}
		.center{text-align:center;}
		
		img.right{border:0px solid #d6d6d6;}
		
		img.left{border:0px solid #d6d6d6;}
		img.border{border:1px solid #ccc;padding:10px;background:#fff;}
		
		blockquote.right{width:240px;padding-left:12px;border-left:1px solid #d6d6d6;margin-top:.5em;}
		
		.clear{clear:both;}
		.first{margin-left:0 !important;}
		.last{margin-right:0 !important;}
		.top{margin-top:0 !important;}
		.bottom{margin-bottom:0 !important;}
		.inset{margin-left:46px !important;}
	
		.error{display:block;margin:.5em 0;border:1px solid #c00;background:#ffdbdb;padding:5px 10px;color:#333;}
		.success{border:1px solid #a0d127;background:#e1ecc6;padding:5px 10px;color:#333;}
	
	/* // common */			
	
/* // global */

/* layout */

	#container{	
		margin:0 auto;
		width:1000px;
		text-align:left;
		position:relative;
		}
	#header{
	height:199px;
	position:relative;
	background:url("../images/bg_header.jpg") no-repeat 0 0;
		}	
	#footer{
	margin:0;
	background:#fff url("../images/bg_footer1.png") repeat-x 0 0;
	border-top:0px solid #d6d6d6;
	padding:3em 46px;
		}
	#footer2{
	margin:0;
	background:#fff url("../images/bg_footer2.png") repeat-x 0 0;
	border-top:0px solid #d6d6d6;
	padding:3em 46px;
		}
					
		/* grid */
		
			.row{clear:both;padding:1em 0;margin:0;width:1000px;}
			.row1{background:#ffeef8;border-top:0px solid #d6d6d6;}
			.row2{background:#fff url("../images/bg_content.png") no-repeat 0 0;color:#000;}
			
			.col5{float:left;display:inline;}
			.col4{float:left;display:inline;}
			.col3{float:left;display:inline;}	
			.col2{float:left;display:inline;}	
			.col1{float:left;display:inline;}	
			.col1{width:270px;margin-left:46px;}
			.col2{width:512px;margin-left:46px;}
			.col3{width:375px;margin-left:31px;}
			.col4{width:600px;margin-left:31px;}
			.col5{width:300px;margin-left:31px;}
				
	/* grid */	

/* // layout */

/* content */

	#title{
		background:url("../images/bg_title.jpg") no-repeat 0 0;
		line-height:100px;
		height:100px;
		color:#fff;
		padding:0 54px;
		overflow:hidden;
		margin:0;
		}

	.row1 a:visited{color:#C06;text-decoration:underline;font-weight:bold;}	
	.row1 a{color:#C06;text-decoration:none;font-weight:bold;}
	.row2 a:visited{color:#C06;}
	.row2 a{color:#C06;}
	.row2 a:hover{color:#F3C;}
	.row1 h2{color:#000;font-size:18px;}
	.row2 h2{color:#C09;font-size:28px;font-weight:normal;}
	.date {font-size:11px;color:#666;}
	.quote {margin-top:1.5em;padding:0 20px 20px 20px;background:#fff url('../images/bg_quote.gif') no-repeat 10px 10px;border:1px #FFC6E2 solid;}
	.album {width:600px;height:450px;background:transparent url('../images/bg-photo-album.png') no-repeat center bottom scroll;padding:0;}
	.album-vert {width:400px;height:630px;background:transparent url('../images/bg-photo-album-vertical.png') no-repeat center bottom scroll;padding:0;margin:0 auto;}

	/* navigation */
		
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
				
		ul#nav ul{
			margin:0;
			padding:0;
			list-style:none;
			}
				
		ul#nav{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav li a{
			float:left;
			display:inline;
			height:39px;
			line-height:39px;
			}			
		ul#nav li{
			float:left;
			display:inline;
			height:39px;
			line-height:39px;
			}			
		ul#nav{
			float:left;
			display:inline;
			height:39px;
			line-height:39px;
			}			
		ul#nav{
			position:absolute;
			top:160px;
			left:31px;
			}	
		ul#nav li{position:relative;}
		ul#nav li a{
			color:#fff;
			font-size:14px;
			font-family:"Century Gothic", Arial, Helvetica, sans-serif;
			padding:0 17px;
			text-transform:uppercase;
			}	
		ul#nav li a:hover{
			color:#F3C;
			}
		ul#nav li.selected a{
			color:#C06;
			}
		ul#nav ul{
			position:absolute;
			top:70px;
			right:0;
			width:200px;
			background:#000;
			z-index:1000;
			display:none;
			}	
		ul#nav ul li a{
			float:none;
			display:block;
			height:auto;
			line-height:130%;
			text-align:right;
			font-size:13px;
			}	
		ul#nav ul li{
			float:none;
			display:block;
			height:auto;
			line-height:130%;
			text-align:right;
			font-size:13px;
			}	
		ul#nav ul li a{
			margin:.5em 0;
			}
			
		#subnavlist
			{
			list-style-type: none;
			margin: 0;
			padding: 0;		
			}
			
		#subnavlist li
			{
			border-left: 1px solid #000;
			float: left;
			line-height: 1.1em;
			margin: 0 .5em 0 -.5em;
			padding: 0 .5em 0 .5em;
			font-size:13px;
			font-family:"Century Gothic", Arial, Helvetica, sans-serif;
			}
		#subnavlist li a{
			color:#C06;
			font-size:14px;
			font-family:"Century Gothic", Arial, Helvetica, sans-serif;
			padding:0 10px;
			}
		#subnavlist li a:hover{
			color:#333;
			}
		#subnavlist li.selected a{
			color:#333;
			}
		#subnavlist li.no_divider {
			border-left: 0px solid #000;
			}
		#footer2 li{
			margin:0;
			padding:0;
			list-style:none;
			}
		#footer2 ul{
			margin:0;
			padding:0;
			list-style:none;
			}
		#footer li{
			margin:0;
			padding:0;
			list-style:none;
			}
		#footer ul{
			margin:0;
			padding:0;
			list-style:none;
			}
		#footer2 ul{
			float:right;
			}
		#footer ul{
			float:right;
			}
		#footer2 li{
			display:inline;
			margin-left:15px;
			}		
		
		#footer li{
			display:inline;
			margin-left:15px;
			}
		div.list{
			margin-bottom:1.5em;
			width:300px;
			overflow:hidden;
			font-size:10px;
			text-align:center;
			}	
		div.list ul{
			margin:-5px 0 0 -5px;
			padding:0;
			overflow:hidden;
			}	
		div.list ul li{
			margin:5px 0 0 5px;
			padding:0;
			list-style:none;		
			float:left;
			width:95px;
			height:110px;
			background:transparent;
			}
	/* //navigation */
	
	/* header */
	
		#logo{
			position:absolute;
			top:0px;
			left:50px;
			background:url("../images/bg_logo.png") no-repeat 0 0;
			width:331px;
			height:140px;
			}	
		#logo a{
			display:block;
			height:141px;
			}	
		#twitter{
			margin:0;
			position:absolute;
			top:97px;
			right:36px;
			background:url("../images/bg_white_opacity.png") repeat-x 0 0;
			width:200px;
			height:19px;
			border: 1px #ccc solid;
		    padding:10px;
		    text-align:center;
			}
		#twitter a{
			height:19px;
			line-height:19px;
			text-align:center;
			color:#c06;
			font-style:normal;
			font-size:14px;
			font-family:"Century Gothic", Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			padding-right:20px;
			}
		#twitter a.last {
			padding:0;
			}	
	
	/* // header */
	
	/* footer */
	
		#footer2 p{margin:0;}
			
		#footer p{margin:0;}
		#footer2 li {font-size:10px;color:#999;}
	
		#footer li {font-size:10px;color:#999;}
	
		#footer2 ul {font-size:10px;color:#999;}
	
		#footer ul {font-size:10px;color:#999;}
	
		#footer2 a {font-size:10px;color:#999;}
	
		#footer a {font-size:10px;color:#999;}
	
		#footer2 {font-size:10px;color:#999;}
	
		#footer {font-size:10px;color:#999;}
	
	/* // footer */

	/* intro */

		#intro{
			height:621px;
			position:relative;
			background:url("../images/bg_intro3.png") no-repeat 0 0;
			}
		#intro .slide li{
			width:516px;
			height:297px;
			overflow:hidden;
			margin:0;
			padding:0;
			}	
		#intro .slide{
			width:516px;
			height:297px;
			overflow:hidden;
			margin:0;
			padding:0;
			}	
		#intro .slide{
			position:absolute;
			top:71px;
			left:442px;
			}	
		#intro .body{
			position:absolute;
			top:61px;
			left:46px;
			width:342px;
			}
		#intro .submenu{
			position:absolute;
			top:20px;
			left:46px;
			width:900px;
			}
		#intro .gallery {
			position:absolute;
			top:425px;
			left:46px;
			width:900px;
			}
		#intro h2{
			color:#000;
			font-size:18px;
			}
		#intro p{
			color:#333;
			font-size:13px;
			line-height:150%;
			}	
		#intro p a:hover{
			color:#F3C;
			}	
		#intro p a span{
			float:left;
			height:52px;
			line-height:52px;
			color:#333;
			}
		#intro p a{
			float:left;
			height:52px;
			line-height:52px;
			color:#C06;
			}
		#intro a.link{
			background:url("../images/bg_ctabtn.gif") no-repeat 0 0;
			padding-left:50px;
			margin-right:10px;
			}
		#intro a.link span{
			cursor:pointer;
			background:url("../images/bg_ctabtn.gif") no-repeat 100% 0;
			padding-right:50px;
			}
		#intro p a.designer{
			background:url('../images/bullet-black-diamond.png') no-repeat 0 50%;
			padding-left:30px;
			font-size:18px;
			height:30px;
			line-height:30px;
			}
		#submenu {
			height: 40px;
			position: relative;
			}
		#submenu .submenu{
			position: absolute;
			top: 7px;
			left: 46px;
			width: 900px;
			}

	/* // intro */
	
	/* // gallery menu */
		#menu {
			list-style: none;
			padding: 0;
			margin: 0;
			width: 900px;
			height: 151px;
			position: relative;
		}
		#menu span {
			display:block;
			position: absolute;
		}
		#menu a {
			display: block;
			text-indent: -900%;
			position: absolute;
			outline: none;
			cursor:pointer;
		}
		#menu a:hover {
			background-position: left bottom;
			cursor:pointer;
		}
		#menu a:hover span{
			display: block;
		}
		#menu .bridal {
			width: 100px;
			height: 151px;
			background: url('../images/bg_pic_bridal.jpg') no-repeat;
			left: 0px;
			top: 0px;
		}
		#menu .bridal span {
			width: 100px;
			height: 151px;
			background: url('../images/text-bridal-1.gif') no-repeat;
			left: 0px;
			top: -40px;
		}
		#menu .bridesmaid {
			width: 100px;
			height: 151px;
			background: url('../images/bg_pic_bridesmaid.jpg') no-repeat;
			left: 133px;
			top: 0px;
		}
		#menu .bridesmaid span {
			width: 100px;
			height: 151px;
			background: url('../images/text-bridesmaid-1.gif') no-repeat;
			left: 0px;
			top: -40px;
		}
		#menu .flowergirl {
			width: 100px;
			height: 151px;
			background: url('../images/bg_pic_flower_girl.jpg') no-repeat;
			left: 266px;
			top: 0px;
		}
		#menu .flowergirl span {
			width: 100px;
			height: 151px;
			background: url('../images/text-flower-girl-1.gif') no-repeat;
			left: 0px;
			top: -40px;
		}
		#menu .motherbride {
			width: 100px;
			height: 151px;
			background: url('../images/bg_pic_mother_of_bride.jpg') no-repeat;
			left: 399px;
			top: 0px;
		}
		#menu .motherbride span {
			width: 100px;
			height: 151px;
			background: url('../images/text-mother-of-the-bride-1.gif') no-repeat;
			left: 0px;
			top: -40px;
		}
		#menu .quinceneras {
			width: 100px;
			height: 151px;
			background: url('../images/bg_pic_quincenera.jpg') no-repeat;
			left: 532px;
			top: 0px;
		}
		#menu .quinceneras span {
			width: 100px;
			height: 151px;
			background: url('../images/text-quinceneras-1.gif') no-repeat;
			left: 0px;
			top: -40px;
		}
		#menu .prom {
			width: 100px;
			height: 151px;
			background: url('../images/bg_pic_prom.jpg') no-repeat;
			left: 665px;
			top: 0px;
		}
		#menu .prom span {
			width: 100px;
			height: 151px;
			background: url('../images/text-prom-1.gif') no-repeat;
			left: 0px;
			top: -40px;
		}
		#menu .accessories {
			width: 100px;
			height: 151px;
			background: url('../images/bg_pic_accessories.jpg') no-repeat;
			left: 798px;
			top: 0px;
		}
		#menu .accessories span {
			width: 100px;
			height: 151px;
			background: url('../images/text-accessories-1.gif') no-repeat;
			left: 0px;
			top: -40px;
		}

	/* // gallery menu */
	
	/* // misc */
	
		ul.list1{
			margin:1em 0;
			padding:0;
			border-top:1px solid #ccc;
			}	
		ul.list1 li{
			margin:0;
			padding:.5em 0;
			list-style:none;
			border-bottom:1px solid #ccc;
			}
		.row2 ul.list1{border-top:1px solid #333;}
		.row2 ul.list1 li{border-bottom:1px solid #333;}
		.row1 ul.list1 li a:visited{text-decoration:none;}
		
		.row1 ul.list1 li a{text-decoration:none;}
		
		ul.thumbs{
			margin:1em 0;
			padding:0;
			}	
		ul.thumbs li{
			float:left;
			margin:0 0 2px 5px;
			padding:0;
			list-style:none;
			}
		ul.thumbs li img{
			border:1px solid #777;
			}
	    .iconlist
		{
		list-style: none;
		margin: 0;
		padding: 0 0 5px 0;
		}

	     li.grey_bullet
		{
		background-image: url('../images/icon-bullet-round.png');
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 0 0 0 20px;
		margin: .4em 0;
		}

	/* // misc */
	/* // newsletter form */
	form#signupForm{
		margin:0 0 1em 0;
		padding:0 0 0 0;
		background:#f1f1f1;
		}		
	#signupForm .field{
		border:1px solid #999;
		padding:5px;
		width:160px;
		float:left;
		}		
	#signupForm button{
		display:inline;
		float:left;
		background:transparent url('../images/btn-subscribe.png') no-repeat 0 0; /* place search icon here */
		height:25px;
		width:87px;
		margin-left:5px;
		border:0px solid #f0f0f0;
		padding:0;
		}		
/* // newsletter form */


/* // content */

/* image replacement */
	
	#logo{
			margin:0;
			padding:0;
			display:block;
			overflow:hidden;
			text-indent:-8000px;
			}

	.graphic{
			margin:0;
			padding:0;
			display:block;
			overflow:hidden;
			text-indent:-8000px;
			}

/* // image replacement */

/* clearfix */

	.fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	
	.row:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.fixed{display:block;}
	.row{display:block;}
	/*  \*/
	.fixed{min-height:1%;}
	.row{min-height:1%;}
	* html .fixed{height:1%;}

	* html .row{height:1%;}

/* // clearfix */