/* 
Studio Lotus Main Style Sheet
Last updated 21/02/10*/
body
{
	background:url(../images/1002_lotus_pagebg.jpg) no-repeat top center;
	margin:0;
}

img
{
	border:0;
}

a img
{
	border:0;
}

#container
{
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	width:100%;
}

/* Header and navigation */
#header_container
{
	background:url(../images/0912_lotus_headerbg.png) repeat-x;
	width:100%;
}

#header
{
	height:111px;
	margin:40px auto 0;
	width:1000px;
}

#logo
{
	float:left;
	width:204px;
}

#navigation
{
	float:left;
	margin:38px 0 0 36px;
	width:740px;
}

#navigation ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#navigation ul li
{
	border-right:1px solid #373737;
	float:left;
	margin:0;
	padding:0;
}

#navigation ul li.last
{
	border-right:none;
}

#navigation ul li a
{
	color:#fff;
	display:block;
	font-size:1.1em;
	letter-spacing:-1px;
	margin:0;
	padding:0 20px;
	text-decoration:none;
}

#navigation ul li a:visited
{
	color:#fff;
	display:block;
	font-size:1.1em;
	letter-spacing:-1px;
	margin:0;
	padding:0 20px;
	text-decoration:none;
}

#navigation ul li a span
{
	color:#afafaf;
	display:block;
	font-size:0.8em;
}

#navigation ul li a:visited span
{
	color:#afafaf;
	display:block;
	font-size:0.8em;
}

#navigation ul li a.current span
{
	border-bottom:2px solid #ff0060;
	padding:0 0 6px;
}

#navigation ul li a.current:visited span
{
	border-bottom:2px solid #ff0060;
	padding:0 0 6px;
}

#navigation ul li a:hover
{
	color:#ff0060;
}

/* Main content */
#main_content
{
	margin:0 auto;
	width:1000px;
}

#tempmessage {
	background: #fff url(../images/1006_lotus_tempicon.gif) no-repeat 10px 10px;
	margin: 10px auto 0 auto;
	padding: 10px 10px 10px 50px;
	width: 910px;
}

#tempmessage p {
	font-size: 12px;
	margin: 0;
	padding: 0
}

/* Home -- intro slides */
#intro
{
	float:left;
	margin:40px 0 0;
	position:relative;
	width:1000px;
}

#intro_title
{
	background:url(../images/0912_lotus_introtitle.png) no-repeat;
	height:66px;
	left:0;
	position:absolute;
	top:-21px;
	width:290px;
	z-index:20;
}

#intro_title h1
{
	left:-9999px;
	position:relative;
}

#slideleft
{
	float:left;
	padding:174px 0 0;
}

#slideleft a
{
	background:url(../images/0912_lotus_slide_leftbtn.png) no-repeat 0 100%;
	display:block;
	height:56px;
	width:15px;
}

#slideleft a:hover
{
	background:url(../images/0912_lotus_slide_leftbtn.png) no-repeat 0 0;
}

#slideright
{
	float:left;
	padding:174px 0 0;
}

#slideright a
{
	background:url(../images/0912_lotus_slide_rightbtn.png) no-repeat 0 100%;
	display:block;
	height:56px;
	width:15px;
}

#slideright a:hover
{
	background:url(../images/0912_lotus_slide_rightbtn.png) no-repeat 0 0;
}

#slidewindow
{
	float:left;
	height:430px;
	overflow:hidden;
	position:relative;
	width:970px;
}

#slidelist
{
	left:0;
	position:absolute;
	top:0;
	width:2910px;
}

#slide1
{
	background:#fff;
	float:left;
	height:430px;
	width:970px;
}

#slide2
{
	background:#fff;
	float:left;
	height:430px;
	width:970px;
}

#slide3
{
	background:#fff;
	float:left;
	height:430px;
	width:970px;
}

#slide1 .intro_text
{
	float:left;
	margin:60px 10px 0 20px;
	width:310px;
}

#slide2 .intro_text
{
	float:left;
	margin:60px 10px 0 20px;
	width:310px;
}

#slide3 .intro_text
{
	float:left;
	margin:60px 10px 0 20px;
	width:310px;
}

#slide1 .intro_text p
{
	font-size:0.8em;
	margin:20px 0 0;
}

#slide2 .intro_text p
{
	font-size:0.8em;
	margin:20px 0 0;
}

#slide3 .intro_text p
{
	font-size:0.8em;
	margin:20px 0 0;
}

#slide1 .intro_image
{
	float:left;
	margin:20px 10px 0 0;
	width:620px;
}

#slide2 .intro_image
{
	float:left;
	margin:20px 10px 0 0;
	width:620px;
}

#slide3 .intro_image
{
	float:left;
	margin:20px 10px 0 0;
	width:620px;
}

.intro_sub1
{
	background:url(../images/0912_lotus_slide_1introsub.gif) no-repeat;
	display:block;
	height:77px;
	position:relative;
	text-indent:-99999px;
	width:310px;
}

.intro_sub2
{
	background:url(../images/1002_lotus_slide_2introsub.gif) no-repeat;
	display:block;

	height:77px;
	position:relative;
	text-indent:-99999px;
	width:310px;
}

.intro_sub3
{
	background:url(../images/1002_lotus_slide_3introsub.gif) no-repeat;
	display:block;
	height:40px;
	position:relative;
	text-indent:-99999px;
	width:310px;
}

/* Home -- About, Gallery and News Area */
#aboutlotus
{
	background:#fff;
	float:left;
	margin:20px 15px 0;
	position:relative;
	width:970px;
}

#aboutlotus .services
{
	float:left;
	margin:35px 40px 20px 20px;
	width:290px;
}

#aboutlotus .services ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#aboutlotus .services li
{
	background:url(../images/0912_lotus_home_tick.gif) no-repeat 0 2px;
	font-size:1em;
	letter-spacing:-1px;
	margin:0 0 10px;
	padding:0 0 0 30px;
}

#aboutlotus .services h2
{
	background:url(../images/0912_lotus_home_what.gif) no-repeat;
	margin:0 0 15px;
	padding:0;
	text-indent:-99999px;
}

#aboutlotus #news
{
	background:url(../images/0912_lotus_home_newsbg.gif) no-repeat;
	float:left;
	height:300px;
	margin:20px 0;
	width:600px;
}

#aboutlotus #news #newsitems
{
	float:left;
	width:290px;
}

#aboutlotus #news #social
{
	float:left;
	margin:0 0 0 20px;
	width:290px;
}

#aboutlotus #news #newsitems h2
{
	background:url(../images/0912_lotus_home_news.gif) no-repeat;
	margin:15px 0 0 21px;
	padding:0;
	text-indent:-99999px;
}

#aboutlotus #news #newsitems p
{
	color:#fff;
	font-size:0.8em;
	padding:0 10px 0 20px;
}

#aboutlotus #news #social p
{
	color:#fff;
	font-size:0.8em;
	padding:0 10px 0 20px;
}

#aboutlotus #news #newsitems p a
{
	color:#fff;
	text-decoration:none;
}

#aboutlotus #news #newsitems p a:visited
{
	color:#fff;
	text-decoration:none;
}

#aboutlotus #news #newsitems p a:hover
{
	color:#fff;
	text-decoration:underline;
}

#aboutlotus #news #social h2
{
	background:url(../images/0912_lotus_home_social.gif) no-repeat;
	margin:15px 0 0 21px;
	padding:0;
	text-indent:-99999px;
}

#aboutlotus #news #social ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#aboutlotus #news #social li
{
	margin:0;
	padding:0;
}

#aboutlotus #news #social li a.facebook
{
	background:url(../images/1002_lotus_home_fb.gif) no-repeat 0 100%;
	display:block;
	height:25px;
	margin:0 0 6px 20px;
	padding:0;
	width:90px;
}

#aboutlotus #news #social li a.facebook:hover
{
	background:url(../images/1002_lotus_home_fb.gif) no-repeat 0 0;
}

#aboutlotus #news #social li a.twitter
{
	background:url(../images/1002_lotus_home_twit.gif) no-repeat 0 100%;
	display:block;
	height:25px;
	margin:0 0 6px 20px;
	padding:0;
	width:90px;
}

#aboutlotus #news #social li a.twitter:hover
{
	background:url(../images/1002_lotus_home_twit.gif) no-repeat 0 0;
}

/* Standard pages */
#standard_content
{
	background:#fff;
	float:left;
	margin:40px 15px 0;
	padding:50px 0 0;
	position:relative;
	width:970px;
}

#standard_content p
{
	font-size:0.8em;
	line-height:1.5em;
	margin:0 20px 20px;
	padding:0;
}

#standard_content h1
{
	color:#be1b59;
	font-size:1.6em;
	font-weight:400;
	letter-spacing:-1px;
	margin:5px 20px 20px;
	padding:0;
}
#standard_content h2
{
	color:#be1b59;
	font-size:1.2em;
	font-weight:400;
	letter-spacing:-1px;
	margin:5px 20px 20px;
	padding:0;
}

#standard_content h3
{
	color:#000;
	font-size:0.9em;
	font-weight:700;
	letter-spacing:-1px;
	margin:5px 20px 10px;
	padding:0;
}

#standard_content ol
{
	margin:0 0 20px 40px;
	padding:0;
}

#standard_content ul
{
	margin:0 0 20px 40px;
	padding:0;
}

#standard_content li
{
	font-size:0.8em;
	margin:0 0 10px 20px;
	padding:0;
}

#standard_content a
{
	color:#be1b59;
	text-decoration:none;
}

#standard_content a:visited
{
	color:#be1b59;
	text-decoration:none;
}

#standard_content a:hover
{
	color:#ff0060;
	text-decoration:underline;
}

/* Client page */
#standard_content h2.nomargin
{
	color:#be1b59;
	font-size:1.2em;
	font-weight:400;
	letter-spacing:-1px;
	margin:5px 20px 0;
	padding:0;
}

#standard_content p a.clientweb
{
	color:#3793d9;
}

#standard_content p a.clientweb:visited
{
	color:#3793d9;
}

#standard_content p a.clientweb:hover
{
	color:#3471a1;
}

/* Page titles */
#services_title
{
	background:url(../images/0912_lotus_servicestitle.png) no-repeat;
	height:66px;
	left:-15px;
	position:absolute;
	top:-21px;
	width:290px;
	z-index:20;
}

#clients_title
{
	background:url(../images/0912_lotus_clientstitle.png) no-repeat;
	height:66px;
	left:-15px;
	position:absolute;
	top:-21px;
	width:290px;
	z-index:20;
}

#gallery_title
{
	background:url(../images/0912_lotus_gallerytitle.png) no-repeat;
	height:66px;
	left:-15px;
	position:absolute;
	top:-21px;
	width:290px;
	z-index:20;
}

#team_title
{
	background:url(../images/0912_lotus_teamtitle.png) no-repeat;
	height:66px;
	left:-15px;
	position:absolute;
	top:-21px;
	width:290px;
	z-index:20;
}

#contact_title
{
	background:url(../images/0912_lotus_contacttitle.png) no-repeat;
	height:66px;
	left:-15px;
	position:absolute;
	top:-21px;
	width:290px;
	z-index:20;
}

#clients_title h1
{
	left:-9999px;
	position:absolute;
}

#gallery_title h1
{
	left:-9999px;
	position:absolute;
}

#services_title h1
{
	left:-9999px;
	position:absolute;
}

#team_title h1
{
	left:-9999px;
	position:absolute;
}

#contact_title h1
{
	left:-9999px;
	position:absolute;
}

/* Gallery */
#gallery
{
	background:#fff;
	float:left;
	margin:40px 15px 0;
	position:relative;
	width:970px;
}

#gallery p
{
	font-size:0.8em;
	line-height:1.5em;
	margin:10px 20px 20px 0;
	padding:0;
}

#gallery p a
{
	color:#be1b59;
	text-decoration:none;
}

#gallery p a:visited
{
	color:#be1b59;
	text-decoration:none;
}

#gallery p a:hover
{
	color:#ff0060;
	text-decoration:underline;
}

#gallery_header
{
	background:url(../images/1002_lotus_gallerybg.gif) repeat-x;
	border-bottom:1px solid #ccc;
	float:left;
	padding:40px 0 0 20px;
	width:950px;
}

#gallery_categories
{
	float:left;
	margin:0 0 20px;
}

#gallery_categories ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#gallery_categories ul li
{
	float:left;
	margin:0;
	padding:0;
}

#gallery_categories ul li a
{
	background:url(../images/1002_lotus_gallerystar.png) no-repeat;
	color:#222;
	font-size:1em;
	letter-spacing:-1px;
	margin:0 40px 0 0;
	padding:0 0 0 30px;
	text-decoration:none;
}

#gallery_categories ul li a:hover
{
	color:#222;
	text-decoration:underline;
}

#gallery_content
{
	float:left;
	margin:0;
	padding:0 0 20px;
	position:relative;
	width:970px;
}

#gallery #gallery_content .gallery_pager
{
	float:left;
	text-align:center;
	width:834px;
}

#gallery #gallery_content .gallery_pager p
{
	margin:5px auto;
	padding:0;
}

.gallery_thumb
{
	float:left;
	height:232px;
	margin:20px 70px 0 0;
	text-align:center;
	width:232px;
}

.gallery_thumb_right
{
	float:left;
	height:232px;
	margin:20px 0 0;
	text-align:center;
	width:232px;
}

.gallery_thumb a img
{
	border:1px solid #999;
	padding:5px;
}

.gallery_thumb_right a img
{
	border:1px solid #999;
	padding:5px;
}

.gallery_thumb a:hover img
{
	border:1px solid #222;
	padding:5px;
}

.gallery_thumb_right a:hover img
{
	border:1px solid #222;
	padding:5px;
}

#gallery_business
{
	float: left;
	margin: 0 0 0 68px;
}

#gallery_family, #gallery_family2
{
	float: left;
	margin: 0 0 0 68px;
}

#gallery_pets
{
	float: left;
	margin: 0 0 0 68px;
}

#gallery_promo
{
	float: left;
	margin: 0 0 0 68px;
}

#gallery_wedding
{
	float: left;
	margin: 0 0 0 68px;
}

/* Forms */
#contact_form
{
	border-right:1px solid #999;
	float:left;
	margin:0 0 20px 20px;
	padding:0 20px 0 0;
	width:400px;
}

#contact_info
{
	float:left;
	margin:0 0 20px;
	width:529px;
}

#contact_form form label
{
	clear:left;
	float:left;
	font-size:0.8em;
	margin:0 0 10px;
	padding:5px;
	width:80px;
}

#contact_form form input
{
	border:1px solid #999;
	color:#252525;
	display:block;
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	margin:0 0 10px;
	padding:5px;
	width:298px;
}

#contact_form form textarea
{
	border:1px solid #999;
	color:#252525;
	display:block;
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	margin:0 0 10px;
	padding:5px;
	width:298px;
}

#contact_form form select 
{
	border:1px solid #999;
	color:#777;
	display:block;
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	margin:0 0 10px;
	padding:2px;
	width:310px;
}

#contact_form form select option
{
	color: #000

}

#contact_form form input:focus
{
	border:1px solid #000;
}

#contact_form form textarea:focus
{
	border:1px solid #000;
}

#contact_form form input:hover
{
	border:1px solid #000;
}

#contact_form form textarea:hover
{
	border:1px solid #000;
}

#contact_form form input[type="submit"]
{
	background:#000;
	border:none;
	color:#fff;
	cursor:pointer;
	margin:0 0 0 90px;
	width:auto;
}

/* Footer */
#footer
{
	background:#161616;
	float:left;
	height:30px;
	margin:20px 0 0;
	width:100%;
}

#footerinfo
{
	margin:0 auto;
	position:relative;
	width:970px;
}

#footerinfo p
{
	color:#fff;
	font-size:13px;
	letter-spacing:-1px;
	margin:0;
	padding:6px 0 0;
}
