/* Basic stuff
----------------------------------------------------------------------------------------------------*/

html {
	/*margin-left:-1px;
	overflow-y:scroll;*/
	}

body {
	background:#1e2229 url('../../images/skin1/bg1.png');
	color:#444; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5; font-size:13px; font-family:Lucida Grande, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif
	}

h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 21px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}

a {color:#444;}
a:hover {color:#ccc;}

.textLink {color:#39c;}
.textLink:hover {color:#1e2229;}

.lineHor {
	border-bottom:#c0c0c0 1px dashed;
	margin-top:25px;
	margin-bottom:25px;
	}

.alignleft {
	float:right;
	margin:20px 0 0 15px;
	}

/* List
----------------------------------------------------------------------------------------------------*/

div#list {
	margin-top:15px;
	margin-bottom:15px;
	}

.listStyle ul li {
	list-style:disc inside;
	color:#39c;
	line-height:25px;
	text-decoration:none;
	}

.listStyle ul li a {
	color:#1e2229;
	text-decoration:none;
	}
	
.listStyle ul li a:hover {
	text-decoration:underline;
	color:#1e2229;
	}


/* Header
----------------------------------------------------------------------------------------------------*/

#header-wrap {

	padding-bottom:1px;
	}

#header {}
	
#topnav {
	background: url('../../images/skin1/topnavBG1.png') ;
	padding-top:6px;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:-10px;
	height:40px
	}
	
#topnav ul li {display:inline-block;}

#topnav ul li .current {
	color:#39c;
	background:url('../../images/skin1/topnavBG.png') no-repeat -100px -76px;
	}

#topnav ul li .currentHome {
	width:30px;
	margin-left:-5px;
	text-indent:-9999px;
	background:url('../../images/skin1/topnavBG.png') no-repeat -10px -76px;
	}

.home {
	width:30px;
	margin-left:-5px;
	text-indent:-9999px;
	}

a.home:hover {
	width:30px;
	text-indent:-9999px;
	background:url('../../images/skin1/topnavBG.png') no-repeat -10px -76px;
	}

#topnav ul li .navEffect {
	width:60px;
	margin-left:1px;
	}

#topnav ul li .navEffect:hover {
	width:60px;
	margin-left:1px;
	background:url('../../images/skin1/topnavBG.png') no-repeat -100px -76px;
	}


#logo {
	margin-top:0px;
	background:url('../../images/skin1/logo2.png') no-repeat;
	text-indent:-9999px;
	width:960px;
	height:142px;
	display:block;
	margin-left: 40px;
	}

#siteSearch, #siteSearchForm {
	float:right;
	margin-top:12px;
	margin-right:5px;
	}

#searchImput {
	background:transparent;
	border:none;
	height:25px;
	width:170px;
	margin-top:1px;
	color:#888;
	}

#searchSubmit {
	border:none;
	height:20px;
	width:28px;
	cursor:pointer;
	background:transparent;
	margin-right:5px;
	outline:0;
	}
	

/* Featured
----------------------------------------------------------------------------------------------------*/

#featured-wrap {
	height:450px;
	background:url('../../images/skin1/sliderBG.png') no-repeat center -10px;
        width: 960px;
        margin: 0 auto;
        position: relative
	}
	
#featured {
	margin-top:10px;
	position:relative;	/* !IMPORTANT for slider */
	}


/* Services
----------------------------------------------------------------------------------------------------*/

#services-wrap {}
#services {padding-bottom:10px;}
	
#servicesTop {
	height:30px;
	
	}

#box1, #box2, #box3 {
	margin:5px 0 20px 30px;
	color:#ddd;
	font-size:11px;
	}
	
#box.right {margin-right:0;}

#box1 h5, #box2 h5, #box3 h5 {
	margin-top:0;
	padding-bottom:10px;
	border-bottom:#1e2229 1px solid;
	}

#box1 p, #box2 p, #box3 p {
	margin-top:10px;
	margin-bottom:10px;
	}

#box1 a, #box2 a, #box3 a {color:#9CCB3C;}
#box1 a:hover, #box2 a:hover, #box3 a:hover {color:#fff;}

/* Get in Touch */
.getInTouch {line-height:15px;}

#box1 .getInTouch p, #box2 .getInTouch p, #box3 .getInTouch p {margin-top:5px;}
	
#box1 .socialIcons, #box2 .socialIcons, #box3 .socialIcons {
	margin:20px 0 5px 0;
	border-top:#1e2229 1px solid;
	/*border-bottom:#1e2229 1px solid;*/
	padding-top:20px;
	padding-bottom:15px;
	}

#box2 a.category, #box2 a.comments {background:#39c;color:#fff;}
#box2 a.category:hover, #box2 a.comments:hover {background:#fff;color:#1e2229;padding:2px 4px 2px 4px;}

#comments a {
	margin-top:-30px;
	margin-left:-7px;
	position:absolute;
	width:auto;
	font-size:13px;
	display:block;
	}

#box3 .socialIcons ul li {display:inline-block;}
#box3 .socialIcons ul li a {
	display:inline-block;
	padding:0 8px 5px 0;
	}

.goForm {
	background:url('../../images/skin1/right.png') no-repeat 11px 10px;
	padding-left:50px;
	padding-top:10px
	}

.getInTouch ul li.phoneContact, .getInTouch ul li.emailContact, .getInTouch ul li.addressContact, .getInTouch ul li.skypeContact {
	padding-left:50px;
	padding-top:10px;
	margin-bottom:10px;
	}
	
.getInTouch ul li.phoneContact {background:url('../../images/skin1/phone.png') no-repeat 6px 10px;}
.getInTouch ul li.emailContact {background:url('../../images/skin1/email.png') no-repeat 3px 10px;}
.getInTouch ul li.skypeContact {background:url('../../images/skin1/skype.png') no-repeat 3px 11px;}
.getInTouch ul li.addressContact {background:url('../../images/skin1/home.png') no-repeat 3px 10px;}


/* Get in Touch Right Column */
.getInTouch.right {
	margin-top:10px;
	padding:5px 20px 5px 20px;
	}
	
.getInTouch p {margin-bottom:10px;}
.getInTouch.right h6 {color:#444;}
	
.getInTouch.right ul li.phoneContact {background:url('../../images/skin1/phone_gray.png') no-repeat 3px 10px;}
.getInTouch.right ul li.emailContact {background:url('../../images/skin1/email_gray.png') no-repeat 0 10px;}
.getInTouch.right ul li.skypeContact {background:url('../../images/skin1/skype_gray.png') no-repeat 0 11px;}
.getInTouch.right ul li.addressContact {background:url('../../images/skin1/home_gray.png') no-repeat 0 10px;}


/* Page Content Left
----------------------------------------------------------------------------------------------------*/

#content-wrap {background:url('../../images/skin1/contentBGcenter.png') repeat-y center 30px;}

#content {padding-bottom:20px;}
#content h1, h2, h3, h4, h5, h6 {margin-top:10px;margin-bottom:10px;}
	
#contentTop {
	height:30px;
	background:url('../../images/skin1/contentBGtop.png') no-repeat center;
	}

#contentLeft {
	margin-left:30px;
	margin-right:20px;
	}

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

#contentLeft .path, #contentPortfolio .path {
	font-size:11px;
	padding-bottom:10px;
	margin-bottom:15px;
	color:#888;
	border-bottom:#ddd 1px solid;
	}

#contentLeft .path a, #contentPortfolio .path a {
	color:#888;
	text-decoration:none;
	}

#contentLeft .path a:hover, #contentPortfolio .path a:hover {
	color:#444;
	text-decoration:none;
	}


/* Sidebar Right
----------------------------------------------------------------------------------------------------*/

#contentRight {
	margin-top:10px;
	padding-bottom:20px;
	background:#fff;
	border:#ddd 1px solid;
	color:#999;
	font-size:11px;
	width:290px;

	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
		
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
		
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
		
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	}
		
.rightContent {padding:15px 20px 20px 20px;}

.rightContent h5 {
	margin:5px 0 5px 0;
	color:#444;
	}

.imgRight {padding:10px 10px 5px 15px;}

.socialRight ul li {display:inline-block;}
.socialRight ul li a {padding:0;}

.socialRight {
	margin:20px 15px 10px 20px;
	padding:20px 20px 15px 20px;
	border:#e8e8e8 1px solid;
	background:#f9f9f9;
	display:block;
	}
	
#contentRight .social {padding:0;}


/*  Sub Navigation - sidebar contentRight
----------------------------------------------------------------------------------------------------*/

#subNavigation {
	margin:20px 20px 25px 20px;
	font-size:12px;
	padding-top:30px;
	border-top:1px solid #ddd;
	}

#subNavigation h5 {
	margin:0;
	padding:0 0 10px 0;
	color:#444;
	border-bottom:1px solid #ddd;
	}
		
#subNavigation ul {
	color:#39c;
	margin:0;
	border:none;
	line-height:35px;
	}

#subNavigation li {
	border-bottom:1px solid #ddd;
	margin:0;
	}

#subNavigation li a {
	display:block;
	padding-left:10px;
	text-decoration:none;
	background:url('../../images/skin1/subNav.png') no-repeat top;
	}	

#subNavigation li a:hover {
	color:#fff;
	font-weight:bold;
	background:url('../../images/skin1/subNav.png') no-repeat bottom;
	}


/* Portfolio
----------------------------------------------------------------------------------------------------*/

/* .path class with #contentLeft  */
#contentPortfolio {
	margin-left:30px;
	width:900px;
	font-size:11px;
	}
	
#boxPortfolio1, #boxPortfolio2, #boxPortfolio3, #boxPortfolio4, #boxPortfolio5, #boxPortfolio6,
#boxPortfolio7, #boxPortfolio8, #boxPortfolio9 {
	margin:10px 30px 20px 0;
	}
#boxPortfolio1.right, #boxPortfolio2.right, #boxPortfolio3.right, #boxPortfolio4.right, #boxPortfolio5.right,
#boxPortfolio6.right, #boxPortfolio7.right, #boxPortfolio8.right, #boxPortfolio9.right {margin-right:0;}

#boxPortfolio1 p, #boxPortfolio2 p, #boxPortfolio3 p, #boxPortfolio4 p, #boxPortfolio5 p, #boxPortfolio6 p, #boxPortfolio7 p, #boxPortfolio8 p, #boxPortfolio9 p {
	margin-top:0;
	margin-bottom:10px;
	}
	
#boxPortfolio1 h5, #boxPortfolio2 h5, #boxPortfolio3 h5, #boxPortfolio4 h5, #boxPortfolio5 h5, #boxPortfolio6 h5, #boxPortfolio7 h5, #boxPortfolio8 h5, #boxPortfolio9 h5 {
	margin-top:5px;
	padding-bottom:0;
	}

.project_hoverPhoto, .project_hoverVideo {
	background:url('../../images/skin1/spacer.gif') 0 0;
	display:block;
	height:140px;
	position:absolute;
	width:280px;
	z-index:5
	}

.project_hoverPhoto:hover {background:url('../../images/skin1/overPhoto.png') no-repeat 0 0;}
.project_hoverVideo:hover {background:url('../../images/skin1/overVideo.png') no-repeat 0 0;}


/*--- prettyPhoto ---*/
.currentTextHolder {
	font-size:11px;
	font-weight:bold;
	color:#101319;
	}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#pagination {
	width:560px;
	margin:10px 0 0 0px;
	z-index:3;
	font-size:11px;
	padding-top:10px;
	border-top:#ddd 1px solid;
	}

#pagination span, #pagination a {
	display:block;
	float:left;
	line-height:12px;	/* modify heigh of span container (background) */
	margin:2px 2px 2px 2px;
	padding:3px 6px;
	text-decoration:none;
	width:auto;
	height:auto;
        font-weight: bold;
        font-size: 14px;
	}

#pagination a:hover {
	background:rgb(156,203,60);
	color:#fff;
	}
        
#pagination .curent{
	background:rgb(156,203,60);
	color:#fff;
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
	}



/* Blog
----------------------------------------------------------------------------------------------------*/

.entryHead, .tags {
	margin-top:10px;
	margin-bottom:12px;
	font-size:11px;
	}

.category, .comments {
	cursor:pointer;
	padding:2px 4px 2px 4px;
	margin:0 4px 0 4px;
	}
	
a.category, a.comments {
	background:#39c;
	color:#fff;
	}
	
a.category:hover, a.comments:hover {
	background:#1e2229;
	padding:2px 4px 2px 4px;
	}

.date {}

.tags {
	margin-top:30px;
	margin-bottom:20px;
	font-size:11px;
	padding-left:30px;
	height:20px;
	background:url('../../images/skin1/tag.png') no-repeat;
	}

.tag {
	color:#888;
	cursor:pointer;
	margin:0 4px 0 4px;
	}

a.tag {text-decoration:underline;}

a.tag:hover {
	text-decoration:underline;
	margin:0 4px 0 4px;
	}

.share {
	float:right;
	color:#888;
	cursor:pointer;
	margin:0 4px 0 4px;
	padding:0 6px 0 6px;
	border:#c0c0c0 1px solid;
	background:#fff;
	}
	
a.share:hover {color:#444;}	/*6faf0b*/

.facebook {background:url('../../images/skin1/social.png') no-repeat top left;}
a.facebook:hover {background:url('../../images/skin1/social.png') no-repeat bottom left;}
.twitter {background:url('../../images/skin1/social.png') no-repeat top right;}
a.twitter:hover {background:url('../../images/skin1/social.png') no-repeat bottom right;}

.facebook, .twitter {
	text-indent:-9999px;
	border:none;
	margin-top:1px;
	height:16px;
	width:14px;	/* not 16px because of padding 1px left and 1px right*/
	padding:0 1px 0 1px;
	}

#authorComment1, #authorComment2, #authorComment3 {
	padding-top:25px;
	padding-bottom:25px;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	}

#commentText1, #commentText2, #commentText3 {
	margin:0;
	padding-left:90px;
	color:#888;
	}
	
#gravatar1, #gravatar2, #gravatar3 {
	width:60px;
	font-size:11px;
	text-align:center;
	color:#888;
	}

#gravatar1 img, #gravatar2 img, #gravatar3 img {
	border:#ddd 1px solid;
	padding:4px;
	}

.replyHead {
	color:#888;
	font-size:11px;
	}

.author, .reply {
	margin:0 4px 0 4px;
	font-weight:bold;
	cursor:pointer;
	color:#444;
	}

a.author:hover, a.reply:hover {color:#888;}

#quote1, #quote2, #quote3 {padding:10px 0 0 88px;}

.quote {
	color:#39c;
	font-size:11px;
	cursor:pointer;
	padding:2px 6px 2px 6px;
	border:#c0c0c0 1px solid;
	}
	
.quote:hover {
	color:#fff;
	background:#39c;
	border:#39c 1px solid;
	}
		
.quoteText {
	padding:10px 15px 10px 15px;
	margin-bottom:15px;
	background:#fbfbfb;
	border:#ebebeb 1px solid;
	font-style:italic;
	color:#999;
	font-size:11px;
	}
	

/* Form style
----------------------------------------------------------------------------------------------------*/

#respond, #contactForm {margin:10px 0 20px 0;}

.leftSpace {
	font-size:11px;
	margin-left:10px;
	}

.n {margin-left:0;}
	
.text_input, .text_area {
	border:1px solid #c0c0c0;
	padding:4px;
	margin-top:10px;
	font-family: 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:12px;
	background:#f1f1f1;	/*fefbef*/
	color:#444;
	width:250px;
	}

.text_area {margin-top:10px;width:570px;}

input:focus, textarea:focus {background:#fff;}	/*fdf6dc*/

#submit {
	border:#111 1px solid;
	background:#1e2229;
	color:#fff;
	font-weight:bold;
	width:120px;
	height:30px;
	margin-top:10px;
	font-size:12px;
	padding-bottom:2px;
	outline:0;
	}

#submit:hover {
	border:1px solid #39c;
	background:#39c;
	cursor:pointer;
	outline:0;
	}

.error.required {border:1px solid #c30;}

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

#footer-wrap {
	height:45px;
	background:url('../../images/skin1/contentBGfooter.png') no-repeat center;
	}
	
#footer {}


/* Bottom
----------------------------------------------------------------------------------------------------*/

#bottom-wrap {
	height:50px;
	background:url('../../images/skin1/topnavBG1.png') no-repeat center;
	margin-bottom:20px
	}

#bottom {
	padding-top:18px;
	font-size:11px;
	color:#888;
	}

#bottom p {
	margin-left:15px;
	display:inline;
        color: #FFF;
        font-weight: bold;
	}

#bottom p a {color:#888;}
	
#bottom p a:hover {
	text-decoration:underline;
	color:#ccc;
	}

#bottom ul li p a {text-decoration:underline;}
#bottom ul li p a:hover {color:#ddd;}

#bottom ul {
	float:right;
	margin-right:10px;
	}

#bottom ul li {
	display:inline-block;
	padding-right:7px;
	padding-left:5px;
	border-right:#333 1px solid;
	}

#bottom ul li a {
	text-decoration:none;
	font-size:11px;
	color:#888;
        font-weight: bold;
	}
	
#bottom ul li a:hover {text-decoration:underline;}
	
#bottom ul li.top {
	border-right:none;
	margin-right:5px;
	margin-left:-5px;
	}
	
	
/* Coda Slider
----------------------------------------------------------------------------------------------------*/

.coda-nav ul li a {
	background:url('../../images/skin1/slider-off.png') no-repeat left top;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-right:10px;
	height:23px;
	width:25px;
	left:-50%
	}

.coda-nav ul li a.current {background:url('../../images/skin1/slider-on.png') no-repeat left top;}
.coda-nav ul li a.current:hover {background:url('../../images/skin1/slider-on.png') no-repeat left top;cursor:default}
.coda-nav ul li a:hover {background:url('../../images/skin1/slider-ov.png') no-repeat left top;}

.title {display:none;}

.linkButton {
	text-indent:-9999px;
	background:url('../../images/skin1/sliderButton.png') no-repeat top center;
	height:50px;
	width:170px;
	position:absolute;
	top:250px;
	left:80px
	}

.linkButton:hover {background:url('../../images/skin1/sliderButton.png') no-repeat bottom center;}

#coda-nav-1 {}

.button{
    width: 100%;
    font-weight: bold;
    border: 1px solid #000;
    background: #9ccb3c;
    color: #000;
    padding: 2px 5px;
    text-decoration: none;
    border-radius: 3px;
}

.button:hover{
    color: #000;
    background: #9ccb6c;
    
}

/********************************************************************************************************************/

/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  margin: 10px auto;
  padding: 10px 0;
  position:relative;
  overflow:hidden;
  width: 940px;
  height:400px;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:left;
}

a.browse {
    background: url('../../images/hori_large.png') no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 45%
}
a.left {
    margin-left: 0;
    left: -20px;
}

a.right {
    background-position: 0 -30px;
    clear: right;
    margin-right: 0;
    right: -20px;
}

a.disabled {
    visibility: hidden !important;
}

/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#fff;
 
    width:450px;
    min-height:300px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url('../../images/close.png');
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px
}