@import url("/lib/styles-reset.css");

@media print  {
	.sIFR-flash
	{
		display:none !important;
		height:0;
		width:0;
		position:absolute;
		overflow:hidden;
	}

	.sIFR-alternate
	{
		visibility:visible !important;
		display:block !important;
		position:static !important;
		left:auto !important;
		top:auto !important;
		width:auto !important;
		height:auto !important;
	}
}

@media screen  {
/* 
 * SIFR ______________________________________________________
 */
.sIFR-flash
	{
		visibility:visible !important;
		margin:0;
		padding:0;
	}

	.sIFR-replaced,.sIFR-ignore
	{
		visibility: visible!important;
	}

	.sIFR-alternate
	{
		position:absolute;
		left:0;
		top:0;
		width:0;
		height:0;
		display:block;
		overflow:hidden;
	}

	.sIFR-replaced div.sIFR-fixfocus
	{
		overflow:auto;
		letter-spacing:0;
		float:none;
		margin:0;
		padding:0;
	}

	/*  REPLACE RULES */
.sIFR-active .project-title
	{
		font-size:22px;
		visibility:hidden;
	}

	.sIFR-active h2
	{
		font-family:Verdana;
		visibility:hidden;
		font-size:26px;
	}

	.sIFR-active #nav span
	{
		font-family:Verdana;
		visibility:hidden;
		font-size:22px;

		
	}

	.sIFR-active h3
	{
		font-family:Verdana;
		visibility:hidden;
		font-size:24px;
	}

	.sIFR-active h5
	{
		font-family:Verdana;
		visibility:hidden;
		font-size:18px;
	}

	.feat-off h3.sIFR-replaced {
		display: none;
	} 
}

body
{
	font:13px Helvetica, Verdana, Arial, sans-serif;
	line-height: 20px;
	color:#FFFFFF;
	text-align:center;
	background-color:#0B0B0B;
}

/* 
 *  TYPE ______________________________________________________
 */
h1
{
	background-image:url("images/site/logo.png");
	text-indent:-5000px;
	float:left;
	width:291px;
	height:107px;
	margin-top:12px;
}

h2
{
	margin-bottom:14px;
font-size:26px;
font-weight: 100;
color: #00b0d8;
} 

h3
{
	margin-bottom:8px;margin-top:25px;
font-size:18px;
font-weight: 100;
color: #00b0d8;
} 


.blue-tag { 
	color: #00b0d8;
}


/* 
 * LINKS ______________________________________________________
 */
a
{
	text-decoration:none;
	color:#f5c754;
}

a:hover
{
	text-decoration:underline;
}

h1 a {
	display: block; 
	height: 107px; 
	width: 291px;
}

/* 
 * STRUCTURE_____________________________________________________
 */
#container
{
	margin-left:auto;
	margin-right:auto;
	background-image:url("/images/site/bg-tophalf.jpg");
	background-repeat:no-repeat;
	background-color:#0B0B0B;
	width:1020px;
}

#container-inner
{
	text-align:left;
	background:bottom no-repeat url("/images/site/bg-bottomhalf.jpg");
	padding:70px 40px 0px 30px;
}

body#work-landing #content
{
	margin-right:-30px;
}

#header
{
	height:196px;
}

#content
{
	position:relative;
	min-height:710px;
}

#footer
{

	height: 436px;
	margin-top:40px;
	position: relative;
}

.left-column
{
	float:left;
	width:555px;
}

.right-column
{
	float:right;
	width:338px;
}

#nav span
{
	display:block;
	float:left;
	font-size:22px;
	cursor:pointer;
	padding:0 0 0 16px;
}

#nav a:link {
	color: #FFFFFF;
text-decoration:none;
}
#nav a:visited {
	color: #FFFFFF;
text-decoration:none;
}
#nav a:hover{
color: #00b0d8;
text-decoration:none;

}
#nav a:active {
	color: #00b0d8;
text-decoration:none;
}

#nav .active a{
color: #00b0d8;
text-decoration:none;
}


#intro
{
	margin-top:11px;
	float:right;
	width:338px;
	background-image:url("/images/site/brackets.png");
	background-repeat:no-repeat;
	font-family:Verdana, Arial, sans-serif;
	text-align:justify;
	padding:4px 22px 10px 23px;
	line-height: normal;
}

/* 
* GENERAL PAGES ______________________________________________________
 */
.pagetext
{
	font-size:18px;
	margin-bottom:30px;
}

.about {
	width: 490px;
}

/* 
 * VCARD ______________________________________________________
 */
.vcard
{
	background:url("/images/site/bg-vcard.png") no-repeat;
	width:371px;
	height:195px;
	padding:50px 35px 0;
}

.vcard-left
{
	float:left;
	width:80px;
	text-align:right;
	margin-right:15px;
}

img.facepic
{
	border:1px solid #FFFFFF;
	margin-bottom:15px;
}

.vcard-left a img
{
	margin-right:4px;
}

.vcard-right
{
	width:240px;
	float:right;
}

/* 
 * FEATURED PROJECTS CAROUSEL______________________________________________________
 */
.featured-home
{
	width:554px;
}

.mycarousel li a img {
	width: 513px;
}

.mycarousel li a {
	width: 513px;
	overflow: hidden;
     margin-right: 1px;
     display: block;
}

.jcarousel-clip
{
	z-index:2;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
}

.jcarousel-list
{
	z-index:1;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

.jcarousel-list li,.jcarousel-item
{
	float:left;
	list-style:none;
	width:513px;
	height:335px;
	overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-container
{
	background:#2b2c2c;
	border:1px solid #6c6a5f;
}

.jcarousel-container-horizontal
{
	padding: 20px 18px;
}

.jcarousel-clip-horizontal
{
	width:514px;
	height:335px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder
{
	background:#fff;
	color:#000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal
{
	position:absolute;
	top:155px;
	right:9px;
	width:41px;
	height:41px;
	cursor:pointer;
	background:transparent url(/images/site/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal
{
	position:absolute;
	top:155px;
	left:6px;
	width:41px;
	height:41px;
	cursor:pointer;
	background:transparent url(/images/site/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-next-disabled,.jcarousel-prev-disabled
{
	display:none !important;
}

/* 
/* FEATURED PROJECT INFO______________________________________________________
 */
.feat-on {
	position: relative;
	visibilty: visible;
}

.feat-off {
	position: absolute;
	visibility: hidden;
}

.feat-off .sIFR-flash {
	visibility: hidden !important;
}


.featured-info
{
	height:251px;
	background-image:url("/images/site/line-horizontal.png");
	background-repeat:repeat-x;
	background-position:bottom;
	margin:40px 0 8px;
}

.featured-info h3
{
	margin-bottom:8px;
font-size:26px;
font-weight: 100;
}

.featured-info h3 a:hover
{
	text-decoration: underline;
font-size:26px;
font-weight: 100;
}
/* 
/* RIGHT COLUMN TOUTS ______________________________________________________
 */

/* 
/*  RECENT PROJECTS FOR HOME PAGE ______________________________________________________
 */
#home-recent
{
	margin-bottom:53px;
}

/* 
/*  RECENT PROJECTS FOR HOME PAGE ______________________________________________________
 */
.right-tout
{
	margin-bottom:43px;

}

.right-tout h5{
font-weight:400;
font-size:16px;
}
.linklist a
{
	display:block;
}

/* 
/* COLUMN HEADER WITH UNDERLINE ______________________________________________________
 */
.column-head
{
	position:relative;
	background:repeat-x bottom url("/images/site/line-horizontal.png");
	padding-bottom:5px;
	margin-bottom:19px;
}

.page-head
{
	position:relative;
	background:repeat-x bottom url("/images/site/line-horizontal.png");
	padding-bottom:6px;
	margin-bottom:17px;
}

.column-head #rss
{
	position:absolute;
	right:0;
	top:0;
}

.column-head h2
{
	margin-bottom:3px;
}

.column-head #rss img
{
	margin-right:6px;
}

/* 
/* LATEST BLOGGING ______________________________________________________
 */
.blog-container
{
	margin-bottom:50px;
}

.blog-date
{
	float:left;
	width:78px;
	margin: 5px 31px 33px 0;
}

.blog-date-box
{
	border:1px solid #454545;
	font-size:26px;
	margin-bottom:2px;
	padding:10px;
}

.blog-date-box div
{
	letter-spacing:2px;
	margin: 5px 0 3px 0;
}

.blog-date a
{
	font-size:12px;
}

.category-list {
	margin-top: 3px;
}

.category-list a {
	display: block;
}

.blog-teaser,.blog-entry
{
	float:right;
	width:444px;
}

.blog-entry p
{
	margin-bottom:25px;
}

.blog-entry .heading
{
	color:#f5c754;
	margin-top:10px;
	font-size:1.2em;
font-size:18px;
}

.blog-teaser-title
{
	display:block;
	font-size:18px;
	margin-bottom:5px;
font-weight: 100;
}

.blog-teaser-text
{
	margin-bottom:5px;

}

.blog-read-more
{
	margin-top:-23px;
	display:block;
}

/* 
/* BLOG COMMENT SECTION ______________________________________________________
 */
.comments-head
{
	color:#f5c754;
	font-size:2em;
	margin:15px 0 .5em;
}

.comment
{
	margin-bottom:.5em;
	border:1px solid #342e16;
	position:relative;
	padding:10px;
}

.comment p {
	margin-bottom: 16px;
}

.comment-author
{
	position:absolute;
	left:-110px;
	top:-1px;
	width: 100px;
}

a#leave-comment
{
	border:1px solid #3c3c3c;
	float:right;
	margin-bottom:35px;
	font-size:24px;
	padding:10px;
}

/* 
 *  WORK SECTION ______________________________________________________
 */

#project-detailed {
	position: relative;
	margin-bottom: 20px;
}

#project-detailed .column-head h2 {
	height: 33px;
}

.column-head #more-work
{
	position:absolute;
	right:0;
	top:7px;
}

.column-head #more-work- {
	display: block;
	margin: 7px 0 8px 0;
	text-align: right;
}

#project-thumbs
{
	margin-bottom:30px;
	display:none;
}

.left-column.work
{
	width:591px;
}

.project-description
{
	line-height:20px;
	margin-bottom:30px;
}

.project-testimonial
{
	background:no-repeat url("/images/site/quote-open.png") top left;
	margin-bottom:30px;
}

.project-testimonial-inner
{
	background:no-repeat url("/images/site/quote-close.png") bottom right;
	font-style:italic;
	padding:15px 27px 0 34px;
}

.testimonial-author
{
	font-size:11px;
}

#toolbox
{
	font-size:14px;
	line-height:23px;
	margin-bottom:10px;
}

.toolbox
{
	margin-bottom:30px;
}

.toolbox li
{
	float:left;
	width:167px;
}

.launch-project
{
	color:#F5C754;
	font-size:14px;
	line-height:23px;
	margin-bottom:3px;
	clear:both;
}

#case-study-available
{
	display:block;
	margin-top:10px;
}

#thumb-list img
{
	border:1px solid #FFFFFF;
	float:left;
	margin:0 20px 20px 0;
}

#case-study
{
	position:absolute;
	width:870px;
	background-color:#010101;
	border:1px solid #FFFFFF;
	left:0;
	top: 45px;
	padding:24px 38px;
	z-index: 10;
}

#case-study.hide
{
	left:-10000px;
}

#case-study-close
{
	position:absolute;
	right:-11px;
	top:-11px;
}

.work-type
{
	font-size:18px;
	margin:-7px 0 7px;
}

.work-listing
{
	float:left;
	width:470px;
	margin-right:20px;
	margin-bottom:40px;
}

.work-listing a,
.work-listing span
{
	display:block;
	margin-bottom:1px;
	text-indent:5px;
}

.work-listing a:hover
{
}

.work-listing img
{
	margin:0 0 6px -5px;
}

/* 
 * SEARCH RESULTS ______________________________________________________
 */

.search-text {
	margin: 33px 0 0px 0;
}

.search-result {
	margin-top: 25px;
	width: 400px;
}


/* 
 * 140 CHARACTERS OR LESS ______________________________________________________
 */
.tweet
{
	border-bottom:1px solid #FFFFFF;
	padding-bottom:5px;
	margin-bottom:20px;
}

/* 
 *FOOTER______________________________________________________
 */
#status-container
{
	margin-left:2px;
}

#status-container img.status-text {
	display: none;
}

#status-container,#footer-social
{
	height:147px;
	position:relative;
}

#status-container.accepting #accepting {
	display: block;
}

#status-container.not-accepting #not-accepting {
	display: block;
}

#status-container.status-special #status-special {
	display: block;
}
	
#not-accepting
{
	position:absolute;
	left:250px;
	top:30px;
}

#accepting
{
	position:absolute;
	left:46px;
	top:30px;
}

#status-n
{
	position:absolute;
	left:272px;
	top:98px;
}

#status-a
{
	position:absolute;
	left:136px;
	top:98px;
}

#status-astar
{
	position:absolute;
	left:204px;
	top:61px;
}

#status-special 
{
	position: absolute;
	left: 174px;
	top: -5px;
}

#status
{
	position:absolute;
	left:184px;
	top:106px;
}

#top-tab
{
	position:absolute;
	top:114px;
	left:541px;
}

#footer-social h2
{
	position:absolute;
	top:106px;
	left:155px;
font-weight: 100;
}

#twitter-icon
{
	position:absolute;
	top:55px;
	left:62px;
}

#facebook-icon
{
	position:absolute;
	top:2px;
	left:130px;
}

#delicious-icon
{
	position:absolute;
	top:16px;
	left:233px;
}

#icon-rss
{
	position:absolute;
	top:89px;
	left:285px;
}

/* 
 * FORMS 
 */
input,textarea,button
{
	color:#FFFFFF;
	font-size:15px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
}

button
{
	border:none;
	color:#f5c754;
	text-transform:lowercase;
	width:76px;
	height:26px;
	background-image:url("/images/site/submit-box.gif");
	display:block;
	padding:0 0 4px;
	margin-bottom: 10px;
}

.error
{
	visibility:hidden;
	color:red;
	padding: 1px 1px 1px 4px;
	background-color: #f6f5aa;
	font-size: 12px;
}

#contact-info {
	width: 250px;
	padding-left: 25px;
	background: url('/images/site/vcard-icons.png') top left no-repeat;
	line-height: 20px;
}

#contact-info div {
	margin-bottom: 1px;
}

/* 
/* SEARCH FORM ______________________________________________________
 */

.pagetext .search {
margin-top: 25px;
}

#footer-search
{
	float:left;
	width:305px;
	color:#FFFFFF;
font-weight: 100;
}
#footer h2{
padding-bottom:20px;
}

#footer form h2
{
	margin-bottom:10px;
	line-height:10px;
font-weight: 100;
}

#footer-search input.text,
input.text
{
	border:none;
	background-image:url("/images/site/bg-input-252.gif");
	display:block;
	width:240px;
	height:27px;
	margin-bottom:19px;
	padding:5px 4px 0 8px;
}

.right-column .search input.text
{
	margin-bottom:12px;
}

#hire-me
{
	float:left;
	width:250px;
}

#bottom-nav
{
	width: 970px;
	margin: 0 auto 0 auto;
	text-align:right;
	font-size:12px;
	position: absolute;
	bottom: 4px;
}

#bottom-nav span
{
	padding-left:185px;
}

#bottom-nav a
{
	padding-left:12px;
	color:#FFFFFF;
}

#nav,#prev-next
{
	float:right;
}

.jcarousel-container,#footer form
{
	position:relative;
}

.jcarousel-next,.jcarousel-prev
{
	z-index:3;
	display:none;
}

#home-recent h5,#popular-work h5
{
	margin-bottom:6px;
font-size:16px;
font-weight:400;
}

#home-recent a img,#popular-work a img
{
	border:1px solid #FFFFFF;
}

#home-recent a {
	margin-right:16px;
	display: block;
	float: left;
}

.blog-entry .main-image,.project-title
{
	margin-bottom:15px;
}

#comment-form input.text,.contact-form input.text
{
	border:none;
	background-image:url("/images/site/bg-input-342.gif");
	display:block;
	width:330px;
	height:27px;
	margin-bottom:9px;
	padding:5px 4px 0 8px;
}

#comment-form textarea,.contact-form textarea
{
	background-image:url("/images/site/bg-textarea-342.gif");
	border:none;
	overflow:auto;
	width:330px;
	height:56px;
	margin-bottom:9px;
	padding:5px 4px 4px 8px;
}

.edit { position: relative; float: none;}
.edit img { position: absolute;  left: -15px;}

#page-search {
	margin-top: 20px;
}

/* SELECT BOX CUSTOMIZATION */
div.selectbox-wrapper {
  position:absolute;
  width:360px !important; 
  /*border:1px solid #3C3C3C;*/
  margin-top:-12px;
  padding:0px;
  text-align:left;
  max-height:200px;
  overflow:auto;
  font-size: 15px;
  background-color: #090A06;
color:#fff;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.current { 
  background-color: #494946;
  color: #00B0D8;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding: 4px 8px 8px 9px;
  cursor:pointer;
}

label {
    display: block;
}
.selectbox /* look&fell of  select box*/
{
  margin: 0px 5px 10px 0px;
  padding: 5px 4px 8px 8px;
  width : 330px; 
  display : block;
  text-align:left; 
  background: url('/images/site/bg_select.png') right;
  /*height:18px;*/
  cursor: pointer;
  border: 0px;
  color:#FFF;
  font-family: Verdana,Helvetica,Arial,sans-serif;
}

select {
	background: url('/images/site/bg_select.png') right;
color:#fff;
}