/*====Arbe Photography, by Erick Arbe====*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: none; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
a img { border: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.clear { clear: both; }
a{text-decoration: none; color: #FF3399;}

@font-face {font-family: "CC Icons"; src: url("fonts/cc-icons.svz#cc") format("svg"), url("fonts/cc-icons.ttz") format("truetype");}

/*====Basic Stuff====*/
* {margin: 0;}

body {font: normal 12px/19px Trebuchet MS, Verdana, sans-serif; background: #D2D2D2 url(../img/bg.jpg) repeat-y top center;}
div.wrapper {min-height: 700px; margin: 0 auto; width: 960px;}

h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/*====Header====*/
#header {margin: 10px auto 0px auto; width: 960px; height: 230px;}
#header h1 {display: block; width: 460px; height: 192px; text-indent: -9999px; margin: 0 auto; background: url(../img/logo.jpg) no-repeat center center;}

/*====Navigation====*/
.nav, .nav * { list-style: none; margin-left: 0; }
.nav {width: 500px; height: 30px; line-height: 18px; margin: 15px auto 0px auto;}
.nav ul {text-align: center;}
.nav ul li {display: inline; padding: 0px 10px;}
.nav ul li a {color: #ff3399; text-decoration: none; font-size: 18px;}
.nav ul li a:hover {color: #252525;}

/*====Body Stuff====*/
#slide, #contact-page {padding-bottom: 50px;/* match footer height */ overflow: hidden;}

/*====Home Page Slider====*/
#slide {width:750px; margin: 0 auto; position: relative; display: block; height: 350px;}

.carousel {overflow: hidden;}
.carousel .inner {}
.carousel .middle { overflow: hidden;}

#photo {width: 750px; height: 290px; position: absolute; top: 50px; }

#photo .middle {float: left;width: 750px;height: 230px;}

#photo .inner img {float: left;}
#photo .inner a img:hover {opacity: 0.9;}


#photo a.next {position: absolute; bottom: 0px; right: 304px; text-indent: -9999px; display: block; width: 60px; height: 49px; background: url(../img/arrow-right.jpg) no-repeat bottom center;}
#photo a.next:hover {background: url(../img/arrow-right.jpg) no-repeat top center; }

#photo a.prev {position: absolute; bottom: 0px; left: 304px; text-indent: -9999px; display: block; width: 60px; height: 49px; background: url(../img/arrow-left.jpg) no-repeat bottom center;}
#photo a.prev:hover {background: url(../img/arrow-left.jpg) no-repeat top center; }


div#fade-left {display: block; width:32px; height: 326px; position: absolute; top:0px; left: 0px; z-index: 100;}
div#fade-right {display: block; width:32px; height: 326px; position: absolute; top:0px; right: 0px; z-index: 100;}

/*====Contact Page====*/
#contact {margin: 15px 0px 0px 0px; width: 720px; float:left;}
label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; }
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; font-size: 15px; font-family: Cochin, Georgia, Serif;}

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(../img/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#success_page {width: 720px; margin: 15px 0px 0px 0px; height: 600px;}
#success_page h1 { background: url(../img/success.gif) left no-repeat; padding-left:22px; }

/*==Vcard==*/
dl.vcard {width: 210px; float: right; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; margin-top: 35px; padding: 5px;}
dt.fn {font-size: 16px; color: #FF3399; margin-bottom: 10px; border-bottom: 1px solid #999;}
.vcard ul li {list-style-type: none; margin: 0px 0px 5px 0px;}
.vcard a {color: #000000;}

#contact-page .aside {width:210px; padding: 5px;}

/*====Pricing Page====*/
#pricing-page {width:650px; margin: 15px 0px; padding: 10px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; float: left; }
h2 {font-size: 20px;}

/*====Portfolio====*/
#portfolio {width: 850px; margin: 20px auto;}

#port {border: 1px solid #FF3399;width: 818px;height: 550px; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius:5px;}

#port .middle {height: 550px;}

#port .slide {width: 820px;height: 550px;padding: 0px;float: left;}

.slide img {float: left; margin: 0px 45px 24px 0px; border: 1px solid #999;}
.slide img.last{ margin: 0px 0px 24px 0px; }
.slide img.bottom {margin: 0px 45px 0px 0px;}
.slide img.br {margin: 0px;}

.controls {width: 135px; margin: 0px auto 10px auto;}

.controls a.next {text-indent: -9999px; display: block; width: 60px; height: 49px; background: url(../img/arrow-right.jpg) no-repeat bottom center;}
.controls a.next:hover {background: url(../img/arrow-right.jpg) no-repeat top center; }

.controls a.prev {text-indent: -9999px; display: block; width: 60px; height: 49px; background: url(../img/arrow-left.jpg) no-repeat bottom center;}
.controls a.prev:hover {background: url(../img/arrow-left.jpg) no-repeat top center; }

#tab-3 .controls a {font-weight: bold;}

/*====Aside====*/
.aside {width: 230px; padding: 10px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; float: right; margin: 15px 0px;}
.aside h3 {border-bottom: 1px solid #EEE;}
.aside ul li {list-style-type: none; margin: 0px 0px 25px 0px; padding: 3px 0px 0px 25px; background: url(../img/quote.png) no-repeat top left; overflow: hidden;}
.aside ul { }
.aside span.person {font-style:italic; font-weight: bold; clear: both; float:right;}

/*====Footer====*/
#footer {
	width: 960px; 
	display: block;
	height: 50px;           /* set the footer height */
	margin: 0px auto 0px auto;}
div.copyright {text-align: center; font-size: 12px;}