/*############################################################################################################################################*/

/* Lifestyle Website Design | Created By Jasem Marketing http://www.jasemmarketing.co.uk | Unauthorised use of graphics is strictly forbidden */

/*############################################################################################################################################*/



/** Global Standard Tags **/

body { margin: 0px; }
h1 {/*insert*/}
h2 {/*insert*/}
h3 {/*insert*/}
h4 {/*insert*/}
h5 {/*insert*/}



/** Global Custom Tage */

#container0 { width: 751px; height: 565px; margin-left: auto; margin-right: auto; padding-top: 0px;  }
#container1  {width: 751px;  margin-left: auto; margin-right: auto; padding-top: 0px;  }
#container2 {/*insert*/}
#container3 {/*insert*/}
#container4 {/*insert*/}
#container5 {/*insert*/}


/* Page BG */
#bg-main { background-color: #55333B; width:751px; height:505px; }
#bg-ranges { background-color: #55333B; width:751px; height:585px }
#bg-dim { background-color: #55333B; width:751px; overflow: hidden; }
	
	/* Ranges */
	#bg-panama  { background-color: #291700; height: 470px; width: 748px; overflow: hidden; }
	#bg-ottawa  { background-color: #724095; height: 470px; width: 748px; overflow: hidden; }
	#bg-bahama  { background-color: #115771; height: 470px; width: 748px; overflow: hidden; }
	#bg-havana  { background-color: #BB4F14; height: 470px; width: 748px; overflow: hidden; }
	#bg-kyoto   { background-color: #45442F; height: 470px; width: 748px; overflow: hidden; }
	#bg-madrid  { background-color: #3F263C; height: 470px; width: 748px; overflow: hidden; }
	#bg-ancona  { background-color: #78A568; height: 470px; width: 748px; overflow: hidden; }
	#bg-lisbon  { background-color: #4C5F62; height: 470px; width: 748px; overflow: hidden; }
	#bg-sofia   { background-color: #3F737C; height: 470px; width: 748px; overflow: hidden; }
	#bg-cordoba { background-color: #A08659; height: 470px; width: 748px; overflow: hidden; }
	#bg-genoa   { background-color: #C7547F; height: 955px; width: 748px; overflow: hidden; }
	#bg-genoaOy { background-color: #C7547F; height: 470px; width: 748px; overflow: hidden; }
	#bg-romablk { background-color: #CC99FF; height: 955px; width: 748px; overflow: hidden; }
	#bg-romasil { background-color: #CC99FF; height: 470px; width: 748px; overflow: hidden; }	
	
/* Common Objects */

#logo { height: 54px; margin-bottom: 10px; margin-top: 18px; margin-right: 0px; }

.bodytext {
	padding: 0px 25px 0px 25px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 1.4em;
	text-align: justify;
}
.bodytext a {
	color: #FFF;
	text-decoration: underline;
}
.heading {
	padding: 0px 25px 0px 25px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
}

#baselinks 		   { padding-top: 10px; font: 11px Arial, Helvetica, sans-serif; overflow:hidden; color: #666; width: 748px; border-bottom: 1px solid #ccc; padding: 5px 5px 5px 0px; letter-spacing: 0.03em;  }
#baselinks a       { color:#666; text-decoration: none; 	 }
#baselinks a:hover { color:#666; text-decoration: underline; }

.baselinks-right   { text-align: right; float: right; }
.baselinks-left	   { text-align: left; float: left; }
.baselinks-right  a       { color:#666; text-decoration: none; 	 }
.baselinks-right  a:hover { color:#666; text-decoration: underline; }
.baselinks-left  a       { color:#666; text-decoration: none; 	 }
.baselinks-left  a:hover { color:#666; text-decoration: underline; }

/* Home Page */ 
.home-leftpanel { 
height: 462px; 
width: 259px; 
padding-top: 12px; 
padding-left: 0px; 
}

.home-paperclips { 
height: 200px; 
width: 200px;
background-image: url("../img/paperclips.jpg");
background-repeat: no-repeat; 
background-position: 50px 50px; 
}

.home-navigation { width: 259px; height: 274px; }
.home-rightpanel { height: 505px; width: 489px; float: right; margin: 0px; float: right; }
.home-rightpanel-flashicon { margin-left: 35px;}
.home-rightpanel-flashtext { font:11px Arial, Helvetica, sans-serif; color:#FFF; letter-spacing: 0.01em; 
							 text-decoration: none; background-image: url("../img/1-noflash_07.gif");
							 background-repeat: no-repeat; background-position: left top; height: 40px; 
							 padding-to p: 9px; padding-left: 40px; margin-top: 30px; margin-left: 15px; }

.home-rightpanel-flashtext a { text-decoration: none; color:#FFF; }
.home-rightpanel-flashtext a:hover { text-decoration: underline; border-bottom-width: 1px; border-bottom-color:#FFF; 
									 border-bottom-style: solid; text-decoration: none; padding-bottom: 1px; color:#FFF; }

.home-rightpanel-flashtext a:visited { text-decoration: none; color:#FFF; }


/* Range Page */
.range-panel 	{ height: 452px; width: 748px; padding-top: 0px; }
.ranges 		{ height: 476px; width: 748px; padding: 0px; }

/* Dimensions Page */
.dim-panel 	{ width: 748px; padding-top: 0px; overflow:hidden; }


/** elements **/

/* navigation */
#horizontalnav	  { width: 748px; height: 37px; padding: 0px; margin-top: 0px; }
#horizontalnav ul { display: inline; list-style: none; }
#horizontalnav li { padding: 0px; float: left; padding: 0px; }
#horizontalnav a  { text-decoration: none; }

/* left side */
.whytext  		 {	width: 280px; padding: 20px 0px 0px 25px; line-height: 1.33em; text-align: justify; font: 12px Arial, Helvetica, sans-serif; color: #FFF; }
.whytext a		 { text-decoration: none; color:#fff; }
.whytext a:hover { text-decoration: underline; }
.whytextbold	 { text-align: left; line-height: 1.37em; font-weight: bold; }
.reqpos 		 { width: 350px; height:400px; padding-top: 100px; padding-right: 0px; padding-bottom: 0px;	padding-left: 25px; }

/* site map */
.sitemap-left	 { width: 320px; height: 400px; float: left; margin: 50px 0px 0px 100px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; }
.sitemap-right	 { width: 220px; height: 400px; float: left; margin-top: 50px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; }
.sitemap-left a  { color:#fff; font-weight: bold; text-decoration: none; }
.sitemap-left a:hover { text-decoration: underline; }
.sitemap-right a  { color:#fff; font-weight: bold; text-decoration: none; }
.sitemap-right a:hover { text-decoration: underline; } 

/* right side */
.rangeside  	 { width: 248px; float: right; margin-top: 30px; }
.rangetitle 	 { width: 248px; height: 31px; background-color:#FFF; padding: 5px 0px 5px 15px; }
.rangetext  	 { padding: 32px 20px 0px 20px; font: 11px Arial, Helvetica, sans-serif; color: #FFF; }
.rangetext-view  { padding: 5px 0px 0px 0px; margin-left: 10px; width: 225px; text-align: right; margin-top: 15px; font: 11px Arial, Helvetica, sans-serif; color: #FFF; border-top: 1px solid #fff }
.rangeside-photo { padding: 27px 5px 0px 10px; }
.rangeside-sofiaphoto { padding: 8px 5px 0px 10px; }

/* Range BGs */
.whybg 	  { background-image: url("../img/why/whychoose.jpg");
			width: 748px; height: 476px; background-repeat: no-repeat; padding-top: 10px;
			background-position: 321px 10px }

.reqbg	  { background-image:url("../img/request/magazine3.jpg");
			width: 748px; height: 476px; background-repeat: no-repeat; padding-top: 10px; 
			background-position: 352px 156px }

.howbg	  { background-image:url("../img/request/contactusimage.jpg");
			width: 748px; height: 476px; background-repeat: no-repeat; 
			background-position: 309px 41px }

.rangesbg { background-image: url("../img/range/thumbrange/rangesselection.jpg");
			width: 748px; height: 476px; background-repeat: no-repeat;
			background-position: 15px 260px }
			
.panamabg {	background-image:  url("../img/range/largerange/panama.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 6px; }
			
.ottawabg { background-image:  url("../img/range/largerange/ottawa.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 6px; }
			
.bahamabg { background-image:   url("../img/range/largerange/bahama.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 6px; }
			
.havanabg { background-image:  url("../img/range/largerange/havana.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 6px; }
			
.kyotobg { 	background-image:  url("../img/range/largerange/kyoto.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 6px; }
			
.madridbg { background-image:  url("../img/range/largerange/madrid.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 6px; }
			
.anconabg { background-image:  url("../img/range/largerange/ancona.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 6px; }
			
.lisbonbg { background-image:  url("../img/range/largerange/lisbon.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 6px; }
			
.sofiabg { 	background-image:  url("../img/range/largerange/sofia.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 6px; }
			
.cordobabg { background-image:  url("../img/range/largerange/cordoba.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 6px; }
			
.genoabg {  background-image:  url("../img/range/largerange/genoa.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 7px; }

.genoaOybg {  background-image:  url("../img/range/largerange/genoaOy.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 7px; }	
			
.romablkbg {  background-image:  url("../img/range/largerange/romablk.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 7px; }

.romasilbg {  background-image:  url("../img/range/largerange/romasil.jpg"); 
			height: 476px; width: 748px; background-repeat:no-repeat; 
			background-position: 7px 7px; }						
			
			
/* Ranges Selection grid */

.ranges-1 {	padding: 0px 0px 0px 15px; width: 748px; height: 110px; border: none; text-decoration: none; }
.ranges-1 ul { display: inline;	list-style: none; border: none; text-decoration: none; }
.ranges-1 li { padding: 17px 18px 0px 18px; float: left; }
.ranges-1 a  { text-decoration: none; border: 0px none; }
.ranges-2	 { padding: 0px 0px 0px 15px; width: 748px; height: 110px; }
.ranges-2 ul { display: inline; list-style: none; }
.ranges-2 li { padding: 17px 18px 0px 18px; float: left; }
.ranges-2 a  { text-decoration: none; }
.ranges-3	 { padding: 0px 0px 0px 15px; width: 748px; height: 110px; }
.ranges-3 ul { display: inline; list-style: none; }
.ranges-3 li { padding: 17px 18px 0px 18px; float: left; }
.ranges-3 a  { text-decoration: none; }


/* Dimensions */
.dimcontent   { margin-left: auto; margin-right: auto; }
.dimcontent-2 { margin-left: auto; margin-right: auto; background-image:url(../img/dimens/choose.gif); background-repeat:no-repeat; background-position: center center; min-height: 434px; }
.dimnav { padding-top: 15px; padding-bottom: 10px; margin-left: auto; margin-right: auto; height: 36px; width: 710px; }
