@import url('reset.css');
@import url('popup.css');

/*--------------------Typography---------------------*/

h1 {
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.05em;
	padding:20px 0 10px 10px;
	font-weight:lighter;
}

h3 {padding:10px 0 10px 10px;
	font-family: Verdana, Geneva, sans-serif;
	color:#555;
	font-weight:lighter;
	}

h2 {
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.05em;
	padding:20px 0 10px 10px;
	font-weight:lighter;
	
	
	}

h3 a:link, h3 a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size:0.85em;
	color:#e3427e;
	text-decoration:none;
	font-weight:lighter;
	}
	
dd a:link, dd a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size:0.9em;
	color:#e3427e;
	text-decoration:none;
	font-weight:lighter;
	}

dd a:hover {
	text-decoration:underline;
	}

h3 a:hover {
	text-decoration:underline;
	
	}

p, table {	

	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	padding:0px 0 5px 10px;
	font-weight:lighter; 
	line-height:1.4em;
	text-align:justify;
	}
	
.packages p {
	color: #555;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	padding:0px 10px 5px 10px;
	font-weight:lighter; 
	line-height:1.2em;
	text-align:justify;
	}
	
	
.packages_rest p {
	color: #555;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	padding:0px 10px 5px 10px;
	font-weight:lighter; 
	line-height:1.2em;
	text-align:justify;
	}
	
#blogSlider p {
	font-size:0.8em;
	color:#555;
	padding-top:15px;
	}




/*--------------------Layout---------------------*/

body {
	background-color:#f7edf7;
	}
	
dl {
	padding-left:42px;
	padding-top:30px;
	}
	
dt {
	font-size:0.9em;
	color: #555;
	font-family:Verdana, Geneva, sans-serif;
	float: left;
	width: 50px;
	margin-bottom:10px;
	}
	
dd {
	font-size:0.9em;
	color: #555;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:90px;
	margin-bottom:10px;
	}

#main_wrapper {
	width:975px;
	height:auto;
	border:5px solid #fff;
	background-color:#f9ecf9;
	margin-left:auto;
	margin-right:auto;
	MARGIN-TOP:10px;
	background-image:url(../img/white_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	}
	
#header {
	height:105px;
	} 
	
#logo_left {
	float:left;
	height:105px;
	width:483px;
	}
	
#logo_right {
	float:right;
	height:107px;
	width:146px;
	background-image:url(../img/waweddingII_03.png);
	background-repeat:no-repeat;
	background-position:top right;
	
	}
	
#top_menu {
	height:30px;
	width:970px;
	clear:both;
	text-align:right;
	}
	
#paragraph_wrapper {
	width:941px;
	border:#e3427e 1px solid;
	background-color:#FFF;
	margin-top:-3px;
	margin-left:16px;
	}

#paragraph_left {
	width:520px;
	float:left;
	display:inline;
	margin-left:6px;
	}
	
#paragraph_right {
	width:370px;
	float:right;
	margin-top:-30px;
	margin-right:16px;
	display:inline;
	}
	


#call img {
	margin-bottom:-20px;
	}
	

#package_wrapper {
	float:left;
	
	}

.packages {
	width:326px;
	height:auto;
	margin-left:16px;
	background-color:#f5f5f5;
	border:solid 5px #fff;
	margin-top:20px;
	}
	
.packages_rest {
	width:326px;
	height:auto;
	margin-left:16px;
	background-color:#f5f5f5;
	border:solid 5px #fff;
	margin-top:10px;
	}

.clear {
	clear:both;
	height:10px;
	
	}


#preview{
	position:absolute;
	padding:5px;
	display:none;
	color:#fff;
	}

/*----------------------Pricelist---------------------------*/

#popupCont table {
	width:450px;
	margin-bottom:10px;
	}

#popupCont table td {
	padding:4px;
	background-color:#f9ecf9;
	border-top:6px solid #fff;
	color:#333;
}

/*----------------------Contact Form ----------------------*/

#contact_right table td {
	width:35px;
	color:#333;
	vertical-align:middle;
	padding:10px 10px 20px 10px;
	background-color:#f9ecf9;
	}

#contact_right {
	float:right;
	display:inline;
	width:350px;
	margin-right:-40px;
	}

#contact_left {
	float:left;
	display:inline;
	padding-left:23px;
	
	}

#contact_right table {
	margin-left:30px;
	margin-top:10px;
	border:1px solid #edb6cb;
	}


#contact_right .text_box, #contact_right textarea {
	border:1px solid #edb6cb; 
	padding:3px;
	}

#contact_right textarea {
	height:100px;
	}
#contact_right input[type="submit"] {
	border:1px solid #edb6cb;
	background-color:#f9ecf9;
	height:20px;
	text-align:center;
	width:337px;
	cursor:pointer;
	margin:10px 0 20px 30px;
	}
	
#contact_left img {
	margin-top:24px;
	margin-left:35px;
	
	}	
	

#contact_right span, #order_form_left span {
	color:#333;
	background-color:#fff;
	border:1px solid #c37;
	font-size:0.87em; 
	font-family:Arial, Helvetica, sans-serif;
	width:450px;
	height:60px;
	display:table-cell;
	text-align:center;
	padding:10px;
	}
	
#contact_right center input, #order_form_left center input {
	background-color:#e7a8c3;
	color:#fff;
	cursor:pointer;
	padding:0px;
	margin-top:15px;
	width:337px;
	}	

.button, .buttonII {
	color:#333;
	}

#contact_right form p {
	padding-left:40px;
	
	}

/*----------------------Order Form ----------------------*/

#order_form_left {
	width:410px;
	padding-left:5px;
	float:left;
	}
	
#order_form_right {
	width:435px;
	float:right;
	display:inline;
	padding-top:34px;
	margin-bottom:20px;
	}

#order_form_left table {
	width:400px;
	margin-left:30px;
	margin-top:10px;
	border:1px solid #edb6cb;
	background-color:#f9ecf9;
	}

#order_form_left table td {
	width:100px;
	color:#333;
	vertical-align:middle;
	padding:7px 0 5px 5px;
	}
#order_form_left p {
	padding-left:30px;
	padding-top:20px;
	}
	
	
#order_form_right table {
	width:400px;
	margin-left:0px;
	margin-top:10px;
	border:1px solid #edb6cb;
	background-color:#f9ecf9;
	}	
#order_form_right table td {
	width:200px;
	color:#333;
	vertical-align:middle;
	padding:7px 0 5px 5px;
	text-align:left;
	}
	
#order_form_left input[type="submit"] {
	border:1px solid #edb6cb;
	background-color:#f9ecf9;
	height:20px;
	text-align:center;
	width:400px;
	cursor:pointer;
	margin:23px 0 0 30px;
	}
	
#order_form_left .text_box, #order_form_left textarea, #order_form_right .text_box, #order_form_right textarea  {
	border:1px solid #edb6cb; 
	padding:3px;
	}
	
 #order_form_right textarea {
	 margin-right:5px;
	 }

/*--------------------Navigation_Top---------------------*/

#top_extra {
	margin-left:auto;
	margin-right:auto;
	width:975px;
	height:15px;
	}


#top_extra a:link, #top_extra a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#555;
	text-decoration:none;
	}
	
#top_extra a:hover {
	text-decoration:underline;
	}
	
#top_extra .navlist {
	text-align:right;
	}



/*--------------------Navigation_Top---------------------*/

#call {
	height:20px;
	}
	
#call {
	color:#333;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	margin-top:-13px;
	}	
	


#top_menu li {
	float:right;
	padding-right:27px;
	display:inline;
	}
	
#contact, #order, #home, #price_list {
	width:107px;
	height:56px;
	}
	
#contact a:link, #contact a:visited {
	background-image:url(../img/button_contact.png);
	background-position:top left;
	background-repeat:no-repeat;

	float:right;
	width:107px;
	height:27px;
	display:inline;
	}

#contact a:hover {
	background-position:0 -29px;
	}
	
	
#price_list a:link, #price_list a:visited {
	background-image:url(../img/button_price.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	width:107px;
	height:27px;
	display:inline;
	}

#price_list a:hover {
	background-position:0 -29px;
	}

#home a:link, #home a:visited {
	background-image:url(../img/button_home.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	width:107px;
	height:27px;
	display:inline;
	}
	
#home a:hover {
	background-position:0 -29px;
	}
	
#order a:link, #order a:visited {
	background-image:url(../img/button_order.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	width:107px;
	height:27px;
	display:inline;
	}
	
#order a:hover {
	background-position:0 -29px;
	}
	
	
	
/*-----------------Navigation Footer-------------------*/	

#footer {
	width:975px;
	height:32px;
	clear:both;
	margin-bottom:20px;
	margin-right:auto;
	margin-left:auto;
	}
	
#footer a:link, #footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#555;
	text-decoration:none;
	}
	
#footer a:hover {
	text-decoration:underline;
	}
	
	
#navcontainer { margin-left: 30px; }

#active {
	border-left:none;
	}

.navlist {
	list-style: none;
	padding: 5px 0 0 20px;
	margin: 0;
	}

.navlist li {
	display: inline;
	padding: 0;
	margin: 0;
}

.navlist li:before {
	content: "| ";
	color:#555;
	}
	
.navlist li:first-child:before {
	content: ""; 
	color:#555;
	}

/*Win IE browsers - hide from Mac IE\*/
* html .navlist { height: 1%; }

* html .navlist li {
	display: block;
	float: left;
	}
	
#main_wrapper #interface a:link, #main_wrapper #interface a:visited {
	color:#999;
	text-decoration:none;
	}
#main_wrapper #interface a:hover {
	color:#333;
	}
#interface {
	margin-top:5px;
	float:right;
	color:#999;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	}
	
.border {
	border-right:none !important;
	
	}
	
#interface {
	margin-top:-17px;
	float:right;
	color:#999;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	}
	
#interface a:link,  #interface a:visited {
	font-size:0.95em;
	}
	
/*------------------List Slider-------------------------*/

.left_column li {
	color: #555;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	padding:10px 0px 5px 10px;
	font-weight:lighter; 
	line-height:1.2em;
	text-align:justify;
	
	}

.left_column ul {
	padding-left:10px;
	padding-top:10px;
	}


.left_column li img {
	margin-bottom:-5px;
	}
	
.left_column a {
	color:#555;
	text-decoration:none;
	}
.left_column a:hover {
	text-decoration:underline;
	}

small {
	font-size:0.8em;
	text-align:right;	
	}

/*-------------------Slider----------------------------*/
.panel_wrap_left {
	width: 330px;
	}

.left_column {
	width:330px;
	float:left;
	margin-left:3px;
	display:inline;
	}

.right_column {
	width:225px;
	float:right;
	
	padding-top:30px;
	}
	
.right_column img{
	border:1px solid #e3427e;
	margin-bottom:10px;
	}	
.right_column p {
	width:210px;
	padding-left:0px;
	text-align:justify;
	}


#blogSliderWrap 					
{ width: 590px; margin: 0 auto; padding:20px 0 0 15px; float:left; display:inline; }







#blogSlider 						{ margin: 0 auto; width: 595px; }
									




.stripViewer 						{ position: relative; overflow: hidden; clear: both; }


.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }





.stripViewer .panelContainer .panel { float: left; position: relative; overflow:hidden;}

.stripNav 							{ position: relative; top: 2px; left:0; z-index:49; } /*navigationbar*/
.wrapper 							{ padding: 0px;float:left; width:580px; }
.innerWrap 							{ width: 580px; overflow: hidden; border:1px solid #e3427e;
									background-color:#fff; height:370px; padding:10px 5px 10px 5px;}


/*Mainnavigation
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height:26px; text-indent: -9999px; }


.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: 0 -27px;}


.stripNav li.tab1 a { background: url(../img/button_chairs.png) top left no-repeat; width: 101px; }
.stripNav li.tab2 a { background: url(../img/button_tables.png) top left no-repeat; width: 101px; }
.stripNav li.tab3 a { background: url(../img/button_well.png) top left no-repeat; width: 103px; }
.stripNav li.tab4 a { background: url(../img/button_carpet.png) top left no-repeat; width: 101px; }
.stripNav li.tab5 a { background: url(../img/button_topiary.png) top left no-repeat; width: 101px; }
.stripNav li.tab6 a { background: url(../img/button_sand.png) top left no-repeat; width: 101px; }



.stripNav li.tab1 a.current { background: ../img/button_chairs.png); background-position:0 -27px;}
.stripNav li.tab2 a.current { background: ../img/button_tables.png); background-position:0 -27px;}
.stripNav li.tab3 a.current { background: ../img/button_well.png); background-position:0 -27px;}
.stripNav li.tab4 a.current { background: ../img/button_carpet.png); background-position:0 -27px;}
.stripNav li.tab5 a.current { background: ../img/button_topiary.png); background-position:0 -27px;}
.stripNav li.tab6 a.current { background: ../img/button_sand.png); background-position:0 -27px;}