@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------------*/
/* Ryal Photoography website(http://www.ryalphotography.co.uk) Ver 2.0*/
/* Design and Development by Mann Communications May/June 2010        */
/* All Rights Reserved Copyright Ryal Photography 2010                */
/* -------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
/* This Section Controls the overall layout of the pages (DIVS)                */
/*-----------------------------------------------------------------------------*/


/* This section controls size space and position ofthe page wrapper*/
#main {
	width:800px;
	margin: 0px auto 0px auto;
	border: 0px solid #f0f0f0;
	background-color:#003333;
	height: auto;
}
	
/*This section cintrols the size space and postion of the page header*/
#top_banner_div {
	background-color: #003333;
	width:800px;
	padding-top:0px;
	height:115px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	display:inline;
}

/* This section controls the size, space and postion of the page image for the home page*/
#main_img {
	margin-left:50px;
	margin-top:8px;
	width:700px;
	height:500px;
	margin-bottom:0px;
	float:left;
	display:inline;
}

/* This section controls the size and postion of the page image for the other pages*/
#main_img_small {
	margin-left:50px;
	margin-top:25px;
	width:701px;
	height:300px;
	margin-bottom:25px;
	float:left;
	display:inline;
}

/*This section controls the size, space, style and postion of the main content area on the page*/
#main_content_div {
	background-color: #003333;
	width:450px;
	padding-top:0px;
	height:auto;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:auto;
	float:left;
	display:inline;
}

/*This section controls the size, space, style and postion of the side panel area on the page*/
#side_div {
	background-color: #003333;
	width:250px;
	padding-top:0px;
	/*height:499px;*/
	margin-left:50px;
	margin-top:10px;
	margin-bottom:0px;
	float:left;
	display:inline;
}

/* This section controls the size , space and position of the side panel on the home page only */
#side_div_home {
background-color: #003333;
	width:300px;
	padding-top:0px;
	/*height:499px;*/
	margin-left:0px;
	margin-top:10px;
	margin-bottom:0px;
	float:left;
	display:inline;
	
}

/* This Section controls the size, space, style and postion of the footer on the page */
#bottom_nav_div {
	background-color: #003333;
	width:800px;
	padding-top:0px;
	height:73px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:0px;
	float:left;
	display:inline;
}

/*.like_button {
	width:150px;
	height:25px;
	left-margin:54px;
	
	
	)*/


/*-----------------------------------------------------------------------------*/
/* This Section Controls the overall style of the pages (text size and style   */
/* margins, links and line spacing etc                                         */
/*-----------------------------------------------------------------------------*/

/*This section sets the style of links on the page*/
a:link {
	color: #FFFFFF;
	text-decoration: none;
}

/* This section sets the style of the visited links on the page */
a:visited {
	text-decoration: none;
	color:#FFFFCC;
}

/* This section sets the style of the links when the mouse is hovered above them*/
a:hover {
	text-decoration: underline;
	color: #ABDA4D;
}

/* This section sets the style of the active link on the pages*/
a:active {
	text-decoration: none;
}

/* This section sets the style of the "body" of the pages*/
body {
	background-color: #003333;
	text-align:left;
	padding:0px;
	margin:0px;
}

/*This section sets the style of the body text on the pages*/
.body_text {
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	line-height: 150%;
}

/* this section controls the style of body text two on the pages */

.body_text_two {
	font-family:Arial, Helvetica, sans-serif;
	margin-left:20px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	line-height: 150%;
}

/* This section sets the size and style of the main headlines (h1) on the pages*/
.h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ABDA4D;
	font-size:36px;
	margin-left: 0px;
	margin-bottom: 15px;
}

/* This section sets the size and style of the sub headlines (h2) on the pages*/
.h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ABDA4D;
	font-size:18px;
	margin-left: 15px;
	margin-bottom: 5px;
}	

/*This section sets the size and style of the sub headlines (h3) on the pages*/	
.h3 {
	Font-family:Arial, Helvetica, sans-serif;
	color:#ABDA4D;
	font-size:14px;
	margin-left: 15px;
	margin-bottom: 7px;
}

ul {
	list-style-type:circle;
	margin:0;
	padding:0;

}

/*This section stes the size and style of bulleted lists within the pages*/
#navlist li { 
	list-style-type: square; 
}

p {
	padding-top:0px;
	margin-top:0px;
}	
	

/*-----------------------------------------------------------------------------*/
/* This Section Controls the overall content and style of the Top Banner       */
/*-----------------------------------------------------------------------------*/

/*This section sets the style and postion of the logo image in the main header */

#logo_img {
	margin-left:59px;
	margin-top:10px;
	width:142px;
	height:90px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border: 0;

}

/* This section sets the style and position of the sub-links section in the main header*/
#colwrap2 {
	float:left;
	width:112px;
	margin-top:0px;
	margin-left:0px;
	border: 0px solid #f0f0f0;
}	

/*This section sets the style and postion of the about_us button in the main header*/
#about_us_img {
	margin-left:38px;
	margin-top:89px;
	width:73px;
	height:11px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border: 0;
}

/*This section sets the style and postion of the services button in the main header*/
#services_img {
	margin-left:27px;
	margin-top:89px;
	width:70px;
	height:11px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border: 0;

}

/*This section sets the style and postion of the gallery button in the main header*/
#gallery_img {
	margin-left:22px;
	margin-top:89px;
	width:59px;
	height:15px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border: 0;

}

/*This section sets the style and postion of the contact_us button in the main header*/
#contact_img {
	margin-left:27px;
	margin-top:89px;
	width:83px;
	height:11px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border: 0;
}	
	
/*This section sets the style and postion of the useful_links button in the main header*/
#links_img {
	margin-left:25px;
	margin-top:21px;
	width:84px;
	height:11px;
	margin-bottom:15px;
	float:left;
	display:inline;
	border: 0;
}

/*This section sets the style and postion of the home_text button in the main header*/
#home_text_img {
	margin-right:16px;
	margin-top:15px;
	width:30px;
	height:9px;
	margin-bottom:0px;
	float:right;
	display:inline;
	border: 0;

}

/*This section sets the style and postion of the home logo button in the main header*/
#home_logo_img {
	margin-right:9px;
	margin-top:13px;
	width:11px;
	height:11px;
	margin-bottom:0px;
	float:right;
	display:inline;
	border: 0;

}

/*This section sets the style and postion of the site map text button in the main header*/
#map_text_img {
	margin-right:1px;
	margin-top:12px;
	width:46px;
	height:11px;
	margin-bottom:0px;
	float:right;
	display:inline;
	border: 0;

}

/*This section sets the style and postion of the site map logo button in the main header*/
#map_logo_img {
	margin-right:8px;
	margin-top:12px;
	width:11px;
	height:9px;
	margin-bottom:0px;
	float:right;
	display:inline;
	border: 0;
}

/*This section sets the style and postion of the login text button in the main header*/
#login_text_img {
	margin-right:0px;
	margin-top:12px;
	width:30px;
	height:9px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border:0;
	margin-left: 65px;
}

/*This section sets the style and postion of the login logo button in the main header*/	
#login_logo_img {
	margin-right:55px;
	margin-top:-12px;
	width:11px;
	height:11px;
	margin-bottom:0;
	float:right;
	display:inline;
	border:0;
}	
		
/*-------------------------------------------------------------------------------------------*/
/* This Section Controls the overall content and style of the Botton Navigation on the page  */
/*-------------------------------------------------------------------------------------------*/	


/* This section sets the style and position of the about us link in the footer section*/
.Txt_About {
	margin-left:51px;
	margin-top:45px;
	width:51px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-align: left;
	color: #FFFFFF;
	line-height: 120%;
	padding-top:1px;
	padding-bottom:2px;

}


/* This section sets the style and position of the services link in the footer section*/
.Txt_Services {
	margin-left:7px;
	margin-top:45px;
	width:50px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-align: left;
	color: #FFFFFF;
	line-height: 120%;
	padding-top:1px;
	padding-bottom:2px;

}

/* This section sets the style and position of the gallery link in the footer section*/
.Txt_Gallery {
	margin-left:8px;
	margin-top:45px;
	width:41px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-align: left;
	color: #FFFFFF;
	line-height: 120%;
	padding-top:1px;
	padding-bottom:2px;

}

/* This section sets the style and position of the contact us link in the footer section*/
.Txt_Contact {
	margin-left:8px;
	margin-top:45px;
	width:70px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-align: left;
	color: #FFFFFF;
	line-height: 120%;
	padding-top:1px;
	padding-bottom:2px;

}


/* This section sets the style and position of the useful links link in the footer section*/
.Txt_Useful {
	margin-left:2px;
	margin-top:45px;
	width:68px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-align: left;
	color: #FFFFFF;
	line-height: 120%;
	padding-top:1px;
	padding-bottom:2px;
}


/* This section sets the style and position of the SWPP logo in the footer section*/
#swpplogo_img {
	margin-left:8px;
	margin-top:21px;
	width:94px;
	height:39px;
	margin-bottom:0px;
	float:left;
	display:inline;

}


/* This section sets the style and position of the designed by text in the footer section*/
#designedby_img {
	margin-left:16px;
	margin-top:48px;
	width:60px;
	height:11px;
	margin-bottom:0px;
	float:left;
	display:inline;

}


/* This section sets the style and position of the mann communications web logo in the footer section*/
#weblogo_img {
	margin-left:3px;
	margin-top:42px;
	width:17px;
	height:17px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border: 0px;

}

/* This section sets the style and position of the copyright text in the footer section*/
.copyright {
margin-left:34px;
	margin-top:47px;
	width:190px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-align: left;
	color: #cccccc;
	line-height: 120%;
	padding-top:1px;
	padding-bottom:2px;

}

/*-----------------------------------------------------------------------*/
/* This Section Controls the overall content and style of the Home page  */
/*-----------------------------------------------------------------------*/	

/*This section sets the style and position for the wedding photography headline image on the homepage*/
#wedding_text_img {
	margin-left:17px;
	margin-top:26px;
	width:290px;
	height:26px;
	margin-bottom:0px;
	float:left;
	display:inline;

}

/*This section sets the style and position for the portrait photography headline image on the homepage*/
#portrait_text_img {
	margin-left:17px;
	margin-top:19px;
	width:259px;
	height:26px;
	margin-bottom:0px;
	float:left;
	display:inline;

}

/* This section sets the style and postion for the other services headline on the homepage*/
#other_text_img {
	margin-left:18px;
	margin-top:18px;
	width:234px;
	height:22px;
	margin-bottom:0px;
	float:left;
	display:inline;

}

/*This section sets the style and postion for the center more info button on the page*/
#moreinfo_ctr_img {
	margin-left:78px;
	margin-top:14px;
	width:63px;
	height:27px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border: 0;

}

/*This section sets the style and postion for the top more info button on the page*/
#moreinfo_top_img {
	margin-left:47px;
	margin-top:24px;
	width:63px;
	height:26px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border:0;

}

/*This section sets the style and postion for the bottom more info button on the page*/
#moreinfo_btm_img {
	margin-right:31px;
	margin-top:15px;
	width:63px;
	height:26px;
	margin-bottom:0px;
	float:right;
	display:inline;
	border: 0;
}

/*This section sets the style and position for the newletter panel on the homepage*/
#newsletter_img {
	margin-left:54px;
	margin-top:25px;
	width:233px;
	height:190px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border: 0;

}

/*This section sets the style and postion for the offer panel on the page*/
#offer_img {
	margin-left:54px;
	margin-top:14px;
	width:233px;
	height:141px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border: 0;

}

/* This section sets the style and position for the first paragraph in the wedding photography section on the homepage*/
.Txt_Ryal {
	margin-left:15px;
	margin-top:10px;
	width:408px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	line-height: 132%;
	padding-top:1px;
	padding-bottom:2px;

}
/* This section sets the style and position for the second paragraph in the wedding photography section on the homepage*/
.Txt_Ryalp2 {
	margin-left:15px;
	margin-top:4px;
	width:408px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	line-height: 132%;
	padding-top:1px;
	padding-bottom:2px;

}

/* This section sets the style and position for the first paragraph in the portrait photography section on the homepage*/
.Txt_Ryal2 {
	margin-left:15px;
	margin-top:11px;
	width:416px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	line-height: 132%;
	padding-top:1px;
	padding-bottom:2px;

}

/* This section sets the style and position for the second paragraph in the wedding photography section on the homepage*/
.Txt_Ryal2p2 {
	margin-left:15px;
	margin-top:4px;
	width:416px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	line-height: 132%;
	padding-top:1px;
	padding-bottom:2px;

}



/* This section sets the style and position for the first paragraph in the other services section on the homepage*/
.Txt_From {
	margin-left:15px;
	margin-top:15px;
	width:416px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	line-height: 132%;
	padding-top:1px;
	padding-bottom:2px;

}

/* This section sets the style and position for the second paragraph in the other services section on the homepage*/
.Txt_From2p {
	margin-left:15px;
	margin-top:4px;
	width:416px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	line-height: 132%;
	padding-top:1px;
	padding-bottom:2px;

}

/* This section sets the style and position for the top dotted line in the main content area on the homepage*/
#Line {
	border-bottom: 2px dotted #abda4d;
	width:411px;
	margin-left:18px;
	margin-top:15px;
	margin-bottom:0px;
	float:left;
	display:inline;

}

/* This section sets the style and position for the bottom dotted line in the main content area on the homepage*/
#Line2 {
	border-bottom: 2px dotted #abda4d;
	width:411px;
	margin-left:18px;
	margin-top:14px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
/* This section sets the style and position for the why us headline graphic in the side panel on the homepage*/
#why_us_img {
	margin-left:54px;
	margin-top:21px;
	width:131px;
	height:16px;
	margin-bottom:0px;
	float:left;
	display:inline;

}

/* This section sets the style and position for the why us text in the side panel on the homepage*/
.Txt_We {
	margin-left:54px;
	margin-top:8px;
	width:233px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: left;
	color: #ffffff;
	line-height: 132%;
	padding-top:1px;
	padding-bottom:2px;

}

/*---------------------------------------------------------------------------*/
/* This Section Controls the overall content and style of the About Us page  */
/*---------------------------------------------------------------------------*/	

/* This section controls the space for the list on the about us page */

#about_list {
	margin-left: 15px;
	margin-top: -20px;
}


/*-------------------------------------------------------------------------------------*/
/* This Section Controls the overall content and style of the Wedding - Services page  */
/*-------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------*/
/* This Section Controls the overall content and style of the Portraits - Services page */
/*--------------------------------------------------------------------------------------*/	

/*------------------------------------------------------------------------------------*/
/* This Section Controls the overall content and style of the Other - Services page   */
/*------------------------------------------------------------------------------------*/					

/* This section controls the space for the list on the about us page */

#other_list {
	margin-left: 15px;
	margin-top: -10px;
	margin-bottom:5px;
}

/*--------------------------------------------------------------------------*/
/* This Section Controls the overall content and style of the Contact page  */
/*--------------------------------------------------------------------------*/
.form_text {
	background-color:#ABDA4D;
	border-color:#ABDA4D;
	border-width:1px;
	margin:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;

}

.form_buttons {
	background-color:#ABDA4D;
	border:1px;
	border-color:#ABDA4D;
	margin:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF
	
	}

.form_radio {
	background-color:#033;
	margin:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;	
	}
	
#contact_side_div {
	background-color: #003333;
	width:250px;
	padding-top:0px;
	/*height:499px;*/
	margin-left:25px;
	margin-top:10px;
	margin-bottom:0px;
	float:left;
	display:inline;
}
	
	
			
/*--------------------------------------------------------------------------*/
/* This Section Controls the overall content and style of the Gallery page  */
/*--------------------------------------------------------------------------*/

/* This section controls the size and space of the main gallery images*/
#main_gallery_img {
	margin-left:50px;
	margin-top:20px;
	width:701px;
	height:476px;
	margin-bottom:30px;
	float:left;
	display:inline;
}

/* This section controls the size and space of the othe galleries nav panel on the gallery page*/
#gallery_nav_container {
	margin-left:50px;
	margin-top:5px;
	width:700px;
	height:auto;
	float:left;	/*display:inherit;*/
}

/* This section controls the size and space of the other galleries text area*/
#gallery_text_area {
	margin:10px;
	width:330px;
	height:230px;
	
}

.left_lines {
	border-left-color:#ABDA4D;
	border-left-style:solid;
	border-left-width:1px;
	padding-left:6px;
}
	
/*-------------------------------------------------------------------------------*/
/* This Section Controls the overall content and style of the free_gift page     */
/*-------------------------------------------------------------------------------*/						
#big_offer_img {
	margin-left:50px;
	margin-top:20px;
	width:701px;
	height:548px;
	margin-bottom:30px;
	float:left;
	display:inline;
	
}

#facebook_button {
	margin-left:50px;
	margin-top:10px;
	height:auto;
	width:auto;
}

#facebook_button_wedding {
	margin-left:5px;
	margin-top:10px;
	height:auto;
	width:auto;
}