* { padding:0; margin:0;}
body {
	font-family: Arial, sans-serif;
	font-size:13px;
	line-height:17px;
	color:#000;
	background:#000 url(images/body-t.jpg) repeat-x center 0;
}

a img { border:0; }

.notext { font-size:0; line-height:0; display:block; text-indent: -4000px; background-position:0 0; background-repeat:no-repeat; }

a {
	color:#CCC;
	text-decoration: none;
	cursor:pointer;
}
a:hover2 {
	color:#2AC8B0;
	text-decoration: none;
}
a2 {
	color:#CCC;
	text-decoration: none;
	cursor:pointer;
}
a:hover {
	color:#2AC8B0;
	text-decoration: none;
}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }

h2 {
	font-size:25px;
	font-weight: bold;
	line-height:28px;
	color: #595F67;
}
h3 { font-size:18px; font-weight: bold; line-height:21px; }
h4 {
	font-size:12px;
	font-weight: bold;
	line-height:17px;
	text-transform: uppercase;
	color:#CCC;
}

.shell {
	width:966px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



#header {
	height:127px;
	overflow:hidden;
	background-image: url(images/header3.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: #000;
}
#header .shell{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#header .left{
	width:450px;
	padding-top: 50px;
	height: 200px;
}
#header .right{
	width:450px;
}


#footer {
	height:800px;
	background-image: url(images/footer3.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}
#footer h2{ padding-bottom:5px; }
#footer .left{
	width:550px;
	font-weight: normal;
	font-variant: normal;
	padding: 5px;
}
#footer .right{
	width:350px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFF;
}
#footer p{
	padding-bottom:15px;
	color: #CCC;
	font-weight: bold;
}
#footer p.copy{
	background:url(images/copy.gif) no-repeat center 0;
	font-size:11px;
	color:#2AC8B0;
	text-align: center;
	padding-top:8px;
	margin-top:25px;
}
#footer p.copy a{
	color:#999;
}

#footer .shell{
	padding:15px 0;
	text-decoration: none;
}

#container { background:#656b75 url(images/container-bg.gif) repeat-x 0 0; }
#container-b { background:url(images/shadows-bottom.gif) no-repeat center bottom; }
#container .shell{ background:url(images/shadows-top.gif) no-repeat center 0; padding:20px 0; }

h1#logo {
	font-size:0;
	line-height:0;
	width:450px;
	height:150px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h1#logo a{
	display:block;
	height:150px;
	text-indent: -4000px;
}

p.site-info {
	color:#9C0;
	font-size:16px;
	line-height:normal;
	font-weight: bold;
	text-transform: none;
	background-image: none;
	background-repeat: no-repeat;
}

#navigation {
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	font-size:14px;
	line-height:18px;
	height:40px;
	padding-top: 10px;
}
#navigation ul{ list-style-type: none; }
#navigation ul li{ display:inline; padding-left:15px; }
#navigation ul li a{
	text-decoration: none;
	color:#FFF;
}
#navigation ul li a:hover,
#navigation ul li a.active {
	color:#666;
}

#twitter_div {
	width: 415px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	
}

#twitter {
	width:450px;
	height:10px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 60px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 0px;
}

a.follow-button { position:absolute; top:-40px; left:-109px; width:174px; height:50px; background:url(images/followme.gif) no-repeat 0 0;}

.projects {
	position:relative;
}
.projects ul{
	list-style-type: none;
	height:270px;
	overflow:hidden;
	width:966px;
	position:relative;
}
.projects ul li{ float:left; width:950px; height:270px; background:url(images/project.png) no-repeat 0 0; padding:8px;}
.projects ul li .project-info{
	float:left;
	width:295px;
	color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	height: auto;
}
.projects ul li .project-image{ float:right; width:615px; height:254px; position:relative; overflow:hidden; font-size:0; line-height:0;}
.projects p {
	padding-bottom:15px;
	color: #999;
}
.projects h4 {
	padding:5px 0 10px 0;
	color: #2AC8B0;
}

/** jCarousel **/
.projects .jcarousel-clip { width:966px; height:270px; overflow:hidden; position:relative; }

.jcarousel-prev,
.jcarousel-next { font-size:0; line-height:0; width:49px; height:49px; cursor:pointer; position:absolute; top:106px; z-index:2;}
.jcarousel-prev { left:-20px; background:url(images/prev-button.png); }
.jcarousel-next { right:-20px; background:url(images/next-button.png); }



/*
.jcarousel-prev-disabled,
.jcarousel-next-disabled { display:none !important;}
*/
#bottomcontact_div {
	width: 450px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color: #000;
}
.article {padding-bottom: 55px;}
.twitter.hover {
	width:450px;
	height:160px;
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 45px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 0px;
}
.asmall {
	color:#999;
	text-decoration: none;
	cursor:pointer;
	font-size: 10px;
}
.asmallhover {
	font-size: 10px;
	color: #2AC8B0;
	text-decoration: none;
}
.shell2 {
	width:966px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 250px;
	height: 150px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
#navigation2 {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	font-size:14px;
	line-height:18px;
	height:40px;
	padding-top: 10px;
	text-decoration: none;
}
#navigation2 ul {
	list-style-type: none;
	text-decoration: none;
}
#navigation2 ul li {
	display:inline;
	padding-left:15px;
	text-decoration: none;
}
#navigation2 ul li a {
	text-decoration: none;
	color:#fff;
}
#navigation2 ul li a:hover, #navigation2 ul li a.active {
	color:#666;
	text-decoration: none;
}
.contactinfo {
	position:relative;
	height: auto;
	padding-top: 10px;
	left: 30px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2AC8B0;
	text-decoration: none;
	font-weight: normal;
	width: 600px;
}
h5 {
	font-size:14px;
	font-weight: bold;
	line-height:17px;
	text-transform: uppercase;
	color:#666;
}

