/* $Id$ */

html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
float: left;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #000000;
}

a img {
	border: none;
	clear: both;
	display: block;
}

td {
	font-size: 8pt;
	color: #ffffff;
}

h2 {
	font-size: 12pt;
	margin: 5px 0px 5px 0px;
	}

hr {
color: #858585;
background-color: #858585;
border-style: none;
height: 1px;
margin: 20px 0px 20px 0px;

}

#social {
	font-size: 8pt;
	margin-top: 5px;
	vertical-align: middle;
	line-height: 20px;
	height: 20px;
	display: table-cell;
}

#content ul {
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0 0 0 15;
	display: inline-block;
}

#content li {
font-size: 8pt;
background-image: url(/images/miniicons/arrow_mini_right.gif);
background-repeat: no-repeat;
background-position: 0 2;
padding-left: 13px;
}

#flash {
float: left;
margin: 0px;
padding: 0px;
display: block;
height: 400px;
width: 700px;
}

#side {
float: right;
width: 290px;
height: 100%;
margin: 0px;
padding: 5px;
background-color: #000000;
}

#content {
position: relative;
width: 237px;
margin: 0px 0px 0px 37px;
background-color: #000000;
color: #ffffff;
overflow: hidden;
height: 100%;
}

a {
	display: inline;
	color: #ffffff;
}

#content a {
	/* http://www.thebigerns.com/freeway/link_icons/ */
	padding: 0px 15px 0px 0px;
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url(/images/miniicons/arrow_fat_right.gif);
}

#content a.phone {
	background-image: url(/images/miniicons/mobile.gif);
}

#content a.nolink {
	background: none;
	padding: 0px;
}

#content img {
	clear: none;
	display: inline;
	margin-top: 5px;
}

#content_pad {
position: relative;
width: 290px;
padding: 10px 0px 10px 0px;
}

#footer {
margin: 0px;
padding: 0px;
}

#footer p {
margin-top: 5px;
margin-left: auto;
margin-right: auto;
font-size: 6pt !important;
text-indent: -9999px;
color: #858585;
display: block;
width: 220px;
height: 7px;
background-image: url(/images/copyright.png);
background-repeat: no-repeat;
}

#content p {
margin: 0px 0px 10px 0px;
font-size: 10pt;
text-align: justify;
}

#scroll_container {
position: relative;
width: 290px;
height: 100%;
}

#scroll_track {
position: absolute;
left: 283px;
height: 100%;
width: 7px;
cursor: s-resize;
background-color: #3a3a3a;
}

#scroll_handle {
width: 7px;
height: 30px;
background-color: #b9b9b9;
}

.section_heading {
font-size: 8pt;
font-family: Verdana;
height: 22px;
width: 290px;
display: block;
background-color: black;
color: #ffffff;
vertical-align: middle;
clear: both;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
display: block;
margin: 0px;
}

.section_heading li,.section_heading a {
display: block;
width: 290px;
height: 22px;
margin: 0px;
list-style: none;
}


#button_weddings {
background-image: url(/images/button-wedding.png);
}

#button_portfolio {
background-image: url(/images/button-portfolio.png);
}

#button_portfolio:hover {
background-image: url(/images/button-portfolio_hover.png);
}

#button_pricing {
background-image: url(/images/button-pricing.png);
}

#button_pricing:hover {
background-image: url(/images/button-pricing_hover.png);
}

#button_about {
background-image: url(/images/button-about.png);
}

#button_about:hover {
background-image: url(/images/button-about_hover.png);
}

#button_clients {
background-image: url(/images/button-clients.png);
}

#button_philosophy {
background-image: url(/images/button-philosophy.png);
}

#button_philosophy:hover {
background-image: url(/images/button-philosophy_hover.png);
}

#button_contact {
background-image: url(/images/button-contact.png);
}

#button_contact:hover {
background-image: url(/images/button-contact_hover.png);
}

#button_blog {
background-image: url(/images/button-blog.png);
}

#button_blog:hover {
background-image: url(/images/button-blog_hover.png);
}

#button_resources {
background-image: url(/images/button-resources.png);
}

#button_resources:hover {
background-image: url(/images/button-resources_hover.png);
}

#button_testimonials {
background-image: url(/images/button-testimonials.png);
}

#button_testimonials:hover {
background-image: url(/images/button-testimonials_hover.png);
}

#testimonial_container {
	padding: 10px;
	height: 200px;
}

#testimonial_container p {
	font-size: 8pt;
}

/** Landing page styles
	http://blog.themeforest.net/tutorials/vertical-centering-with-css/
	http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
	http://www.zurb.com/playground/radioactive-buttons
**/
#vertical_container {
	height: 50%;
	float: left;
	margin-bottom: -180px;
	border: 1px solid black;
}

#landing_blog {
	height: 360px;
	width: 185px;
	display:inline-block;
	background-image: url(/images/landing-blog.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	float:right;
	margin-left: 10px;
}

#landing_blog:hover, #landing_main:hover {
	background-position: bottom right;
	cursor: pointer;
}

#landing_main {
	height: 360px;
	width: 185px;
	display:inline-block;
	background-image: url(/images/landing-site.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	float:left;
	margin-right: 10px;
}

#landing_container {
	clear:both;
	width: 900px;
	height: 360px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	font-size: 10pt;
}

#landing_container p {
	margin-top: 10px;
	margin-bottom: 0px;
}

#landing_container li {
	
}

a.button {
	background: #222 url(/images/button-background.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #444;
	-webkit-box-shadow: 0 1px 3px #444;
	text-shadow: 0 -1px 1px #333;
	border-bottom: 1px solid #333;
	position: relative;
	cursor: pointer;
}

#landing_header {
	background-image: url("/images/blog-header.png");
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 105px;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

.button_descr {
	font-size: 0.8em;
	font-weight: normal;
}

#landing_proofing {
	width: 580px;
	margin-top: 10px;
	text-align: center;
	float: left;
	clear: both;
}

#landing_container ul {
	display: inline-block;
	margin-left: 0;
	padding-left: 15px;
}

input, select, textarea, button {
	font-size: 8pt;
	border: 1px solid #666;
	padding: 3px;
	background-color: #333;
	color: #fff;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}