/*Bold Frog Design Style*/

/*Designed and maintained by Bold Frog Design*/

*	{
	margin: 0;
	padding: 0;
	}

body	{
	background: #222222 url(images/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	}

.wrapper
	{
	position: relative;
	}

.right
	{
	float: right;
	}

.left
	{
	float: left;
	}

.bold
	{
	font-weight: bold;
	}

p.last
	{
	margin-bottom: -20px;
	}

#container
	{
	position: relative;
	width: 780px;
	margin: 0 auto;
	padding: 0;
	}

#header {
	position: relative;
	padding: 0;
	margin: 0 auto;
	height: 160px;
	text-align: right;
	width: 700px;
	padding: 0px 100px 12px 20px;
	z-index: 17;
	position:relative;
	top:0;
	left:0;
	top:0;
	bottom:0;
	}

#header h1
	{
	position: relative;
	background: url(images/bold-frog-design-logo.png) no-repeat;
	width: 180px;
	height: 154px;
	margin: 0px 0px -152px 32px;
	text-indent: -4000px;
	text-align: left;
	}

#header h2
	{
	margin: 20px 0px 20px 350px;
	width: 360px;
	height: 48px;
	}

#header h2 a
	{
	font-family: 'Century Gothic', 'Avant Garde', 'Twentieth Century', 'ITC Avant Garde Gothic', 'Helvetica Neue', Helvetica, Sans-Serif;
	color: #424242;
	font-size: 42px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -2px;
	text-transform:lowercase;
	outline: 0;
	}

#header h2 a span
	{
	font-weight: normal;
	}

#header h3 {
	margin: 0px 0px 0px 350px;
	width: 360px;
	color: #545454;
	font-family: 'Times New Roman', 'Adobe Caslon Pro', Cambria, 'Adobe Garamond Pro', Garamond, 'ITC Garamond', 'Adobe Garamond', Georgia, serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

h1	{
	color: #999999;
	font-family: 'Times New Roman', 'Adobe Caslon Pro', Cambria, 'Adobe Garamond Pro', Garamond, 'ITC Garamond', 'Adobe Garamond', Georgia, serif;
	font-size: 18pt;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 24pt;
	}

h1 span	{
	color: #444444;
	}

#nav	{
	position: relative;
	height: 50px;
	width: 740px;
	margin: -50px 0px -50px 0px;
	z-index: 26;
	top:0;
	left:0;
	top:0;
	bottom:0;
	}

#nav ul {
	list-style: none;
	padding: 0px;
	margin: 0;
	float: right;
	height: 50px;
	z-index: 25;
	}

#nav ul li
	{
	float: left;
	display: block;
	padding: 0px;
	background: transparent url('images/nav-left.jpg') no-repeat scroll top left;
	margin: 0 0px 0 2px;
	z-index: 24;
	}

#nav ul li.selected
	{
	background: transparent url('images/nav-selected-left.jpg') no-repeat scroll top left;
	z-index: 23;
	}

#nav ul li a
	{
	color: #444444;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 17px 10px 7px 10px;
	text-decoration: none;
	font-family: 'Century Gothic', 'Avant Garde', 'Twentieth Century', 'ITC Avant Garde Gothic', 'Helvetica Neue', Helvetica, Sans-Serif;
	background: transparent url('images/nav-right.jpg') no-repeat scroll top right;
	outline: 0;
	z-index: 22;
	}

#nav ul li a:hover
	{
	color: #444444;
	background: transparent url('images/nav-left-hover.jpg') no-repeat scroll top left;
	z-index: 21;
	}

#nav ul li.selected a, #nav ul li.selected a:hover
	{
	color: #88CC22;
	font-size: 11px;
	background: transparent url('images/nav-selected-right.jpg') no-repeat scroll top right;
	margin: 0px 0px 5px 0px;
	z-index: 20;
	}

#nav ul li a.selected
	{
	color: #88CC22;
	z-index: 19;
	}

#nav ul li a.selected:hover
	{
	text-decoration: none;
	z-index: 18;
	}

div.leaf-shape
	{
	position: relative;
	width: 700px;
	z-index: 1;
	}

.leaf-top-left
	{
	position: relative;
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	background: transparent url(images/top-left.png) no-repeat;
	margin: -2px 0px 0px 0px;
	z-index: 2;
	}

.leaf-top-middle
	{
	position: relative;
	display: block;
	height: 120px;
	background: transparent url(images/top-middle.png) repeat-x;
	margin: -52px 120px 0px 120px;
	z-index: 3;
	}

.leaf-top-right
	{
	position: relative;
	display: block;
	float: right;
	width: 120px;
	height: 120px;
	background: transparent url(images/top-right.png) no-repeat;
	margin: -120px 0px 0px -120px;
	z-index: 4;
	}

.leaf-content-wrapper
	{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(images/middle-left.png) repeat-y left top;
	margin: 0px 0px 0px 0px;
	z-index: 5;
	}

.leaf-middle-content
	{
	padding: 0px 0px 0px 0px;
	}

.leaf-middle-content h1
	{
	margin: 0px 120px 0px 120px;
	background: #FFF url(images/five-star-clients.png) no-repeat right;
	font-family: 'Century Gothic', 'Avant Garde', 'Twentieth Century', 'ITC Avant Garde Gothic', 'Helvetica Neue', Helvetica, Sans-Serif;
	color: #424242;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0px;
	}

.leaf-middle-content p
	{
	margin: 0px 120px 0px 120px;
	background: #FFF;
	color: #666666;
	font-family: 'Times New Roman', 'Adobe Caslon Pro', Cambria, 'Adobe Garamond Pro', Garamond, 'ITC Garamond', 'Adobe Garamond', Georgia, serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 24px;
	text-align: justify;
	padding-bottom: 20px;
	}

.leaf-middle-content h1
	{
	font-family: 'Century Gothic', 'Avant Garde', 'Twentieth Century', 'ITC Avant Garde Gothic', 'Helvetica Neue', Helvetica, Sans-Serif;
	color: #424242;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0px;
	}

.leaf-middle-content h1 span
	{
	font-weight: bold;
	}

.leaf-middle-content table
	{
	margin: 0px 120px -40px 120px;
	background: #FFF;
	color: #777777;
	font-family: 'Times New Roman', 'Adobe Caslon Pro', Cambria, 'Adobe Garamond Pro', Garamond, 'ITC Garamond', 'Adobe Garamond', Georgia, serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 24px;
	text-align: left;
	}

.leaf-middle-content p.last
	{
	margin-bottom: -20px;
	}

.leaf-middle-content tr td
	{
	width: 250px;
	padding: 20px;
	vertical-align: top;
	}

.leaf-middle-content a
	{
	text-decoration: none;
	font-weight: bold;
	}

.leaf-middle-content a:link
	{
	color: #777777;
	}

.leaf-middle-content a:visited
	{
	color: #888888;
	}

.leaf-middle-content a:hover
	{
	color: #88CC22;
	text-decoration: underline;
	}

.leaf-middle-content a:focus
	{
	color: #444444;
	}

.logotype-bold
	{
	font-family: 'Century Gothic', 'Avant Garde', 'Twentieth Century', 'ITC Avant Garde Gothic', 'Helvetica Neue', Helvetica, Sans-Serif;
	color: #424242;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	text-transform:lowercase;
	}

.logotype
	{
	font-family: 'Century Gothic', 'Avant Garde', 'Twentieth Century', 'ITC Avant Garde Gothic', 'Helvetica Neue', Helvetica, Sans-Serif;
	color: #424242;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0px;
	text-transform:lowercase;
	}

.leaf-inner-content
	{
	background: transparent url(images/middle-right.png) repeat-y right top;
	margin: 0px;
	z-index: 6;
	}

.leaf-bottom-left
	{
	position: relative;
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	background: transparent url(images/bottom-left.png) no-repeat;
	margin: 0px 0px 0px 0px;
	z-index: 7;
	}

.leaf-bottom-middle
	{
	position: relative;
	display: block;
	height: 120px;
	background: transparent url(images/bottom-middle.png) repeat-x;
	margin: 0px 120px 0px 120px;
	z-index: 8;
	}

.leaf-bottom-right
	{
	position: relative;
	display: block;
	float: right;
	width: 120px;
	height: 120px;
	background: transparent url(images/bottom-right.png) no-repeat;
	margin: -120px 0px 0px -120px;
	z-index: 9;
	}

.frogs
	{
	position: relative;
	width: 300px;
	float: right;
	margin: -125px 0px 0px 0px;
	z-index: 10;
	}

.footer
	{
	position: relative;
	width: 780px;
	margin: -50px 0px 0px 40px;
	float: left;
	z-index: 11;
	}

.footer p
	{
	font-family: 'Century Gothic', 'Avant Garde', 'Twentieth Century', 'ITC Avant Garde Gothic', 'Helvetica Neue', Helvetica, Sans-Serif;
	color: #555555;
	font-size: 10px;
	}

.footer a
	{
	font-family: 'Century Gothic', 'Avant Garde', 'Twentieth Century', 'ITC Avant Garde Gothic', 'Helvetica Neue', Helvetica, Sans-Serif;
	font-size: 10px;
	color: #555555;
	text-decoration: none;
	font-weight: bold;
	}

.footer a:link
	{
	color: #555555;
	}

.footer a:visited
	{
	color: #555555;
	}

.footer a:hover
	{
	color: #777777;
	text-decoration: underline;
	}

.footer a:focus
	{
	color: #555555;
	}

iframe
	{
	margin: 0px 120px -10px 120px;
	background: #FFF;
	}