/* Author: Rowan Richardson - Roweena Web Design 
- DEFAULT STYLESHEET 
Red: #CC3333
*/


/* Erik Meyer Global Reset @ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, form {
margin: 0;
padding: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	color:#333;
	background-color: #fff;

}

/* Layout */

#wrapper {
	width: 1050px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url(../images/middle.gif) top repeat-y;
	padding: 0;
}

#innerWrapper {
	background: url(../images/header.gif) top no-repeat;
	border-top: 1px solid #fff; 
}

#header  {
	padding: 45px 0 0 120px;
	height: 65px;
}

#header  img{
	border: 0;
}

#content  {	
	margin: 0 0 0 110px;
	text-align: left;
	width: 775px;
	padding: 10px 0 0 0;
}


#bottom  {	
	background: url(../images/footer.gif) bottom no-repeat;
	width: 1050px;
	height: 80px;
	clear:both;
}

#footer{
	width: 100%;
	height: 20px;
	margin: 0 auto;
	background-color: #fff;
	margin: -15px 0 15px 0;
	text-align: center;
 	font-size: 80%;
	position:relative;
	z-index: 10;
}

#footer p {
	margin: 0 20px 0 0;
}

#footerBlog {
	width: 100%;
	height: 20px;
	margin: 0 auto;
	background-color: #fff;
	margin: -15px 0 15px 0;
	text-align: center;
 	font-size: 90%;
	position:relative;
	z-index: 10;
}

/* Navigation */
#navigation {
		font-size: 120%;
		position: absolute;
		top: 65px;
		left: 465px;
		width: 530px;

}
#navigation ul{
	text-align: left;
	width: 530px;
}

#navigation li {
	display: inline;
	list-style-image: none;
}

#navigation a {
	color: #c33;
	text-decoration: none;
	padding: 0 12px 10px 12px;
	display:block;
	float:left;
	text-align:center;

}

#navigation a:hover  {
	color: #ccc;
	background: url(../images/nav-arrow2.gif) bottom no-repeat;
}

#navigation a.current {
	background: url(../images/nav-arrow.gif) bottom no-repeat;
	color: #666;
}

/* Home page layout */
#topBox {
	width: 760px;
	margin: 0 0 0 0;
	height: 310px;
	background: url(../images/box.gif);
	position: relative;

}

#imgRotate {
	position: absolute;
	left: 10px;
	top: 42px
}

#navScroll {
	position: absolute;
	top: 240px;
	left: 590px;
}

#next2 {
	color: #999;
	font-size: 100%;
	padding: 0 12px 2px 0;
	background:url(../images/arrow-right.gif) right no-repeat;

}

#prev2 {
	color: #999;
	font-size: 100%;
	margin: 0 20px 0 0;
	padding: 0 0 2px 12px;
	background:url(../images/arrow-left.gif) left no-repeat;
}

#topBox img {
	 border: 1px solid #ccc;
}


/*#output {
	position: absolute;
	left: 520px;
	top: 60px;
	width: 210px;
	height: 140px;
	padding: 7px;
	text-align: center;
	line-height: 120%;
	font-size: 110%;
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif
} */

#output2 {
	position: absolute;
	left: 540px;
	top: 35px;
	width: 210px;
	height: 140px;
	padding: 7px;
	text-align: center;
	line-height: 120%;
	font-size: 110%;
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif
}


#output2 p {
	width: 201px;
	height: 141px;
	padding: 90px 0 0 3px;
	background: url(../images/circle.gif) left no-repeat;
}

#leftBoxHome, #midBoxHome {
	float: left;
	width: 245px;
	height: 260px;
	padding: 15px 20px 0 0; 
	background: url(../images/boxSmall.gif) left no-repeat;
}

#rightBoxHome {
	float: left;	
	width: 245px;
	height: 260px;
	padding: 15px 0 0 0; 
	background: url(../images/boxSmall.gif)  left no-repeat;
	position: relative;

}

#rightBoxHome li a{
	font-weight: normal;
}



/* ------------------------------  */

#leftMain {
	float: left;
	width: 410px;
	padding: 0;
	text-align:left;
	padding: 20px 0 0 10px
}

#rightMain {
	float: right;
	width: 270px;
	padding: 22px 15px 0 30px;
	border-left: 1px solid #ccc;
}

#rightMain img, #rightNarrow img {
	border: none;
}

#rightNarrow {
	float: right;
	width: 240px;
	padding: 22px 15px 0 0;
}

#footer a {
	font-weight: normal
}


#available  {
	background: url(../images/circle.gif) left no-repeat;
	height: 150px;
	width: 210px;
	float: right;
	padding: 22px 55px 0 0;
}

#available h2 {
	text-align: center;
	padding: 40px 10px 0 0
}

#available p {
	text-align: center;
	padding: 0 10px 0 0
}

/* Portfolio pages */

#leftPortfolio {
	float: left;
	width: 360px;
	padding: 0;
	text-align:left;
	padding: 20px 0 0 10px
}

#rightPortfolio {
	float: right;
	width: 360px;
	padding: 5px 15px 0 0;
}

#leftPortfolio img, #rightPortfolio img{
	border: 2px solid #ccc;
	margin: 15px 0 15px 0;
}

.portfolioBox {
	border-bottom: 1px dotted #ccc;
	width: 360px;

}

.portfolioBox  p {
	padding: 0 5px 7px 5px;
}

.arrowRed {
    background: url(../images/arrow-right-red.gif) no-repeat right;
	padding: 0 10px 0 0 
}

#flyers {
	clear: both;
	margin: 40px 0 0 0;
}

#flyers img{
	margin: 0 0 0 10px;
}

#leftPortfolio .logoBox img {
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 30px 40px;
}
#rightPortfolio .logoBox img  {
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 30px 20px;
}

#rightPortfolio .logoBox {
	text-align: center;
}

.h2-print {
	font-size: 110%;
	padding: 20px 0 0 0;
	margin: 20px 10px 30px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	text-transform:uppercase;
}

#business-cards img {
	margin: 0 20px 20px 0;
	border: 1px solid #ccc
}

#left-bc-box {
	float: left;
	width: 545px;
	margin: 0 0 0 10px 
}

#right-bc-box {
	float: left;
	width: 205px;
}

#print-button {
	float: right;
	margin: -20px 10px 0 0;
	width: 200px;
	text-align: right;
}
/* Formatting */

h1 {
	padding: 20px 0 0 0;
	color: #868586;
	font-size: 1.5em;
	font-weight: normal;
}

h2 {
	font-size: 120%;
	color: #868586;
	padding: 0 0 15px 0
}


h3 {
	font-size: 110%;
	color: #868586;
	padding-bottom: 10px;
}

h1.h1Home {
	padding-left:  10px;
}

#leftBoxHome h2, #midBoxHome h2, #rightBoxHome h2{
	font-size: 130%;
	padding: 5px 0 10px 15px;
	color: #c33
}

#leftBoxHome p, #midBoxHome p, #rightBoxHome p{
		padding: 0 15px 10px 15px;
}

#leftBoxHome ul, #midBoxHome ul{
		padding: 0 15px 10px 15px;
}

#rightBoxHome ul{
		padding: 0 15px 10px 0;
}
#rightBoxHome li{
		list-style: none;
}

.date {
	font-size: 85%;
	margin: 0 0 0 -15px
}


a {
	outline: none; 
	text-decoration: none;
	font-weight: bold;
	color: #c33
}

a:hover  {
	text-decoration:none;
	font-weight: bold;
	color: #666

}
.formLabel {
}

a.arrow {
	padding-right: 10px;
    background: url(../images/arrow2.gif) no-repeat right;
	padding-bottom: 2px;
 
}

a.external {
		padding-right: 15px;
		background: url(../images/externalLink.gif) no-repeat right;
}

a.pdf {
	background: url(../images/pdficon_small.gif) no-repeat left;
	padding-left: 20px;
	padding-top: 2px;
}


.small {
	font-size: 95%;
}

a.contact {
	background: url(../images/iconContact.gif) no-repeat left;
	padding: 5px 0 5px 30px;
	font-size: 120%;
	color: #b0b0b0;
		display: block;
}

a.contactSml {
	background: url(../images/iconContactSml.gif) no-repeat left;
	padding: 5px 0 5px  23px;
	font-size: 100%;
	color: #666;
	font-weight: normal;
		display: block;
}

a.work {
	background: url(../images/iconWork.gif) no-repeat left;
	padding: 5px 0 5px 30px;
	font-size: 120%;
	color: #b0b0b0;
		display: block;
}

a.blog2 {
	background: url(../images/icon-Blog2.gif) no-repeat left;
	padding: 5px 0 5px  31px;
	font-size: 120%;
	color: #b0b0b0;
		display: block;
}

.phone {
	background: url(../images/iconPhone.gif) no-repeat left;
	padding: 5px 0 5px  23px;
	font-size: 120%;
	color: #666;
	display: block;
}

li {

	margin: 0 0 0 15px;
	list-style-image:url(../images/bullet.gif);
	padding: 1px 0 1px 0;
}

.anchorArrow {
	font-weight: normal; 
	font-size: 115%; 
	font-weight: bold
}

.subText {
	width: 250px;
	display: block;
	margin-left: 30px;
}


a#subscribe {
	position: absolute;
	top: 20px;
	left: 190px;
	background: url(/images/rss-home.gif) right top no-repeat;
	padding: 0 0 3px 22px;
	border: none;
}

a#subscribe img {
	border: none;
	height: 17px;
	width: 17px
}
.valid img {
	border: 0
}




.socialNetworks img {
	margin: 0 10px 0 0;
}

.socialNetworksHome  {
	position: absolute;
	top: 218px;
	left: 10px;

}

.socialNetworksHome img {
	margin: 0 5px 0 0;
	border: none;
}

.socialNetworksHome span {
	display: block;
}

.socialNetworksHome a {
	color: #fff;
}

.floatLeft {
 float: left; 
 margin: 0 20px 0 0
}

  .galleria{list-style:none;width:250px; margin: 30px 0 0 0}
.galleria li{display:block;width:70px;height:70px;overflow:hidden;float:left;margin:0 9px 9px 0; border: 1px solid #ccc }
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:100px;left:380px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block; float: right;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.caption{color:#888;position:absolute;top:470px;left:80px;width:200px;}


* html .galleria li div span{width:400px} /* MSIE bug */

.galleria_container { float: right; margin: 0 0 0 0; width: 500px; text-align: center}
.galleria_wrapper { display: none }