/* CSS Document */

/*------------- Reset -------------*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/*------------- General -------------*/

br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

html {
	background: url(../images/tile.png) top #d9ec57;
}

body {
	font-family:Georgia, Times, serif;
	font-size:10px;
	line-height:20px;
	color:#1c1c1c;
}

.clear {
	clear:both;
}

p.screen-reader {
	position: absolute;
	top:-1000em;
	left:-100000em;
}

/*------------- Typography -------------*/

h1 {
	font-size:1.8em;
	margin-bottom:20px;
}

h2 {
	font-size:1.8em;
	padding-bottom: 10px;
	margin-bottom:10px;
}

h3,p {
	font-size:1.4em;
	margin-bottom:20px;
}

li {
	font-size:1.4em;
}

ul {
	margin-bottom:20px;
}

a {
	color:#1098ff;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.home h1, .gallery h1, .contact h1, #pageName {
	font-size:4em;
	margin-bottom:20px;
	color:#ff3c5f;
	line-height:40px;
	letter-spacing:-2px;
}

/*------------- Layout -------------*/

#wrapper {
	width:960px;
	margin:auto;
}

#header {
	width:900px;
	margin:auto;
	padding: 10px 30px 30px 30px;
}

#logo {
	font-size:2.8em;
	width:450px;
	float:left;
	text-align:center;
	padding: 10px 0 0 0;
}

#logo a{
	color:#1c1c1c;
}

#logo a:hover{
	color:#1098ff;
	text-decoration:underline;
}

/*------------- Navigation -------------*/

#navigation {
	font-size:1.4em;
}

#navigation a{
	float:left;
	padding:10px 10px 20px 10px;
	margin:0 0 0 10px;
}

ul#navigation li{
	float:left;
}

#navigation li.current a{
	background:url(../images/nav-tab-bg.jpg) #faffda;
}

/*------------- Content -------------*/

#content {
	width:900px;
	margin:auto;
	background:#faffda;
}

#contentBottom{
	height:20px;
	width:900px;
	margin:auto;
	background:url(../images/content-bg-bottom.gif);
}

#contentBottomLeft {
	height:121px;
	width:30px;
	background:url(../images/content-bg-left.gif);
	float:left;
	margin-right:30px;
	position:relative;
	top:-239px;
}

#content.home {
	background:url(../images/content-home-bg-slice.jpg) repeat;
}

#content.normal {
	background:url(../images/content-normal-bg-slice.jpg) repeat;
}

#contentWide {
	width:840px;
	padding:30px;
}

#contentRight {
	width:389px;
	padding:30px;
	float:left;
}

#contentLeft {
	width:390px;
	padding:30px;
	float:left;
}

#contentRight {
	width:389px;
	padding:30px;
	float:left;
}

#contentRight.home {
	color:#ffffff;
	background:url(../images/content-home-right-bg.jpg) no-repeat;
}

.homePhotoLeft {
	position:relative;
	left: -40px;
	top: -40px;
}

.homeTextLeft {
	position:relative;
	top: -60px;
}

.homeTextLeftLast {
	position:relative;
	top:-60px;
	margin-bottom:-50px;
} 

a#hireMe {
	display:block;
	width: 310px;
	height: 100px;
	background-image: url(../images/button-hire-me.jpg);
	text-indent:-9999px;
	position:relative;
	right: -139px;
	top: -20px;
}

a#prices {
	display:block;
	width: 310px;
	height: 100px;
	background-image: url(../images/button-prices.jpg);
	text-indent:-9999px;
	position:relative;
	right: -139px;
	top: -20px;
	margin-bottom:60px;
}

#recentNews {
	width: 390px;
	position:relative;
	top: 120px;
}

#recentNews ul li{
	width:110px;
	float:left;
	margin-right:20px;
}
/*------------- Gallery -------------*/

#galleryText {
	margin-bottom:50px;
}

#galleryLeft {
	width:400px;
	padding:30px;
	float:left;
}

#galleryRight {
	width:390px;
	padding:30px;
	padding-left:20px;
	float:left;
}

#galleryLeftThumbs {
	padding-top:10px;
}

.gallery-index #galleryLeftThumbs {
	padding-top:40px;
}

#galleryLeftThumbs, #galleryRightThumbs {
	line-height:0;
}

#galleryLeftThumbs ul, #galleryRightThumbs ul{
	margin:0;
}

#galleryLeftThumbs ul li {
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

#galleryRightThumbs ul li{
	display:block;
	float:left;
	margin:0 0 10px 10px;
}

#galleryLeftThumbs ul li a img, #galleryRightThumbs ul li a img{
	padding: 9px;
	background:#fff;
	border:1px solid #dedede;
}

#galleryLeftThumbs ul li a img:hover, #galleryRightThumbs ul li a img:hover{
	border:1px solid #bbbbbb;
}

/*------------- Prices -------------*/

#content.prices {
	width:900px;
	background:url(../images/content-prices-bg.jpg) top no-repeat #000000;

}

#package1, #package2, #package3 {
	width:198px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	padding:30px;
	background:#faffda;
	border:1px solid #dedede;
}

#package1 li, #package2 li, #package3 li {
	margin-bottom:10px;
}

#package1 a, #package2 a, #package3 a {
	display:block;
	padding: 10px;
	border:1px solid #dedede;
	text-align:center;
	background:#fff;
	margin-bottom:-20px;
	font-size:1.2em;
}
#package1 a:hover, #package2 a:hover, #package3 a:hover {
	border:1px solid #bbbbbb;
}

#package3 {
	margin-right:0;
}

.last {
	margin-bottom:10px;
}

#content.prices .last {
	color:#fff;
}


#content.prices h2 {
	font-size:2.2em;
	border-bottom: #d9ec57 1px solid;
	line-height:30px;
}

/*------------- Contact -------------*/

#businessCard {
	margin-top:80px;
	padding:120px 20px 20px 20px;
	background:#000 url(../images/business-card-top.jpg) top no-repeat;
	text-align:right;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#businessCard h2 {
	border-bottom: none;
}

#businessCard p {
	margin-bottom:0;
}

#businessCardBottom {
	background: url(../images/business-card-bottom.jpg) top no-repeat;
	height: 10px;
}


/*------------- Footer -------------*/

#footer {
	width:900px;
	padding:30px 60px 10px 0;
}

#footer h2 {
	border-bottom: #b3c24b 1px solid;
}

#footer li{
	font-size:1.2em;
}

#footer li.current a{
	color:#1C1C1C;
}

#footer p {
	margin-left:60px;
	font-size:1em;
}

#footerContact, #footerPages {
	width:260px;
	float:left;
	margin-right:30px;
}

#footerSubscribe {
	width:260px;
	float:left;
}

#footerPages li, #footerSubscribe li {
	display:block;
	float:left;
	margin-right:10px;
}

#credit {
	text-align:right;
	color:#b3c24b;
}

#credit a{
	color:#b3c24b;
}