/** CSS RESET **/

html, body, div, span, applet, object, iframe,
h1, h2, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
iframe {
	border:0 !important;
	background: transparent;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a, a:hover, a:visited {
	text-decoration:none;
}
a img, a:hover img, a:visited img {
	border:none;
}

.clear {
	width: 100%;
    height: 1px;
    margin: 0 0 -1px !important;
    clear: both;
}

::-moz-selection {
	background:#99EECA;
	color:#F7F7F7;
}
::selection {
	background:#99EECA;
	color:#F7F7F7;
}

body {
	background:url(../images/bgLight.gif) #F5F5F5;
	color:#333;
	font-family:'Droid Sans', Arial, sans-serif;
	font-size:12px;
	height:100%;
	margin-left:20px;
}

html {
	height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family:'PT Sans Narrow', Tahoma, sans-serif;
}

#wrapper {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    min-height: 100%;
    width: 940px;	
}

/** LEFT COLUMN **/

#leftCol {
	padding-top:70px;
	width:150px;
	float:left;
	margin-right:110px;
	text-align:right;
}

/** MENU **/

#menuList {
	clear:right;
}

#menuList li {
	margin-bottom:10px;
}

#menuList a {
	color:#333;
	background:transparent;
	padding:0 5px;
	margin:0 -5px;
}

#menuList ul {
	padding-top:5px;
	margin-bottom:15px;
}

#menuList ul li {
	font-size:11px;
}

#menuList ul a {
	color:#999;
}

a.selected { 
	color:#375aaa!important;
	/*background:url(../images/selected.png) repeat-x left 7px transparent !important;*/
}

a.selected:before {
  content:  "\> ";
}

a.portfolioSelected {
	color:#375aaa!important;
}

a.disabled {
	color:#333 !important;
	background:url(../images/disabled.png) repeat-x left 7px transparent !important;
}

#menuList ul a.selected {
	background-position:left 6px !important;
}

#menuList a:hover {
	color:#375aaa;
	background: transparent;
}

/** LOGO & FOOTER **/

.logo {
	float:right;
	margin:0 -25px 60px 0;
}

.footerText {
	color:#BBB;
	background:transparent;
	font-size:10px;
	line-height:18px;
}

a.nextButton {
	display:block;
	float:left;
	width:11px;
	height:7px;
	text-indent:-9999px;
	background:url(../images/most.png) no-repeat 0 0;
	margin-left:10px;
}

a.prevButton {
	display:block;
	float:left;
	width:11px;
	height:7px;
	text-indent:-9999px;
	background:url(../images/most.png) no-repeat 0 -7px;
}

a.nextButton:hover {
	background:url(../images/most.png) no-repeat -11px 0;
}

a.prevButton:hover {
	background:url(../images/most.png) no-repeat -11px -7px;
}

/** SIDEBAR **/
.sidebar {
	margin-top:30px;
}

.sidebar div {
	width:135px;
	float:right;
	font-size:11px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:left;
	overflow:hidden;
}

.sidebar h3, .searchBox form {
	color: #555555;
	font-family: 'Droid Sans';
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width: 125px;
	height:16px;
	margin-bottom:5px;
	padding:6px 0 0 10px;
	font-style:italic;
}

.sidebar a, .sidebar span {
	color:#777;
}

.searchBox {
	height:22px;
}

.searchShadow {
	-moz-box-shadow: 0px 0px 3px #4FDBA3; 
	-webkit-box-shadow: 0px 0px 3px #4FDBA3; 
	box-shadow: 0px 0px 3px #4FDBA3; 
}

.searchBox form {
	background:url(../images/most.png) no-repeat 109px -198px #EEE;
	padding-top:4px;
	padding-bottom:2px;
}

.newsletter form {
	width:295px;
	background:url(../images/most.png) no-repeat 279px -110px #EEE;
	margin-top:10px;
}

.searchBox input {
	border:none;
	background:transparent;
	color: #555555;
	font-family: 'Droid Sans';
	font-size: 11px;
	font-weight: normal;
	font-style:italic;
	width:99px;
}

.newsletter input {
	width:265px;
}

.postsBox h3 {
	background:url(../images/most.png) no-repeat 109px -176px #EEE;
}

.postsBox li {
	margin:10px 0 0 10px;
	background:url(../images/most.png) no-repeat 0px -309px;
	padding-top:10px;
}

.postsBox li:first-child {
	background:transparent;
	padding-top:0px;
}

.postsBox p {
	margin-bottom:10px;
	line-height:16px;
	font-style:normal;
}

.postsBox span {
	font-size:10px;
	font-style:italic;
}

.categoriesBox h3 {
	background:url(../images/most.png) no-repeat 109px -154px #EEE;
}

.categoriesBox li {
	margin:10px 0 0 10px;
	padding-bottom:2px;
	font-style:normal;
}

.photosBox h3 {
	background:url(../images/most.png) no-repeat 109px -132px #EEE;
}

.photosBox li {
	float:left;
	margin:0;
	padding:0;
}

.photosBox ul {
	width:160px;
}

.photosBox li img {
	width:65px;
	height:65px;
	margin:0 5px 3px 0;
	padding:0;
}

/** RIGHT COLUMN **/

#rightCol {
	position:relative;
	width:640px;
	float:left;
	padding-top:70px;
}

#footer {
	position: relative;
	margin-top: -10px; /* negative value of footer height */
	height: 10px;
	clear:both;
	background:#D8D8D8;
	width:640px;
	margin-left:300px;
}

/** SLIDER **/

.slider {
	margin-left:30px;
	height:379px;
	position:relative;
	margin-bottom:-25px;
}

.sliderBack {
	position:absolute;
	top:-55px;
	left:0;
	width:640px;
	height:379px;
	background:url(../images/slider.png) no-repeat top right;
	z-index:999;
}

.sliderContent {
	color:#555;
	width:155px;
	position:absolute;
	top:105px;
	right:25px;
}

.slider h1 {
	color:#555;
	margin-bottom:20px;
}

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

.sliderNavigation {
	position:absolute;
	bottom:35px;
	left:285px;
}

.sliderContent li {
	opacity:0;
	filter: alpha(opacity = 0);
	position:absolute;
	top:0;
	left:0;
	width:155px;
}

.miniSlideshow {
	height:135px;
	width:135px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}

/** TWITTER WIDGET **/
.twitter {
	margin-left:30px;
	width:580px;
	height:52px;
	margin-bottom:30px;
	background:url(../images/twitter.png) no-repeat 0 0;
	padding:12px 0 0 57px;
	position:relative;
	font-style:italic;
	clear:both;
}

.twitter a, .twitter a:hover {
	color:#4FDBA3;
}

.color9 {
	color:#888;
}
.color9 a {
	color:#888;
}

/** PORTFOLIO LIST **/

.folioList {
	width:644px;
	margin-left:-1px;
}

.folioList ul {
	overflow:auto;
}

.folioList li {
	float:left;
	width:213px;
	height:113px;
	margin:0 0 1px 1px;
	display:block;
	position:relative;
	cursor:pointer;
}

.folioList li img {
	position:relative;
	background:transparent;
}

.folioComment {
	position:absolute;
	top:0;
	left:0;
	background:#375aaa;
	width:200px;
	height:42px;
	opacity:0;
	filter: alpha(opacity = 0);
	padding:71px 0 0 13px;
	z-index:0;
}

.folioList a {
	position:absolute;
	z-index:2;
}

.folioComment p {
	color:#ffffff;
	font-weight: bold;
}

.folioComment h2 {
	font-family:'Droid Sans', sans-serif;
	color:#F7F7F7;
	font-size:14px;
	margin-top:5px;
}

.folioText {
	clear:left;
	font-style:italic;
	font-size:11px;
	color:#5c3822;
	padding:20px 5px 0 0;
	margin-bottom:20px;
}

.rightFloatingNavigation {
	float:right;
	margin-top:-18px;
	z-index:999px;
	width:32px;
}

.rightFloatingNavigation a {
	margin-top:8px;
}

.folioText p {
	margin-right:67px;
	text-align:right;
	line-height:11px !important;
}

.rightFloatingNavigation img {
	float:left;
	margin-left:-20px;
}

.folioButton {
	margin-top:-9px;
	padding-bottom:8px;
}

.folioSeparator {
	margin-top:-18px;
}

/* BLOG LIST */

.blogList li {
	position:relative;
	margin-bottom:26px;
}

.blogList img.postImage {
	float:left;
	padding-right:15px;
} 

.postCommentSmall {
	padding:0 4px;
}

.blogList h2 {
	padding-top:3px;
	font-size:16px;
}

.blogList p {
	line-height:19px;
}

.blogListDate {
	width:30px;
	height:28px;
	position:absolute;
	top:5px;
	left:-5px;
	background:#2BCE8C;
	color:#EEE;
	font-size:11px;
	line-height:13px !important;
	text-align:center;
	padding-top:3px;
}

.folioText.blog {
	padding:0;
	margin-bottom:30px;
}

/* PAGE CONTENT */

a {
	color:#333;
	background:transparent;
}

a:hover {
	color:#375aaa;
	background:transparent;
}

a.visitLink {
	color:#375aaa;
	background:transparent;
}

a.readMore {
	line-height:30px;
}

h1 {
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:-2px;
	color:#333;
}

hr {
	background-color: #DDD;
	background-position: center bottom;
	background-repeat: repeat-x;
	border: medium none #2E2E2E;
	height: 1px;
	margin: 7px 0 15px 0;
	width:640px;
}

.headingContent {
	clear:both;
}

.headingContent span {
	float:right;
	margin-top:-10px;
	color:#999;
	background:transparent;
}

.headingContent span a {
	font-family:'Droid Sans', Arial, sans-serif;
	font-style:italic;
	font-size:12px;
	color:#999;
	background:transparent;
}

.headingContent.normal span a {
	font-style:normal;
}

span a:hover {
	color:#375aaa;
	background:transparent;
}

.splashImage {
	padding:0px;
	margin-bottom:13px;
}

.tagline h2 {
	font-size:27px !important;
	font-weight:400 !important;
}

.tagline span {
	color:#375aaa;
}

.tagline {
	width:600px;
	text-align:center;
	margin-left:50px;
	line-height:40px;
	margin-bottom:30px;
	clear:both;
}

h2 img {
	float:left;
	margin-top:-2px;
	margin-right:10px;
}

.info {
	font-size:11px;
	color:#888;
	line-height:30px;
}

.info a {
	color:#888;
}

.title {
	color:#333;
	font-size:14px !important;
	font-weight:normal;
	margin-bottom:5px;
}

/** COLUMNS(GRID) **/

.columnContent {
	width:670px;
	margin-left:-30px;
	margin-top:0px;
}

.column1, .column1-2, .column1-3, .column2-3, .column1-4, blockquote {
	float:left;
	margin-bottom:30px;
	margin-left:30px;
}

.lessMargin {
	margin-bottom:20px;
}

.columnContent p {
	line-height:19px;
}

.columnContent h2 {
	font-size:18px;
	font-weight:bold;
	color:#5c3822;
	margin-bottom:10px;
}

.columnContent h3 {
	font-size:16px;
	font-weight:normal;
}

.column1 {
	width:640px;
}

.column1-2 {
	width:305px;
}

.column1-3 {
	width:193px;
}

.column2-3 {
	width:386px;
}

.column1-4 {
	width:130px;
}

.noMargin {
	margin-bottom:0px !important;
}

/** QUOTES **/

blockquote {
	background:url(../images/quotes.png) no-repeat -59px 0;
	min-height:45px;
	padding:13px 20px 0 13px;
}

blockquote p {
	font-size:14px;
	font-style:italic;
	line-height:26px !important;
	color:#5c3822;
}

blockquote span {
	margin:20px 20px 0 0;
	color:#999;
	float:right;
}

blockquote.small {
	background:url(../images/quotes.png) no-repeat 0 -46px;
	min-height:31px;
	padding:9px 20px 0 9px;
	margin-left:0;
	margin-bottom:0;
}

blockquote.small p {
	font-size:12px;
	line-height:20px !important;
	color:#333;
}

blockquote.small span {
	color:#999;
	margin:15px 46px 0 0;
}

blockquote.small img {
	margin-top:25px;
}

#testimonialsRotator .folioSeparator {
	margin-top:-20px;
}

#testimonialsRotator .folioButton {
	margin-top:-10px;
}

#testimonialsRotator blockquote {
	display:none;
}

#testimonialsRotator blockquote:first-child {
	display:inline;
}

/** LIST ITEMS **/

.contentList li {
	padding-left:13px;
	padding-top:1px;
	margin-bottom:10px;
}
.contentList.circle li {
	background:url(../images/most.png) no-repeat -8px -42px;
}

.contentList.disc li {
	background:url(../images/most.png) no-repeat -8px -56px;
}

.contentList.square li {
	background:url(../images/most.png) no-repeat -8px -70px;
}

.contentList.arrow li {
	background:url(../images/most.png) no-repeat -8px -85px;
}

/** DROP CAPS **/

.dropcap {
	font-family:'PT Sans Narrow', Arial, sans-serif;
	font-size:36px;
	float:left;
	padding-top:5px;
	margin-right:10px;
	margin-top:3px;
}

.dropcap.circle {
	background:url(../images/most.png) no-repeat -24px 1px;
	color:#F7F7F7;
	font-size:24px;
	padding:7px 10px;
}

.dropcap.square {
	background:url(../images/most.png) no-repeat -55px 1px;
	font-size:24px;
	padding:7px 10px 7px 9px;
}

/** PRE, HIGHLIGHTS & BOXES **/

pre {
	font-family:'Lucida Console', monospace;
	padding:10px;
	color:#F7F7F7;
	background:#444;
}

img.frame {
	border:5px solid #F7F7F7;
}

span.highlighted {
	background:#4FDBA3;
	color:#F7F7F7;
	padding:1px 2px;
	margin:-1px;
}

.box {
	margin:0 !important;
	background:#EEE;
}

.box h3 {
	background:#DDD;
	padding:10px;
	text-align:center;
	margin:0;
	font-size:14px;
	font-weight:normal;
}

.box p {
	padding:10px;
}

.boxAction {
	margin:0 !important;
	background:#222222;
	width:305px;
	height:36px;
	padding:5px;
	position:relative;
}

.boxAction img {
	width:86px;
	position:absolute;
	left:50%;
	margin-left:-43px;
	text-align:center;
}

.hidden {
	display:none;
}

/* IMAGES */
.leftImage {
	float:left;
	padding-right:20px;
}

.leftImage p, .rightImage p {
	margin-top:5px;
	text-align:center;
	font-style:italic;
}

.rightImage {
	float:right;
	padding-left:20px;
}

/* CONTACT(COMMENT) FORM */

.form {
	overflow:auto;
}

.form label {
	float:left;
	width:200px;
	margin-bottom:5px;
	padding-left:5px;
	color:#333;
}

.form input, .form textarea {
	float:left;
	margin-bottom:10px;
	width:405px;
	font-family:'Droid Sans', Arial, sans-serif;
	font-size:12px;
	background:url(../images/formBack.png) transparent;
	padding:5px;
	border:none;
	color:#333;
}

.form textarea {
	resize: none;
	overflow:auto;
}

.form {
	padding:10px;
	margin-bottom:5px;
}

#contactForm {
	background:transparent;
}

#submitButton {
	margin:10px 0 0 0px;
	width:auto !important;
	background:none !important;
	color:#4FDBA3 !important;
	cursor:pointer;
	float:right;
}

#contactForm div {
	margin-top:-20px;
	margin-bottom:40px;
}

#contactForm div li {
	margin-left:15px;
	margin-bottom:10px;
	list-style-type:disc;
}

.formError {
	-moz-box-shadow: 0px 0px 3px #DB4F4F; 
	-webkit-box-shadow: 0px 0px 3px #DB4F4F; 
	box-shadow: 0px 0px 3px #DB4F4F; 
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#DB4F4F')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#DB4F4F'); 
}

#formMessage h2 {
	color:#5c3822;
	font-size:18px;
	font-weight:bold;
	margin:20px 0 10px 0;
}

#formMessage p {
	line-height:19px;
}

/** SOCIAL ICONS **/

.socialIcons li {
	float:left;
	margin-right:8px;
}

.socialIcons li a {
	margin:0;
	padding:0;
	width:24px;
	height:24px;
	text-indent:-99999px;
	display:block;
}

#dribbble a {
	background:url(../images/socials.png) no-repeat 0 -24px;
}

#vimeo a {
	background:url(../images/socials.png) no-repeat -24px -24px;
}

#twitter a {
	background:url(../images/socials.png) no-repeat -48px -24px;
}

#tumblr a {
	background:url(../images/socials.png) no-repeat -72px -24px;
}

#linkedin a {
	background:url(../images/socials.png) no-repeat -96px -24px;
}

#flickr a {
	background:url(../images/socials.png) no-repeat -120px -24px;
}

#dribbble a:hover {
	background:url(../images/socials.png) no-repeat 0 0;
}

#vimeo a:hover {
	background:url(../images/socials.png) no-repeat -24px 0;
}

#twitter a:hover {
	background:url(../images/socials.png) no-repeat -48px 0;
}

#tumblr a:hover {
	background:url(../images/socials.png) no-repeat -72px 0;
}

#linkedin a:hover {
	background:url(../images/socials.png) no-repeat -96px 0;
}

#flickr a:hover {
	background:url(../images/socials.png) no-repeat -120px 0;
}

/** COMMENTS LIST **/

.commentList {
	line-height:19px;
	overflow:auto;
}

.commentList li {
	float:left;
	margin-bottom:30px;
}

.commentList ul {
	margin:30px 0 -30px 55px;
	overflow:auto;
}

.commentList a {
	color:#5c3822;
	background:transparent;
}

.commentList a:hover {
	color:#28C184;
	background:transparent;
}

.commentAvatar, .commentTitle  {
	float:left;
	color:#5c3822;
}

.commentAvatar {
	margin-right:15px;
	width:40px;
	height:40px;
}

.commentTitle {
	margin:1px 0 15px 0;
}

.commentContent {
	clear:left;
	margin-left:55px;
}

.comments {
	background:url(../images/most.png) no-repeat -87px 0 !important;
	padding-left:19px;
}

.commentsSmall {
	background:url(../images/most.png) no-repeat -90px -18px !important;
	padding-left:17px;
}

/* IE 7 */
.ie7 #menuList ul {
	margin-top:-15px;
}

.ie7 #footer {
	margin-top:20px;
}

.ie7 .headingContent, .ie7 #sliderWidget {
	margin-top:30px;
}

.ie7 hr {
	margin-top:0px;
	margin-bottom:10px;
}

.ie7 .commentList ul {
	margin-bottom:0px;
}

.ie7 #rightCol {
	margin-top:-30px;
}

p.testimonial {
	margin-top: 30px;
}

span.testimonial {
	font-style: italic;
}

span.callout {
	color: #375aaa;
}

#danPhotoWrapper {
	padding: 0px 30px 25px 0;
	float: left;
}

#danPhotoWrapper img {
   
   border: 2px solid white;
  -webkit-box-shadow: 3px 3px 11px 1px ;  
box-shadow: 3px 3px 11px 1px;
}

#slideshowWrapper {
	margin-top: 150px;
}

/*
#slideshow {
  	width: 170px;
  	height: 170px;
}
*/

#slider {
/*box-shadow: 0 0 10px  rgba(0,0,0,0.4); */
height: 260px;
}

#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 170px; 
    height: 400px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

#leftColTel {
	margin-top: 100px;
}

#leftColEmail {
	margin-top: 10px;
}