* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #ccc;
    background: url('images/body-bg.gif');
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#fff; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.hidden { display:none; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

h1 { font-family:Georgia, Serif; font-size:44px; font-weight:bold; text-shadow: 0 2px 0px #000;  color:#f6f6f6}
h2 {  
    font-family: arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 27px;
    }
h4 { font-size:15px; font-weight:bold; color:#D6A306; line-height:16px; }

h1.logo { background: url("images/logo.png") no-repeat scroll 35px 43px transparent;
    display: block;
    height: 128px;
    text-indent: -99999px;
    width: 246px; float: left;}

.shell { width:960px; padding:0 10px; margin:0 auto; background:url('images/header-image.jpg') no-repeat 0 39px #000; }
.shell2 { width:960px; padding:10px 10px; margin:0 auto; background: #000; }

#header { background:url('images/header-bg.gif') repeat-x 0 0;  }
#header .shell { position:relative; padding-bottom:27px;  height: 350px;}

#navigation {  background: none repeat scroll 0 0 #000;
    display: block;
    height: 32px;
    padding: 5px 0 5px 13px;
    position: absolute;
    right: 0;
    width: 967px;}
    
    
    
#navigation ul { list-style:none; }
#navigation ul li { float:left; display:inline; padding-right:6px; }
#navigation ul li a { color: #FFFFFF;
    display: inline;
    float: left;
    font-weight: normal;
    line-height: 26px;
    padding: 0 8px 1px;
    text-align: center;
    text-decoration: none;
     }
#navigation ul li a.active,
#navigation ul li a:hover { background: #ffe400;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe400), to(#d6a306));
	background: -moz-linear-gradient(top,  #ffe400,  #d6a306); border-bottom: 2px solid #9a0404 }


#contact { width:506px; position:absolute; right:10px; z-index: 100; top: 0; }
#contact form { height: 100%; color:#fff; } 

#contact .slide-area { background:#000; padding-top:25px; padding-bottom:17px; display: none; }
#contact .field-left { float:left; width:182px; padding-left:17px; }
#contact .field-row { margin-bottom:5px;}

#contact .field-row label { display:block; color:#fff; font-size:11px; line-height:18px; }
#contact .field-row label em { font-style:normal; color:#a1a1a1; }
#contact .field-row span { width:182px; display:block; background:url('images/input-bg.gif') no-repeat 0 0; }
#contact .field-row span.textarea-bg { width:266px; height:57px;  float:left; background:url('images/textarea-bg.gif') no-repeat 0 0; }
#contact .field-row span.textarea-bg textarea { width:266px; height:57px; background:transparent; border:0; }
#contact .field-row input { background:transparent; border:0; width:182px; padding:1px 0; }

.field-right { float:left; width:266px; padding-left:30px; }

p input { display:block; float:right; border: 0; background:0; color:#f21185; text-decoration:underline; cursor:pointer; padding:8px 10px 0 0;  }

.slide-area-info { float:right; display:inline; background:#000 url('images/panel-left.gif') no-repeat 0 0; padding-left:6px; }
.green { float:left; display:inline; }
.slide-area-info img { float:left; padding-right:4px; }
.slide-area-info p { float:left; display:inline; font-weight:bold; line-height:28px; color:#a6a6a7; }
.slide-area-info p strong { text-transform:capitalize; color:#b9ff00; padding-right:9px; padding-left:4px; }
.slide-area-info a { float:left; display:inline; width:27px; height:28px; background:url('images/slide-button.gif') no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

.slide-area-info a.active { background:url('images/slide-button-active.gif') no-repeat 0 0; }

#intro {  }
.info {  clear: both;
    float: left;
    width: 491px; }
    
  .button{
	background: #a00404;
    border: 1px solid #850303;
    border-radius: 5px 5px 5px 5px;
    color: #FEF4E9;
    padding: 5px 10px;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.button:hover {
	background: #580202;
 border: 1px solid #460101;
  text-decoration: none;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.info h2 { margin-left: 50px;
    margin-top: 62px;
    padding-top: 99px;}
.info p { font-family:Georgia, Serif; ; font-style:italic; }
.info p.quote {  color:#e7e7e7; padding-top:25px; font-size:23px; }
.info p.author { color:#e41480; text-align:right; font-size:22px; padding-right:20px; }

.slider { float:right; position:relative; z-index:50;  }
#big-slider { padding-right:3px; background:url('images/slider-carousel-bg.gif') no-repeat 0 0; }
.jcarousel-clip,
.slider-carousel { width:475px; height:235px;  padding:1px 2px 0 1px; }

.slider-carousel ul { list-style:none; }
.slider-carousel ul li { height:234px; }
.slider-carousel img { width:474px; border:1px solid #000; }

.slider-navigation { position:absolute; bottom:6px; right:0;  }
.slider-navigation ul { list-style:none; }
.slider-navigation ul li { float:left; display:inline; padding-left:11px; }
.slider-navigation ul li a { float:left; display:inline; color:#939393; font-size:11px;  }
.slider-navigation ul li a.active { color:#f72c95; }

.jcarousel-prev { width:36px; height:110px; background:url('images/prev.gif') no-repeat 0 0; position:absolute; top:63px; left:-36px; cursor:pointer; } 
.jcarousel-next { width:36px; height:110px; background:url('images/next.gif') no-repeat 0 0; position:absolute; top:63px; right:-38px; cursor:pointer; }

ul.buttons { list-style:none; padding-top:8px; }
ul.buttons li { float:left; display:inline; padding-right:6px; }
ul.buttons li a.button {display:block; width:85px; height:24px; background:url('images/button-bg.gif') no-repeat 0 0; font-size:10px; font-weight:bold; color:#404040; line-height:24px; text-align:center; padding-right:15px; text-decoration:none; }

#main,
#main-in { background:url('images/main-bg.jpg') no-repeat center 0; }
#main-in { width: 980px; margin: 0 auto; }
#main .shell { background:url('images/main-b.jpg') no-repeat center bottom; padding-top:25px; padding-bottom:74px; }

#works { width:480px; float:left; display:inline; }
#works h3 { width:142px; height:17px; float:left; color: white; text-transform: uppercase; }
#works a.red { padding-left:3px; line-height:16px; }
#works ul.buttons li { padding-right:11px; }

a.red { font-size:11px; color:#f9399c; text-decoration:underline; }
a:hover.red { text-decoration:none; }

.project { padding-bottom:22px; float:left; position:relative;  }

.head { padding-bottom:33px; }

.project .slider-carousel .jcarousel-clip,
.project .slider-carousel { width:465px; height:150px; }
.project .slider-carousel img { width:464px;  }
.project .slider-navigation { position:absolute; bottom:28px; right:9px; }
.project .jcarousel-prev, .project .jcarousel-next { background:none; display:none; width:1px; height:1px; }
.project .slider-carousel ul li { position:relative; }
.slider-carousel span.project-info { display:block; width:455px; height:34px; background:url('images/project-span-bg.png'); position:relative; bottom:37px; left:0; line-height:34px; font-weight:bold; font-size:14px; color:#fff; padding-left:12px; margin-left:1px; }


#blogroll { width:440px; float:left; padding-left:40px; }
#blogroll h3 { }
a.rss { padding-left:10px; width:16px;  }

.box { float:left; padding-bottom:31px; }
.box .comment { font-size:11px; line-height:16px; color:#94b0d2; padding-bottom:2px;  }
.box .comment span { float:left; }
.box p.text-right { text-align:right; color:#fff; }
.box p.text-right a { color:#fff; text-decoration:underline; }
.box .content { padding-bottom:2px; line-height:16px; }

#footer {  }
#footer .shell { padding:18px 0; }
#footer p{ text-align:right; font-size:11px; color:#4a4a4a; padding:10px;  }
#footer a {float:left;}

#works h4.sectionTitle2 {
	color: #ffe400;
	margin: 7px 0 8px 0;
}

#works h4.sectionTitle2 span {
		color: black;
		background-color: #ffe400;
		
		padding: 7px 10px;

	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    border-radius: 5px;
	}
	
.rss-date 
{
 color: #858002;	
}

.rss-item a
{
 color: #f3eb0a;	
}
.rss-item
{
	line-height:150%;
padding-bottom: 10px;
	
}