/* h2{font-size:14px;}*/

body {

	background: #1d1d1d;

	font-family: tahoma, arial;

	color: #d5d5d5;

}

.clearfix {

	clear: both;

}

a {

	color: #35B0DA;

	text-decoration: none;

	font-weight: bold;

	outline: none;

}

a:hover {

	text-decoration: underline;

}

div#wrapper {

	width: 900px;

	margin: 0 auto;

}

div#header {

	background: url(../images/header_bg.jpg) no-repeat;

	height: 106px;
	position: relative;
}


.fb_iframe_widget {
	position:absolute !important;
	right:0;
	top:12px;	
}
div#header h1 {

	height:70px;

	margin-top:0;

	padding-top:16px;

	width:160px;

}

div#header h1 a {

	display: block;

	text-indent: -5000em;

	height:70px;

}

div#navigation {

	background: url(../images/navigation_bg.jpg) no-repeat;

	height: 45px;

}

div#slideImages {

	background: url(../images/slideimages_bg.jpg) no-repeat;

	width: 911px;

	height: 266px;

	margin-left: -6px;

	position: relative;

}

div#slideImages span#prevBtn {

	left:17px;

	position:absolute;

	top:120px;

	outline: none;

	background: url(../images/slide_prev.jpg) no-repeat;

	width: 9px;

	height: 13px;

	display: block;

	

}

div#slideImages span#prevBtn a,

div#slideImages span#nextBtn a {

	text-indent: -5000em;

	display: block;

}

div#slideImages span#nextBtn {

	right:17px;

	position:absolute;

	top:120px;

	outline: none;

	background: url(../images/slide_next.jpg) no-repeat;

	width: 9px;

	height: 13px;

	display: block;

	text-indent: -5000em;

}

div#slider {

	margin-left:37px;

	padding-top:13px;

}

div#slider ul li {

	width: 838px;

}

div#sidebar {

	width: 135px;

	float: left;

	font-size: 11px;

	margin-top: 10px;

}

div#sidebar2 {

	width: 135px;

	float: right;

	font-size: 11px;

	margin-top: 10px;

}

div#sidebar2 div.block img {

	margin-bottom: 19px;

}

div#sidebar div.block,

div#sidebar2 div.block,

div#internal div.sidebar div.block {

	margin-bottom: 29px;

}

div#sidebar h2,

div#sidebar2 h2,

div#internal div.sidebar h2 {

	font-family: arial, tahoma;

	font-size: 22px;

	font-weight: bold;

	color: #fff;

	line-height: 22px;

	padding-bottom: 15px;

}

div#content {

	width: 760px;

	float: right;

	margin-top: 10px;

}

div#content div.block {

	background: url(../images/blue_block.jpg) no-repeat;

	width: 353px;

	height: 178px;

	padding-top: 12px;

	padding-bottom: 4px;

	padding-left: 15px;

	padding-right: 0px;

	font-size: 11px;

	float: left;

	margin-left: 10px;

	color: #fff;

	

}

div#content div.block img {

	float: left;

	padding-right: 11px;

}

div#content div.block h2 {

	font-family: arial, tahoma;

	font-size: 22px;

	font-weight: bold;

	color: #fff;

	line-height: 22px;

	margin-bottom:5px;

}

div#footer {

	background: url(../images/bottom_bg.jpg) no-repeat top;

	padding-top: 70px;

	text-align: center;

	font-size: 11px;

	padding-bottom: 20px;	

}

div#footer div {

	width: 682px;

	margin: 0 auto;

}

div#footer ul {

	list-style: none;

}

div#footer ul li {

	float: left;

	background: url(../images/footer_separator.jpg) no-repeat left center;

	padding-left: 10px;

	padding-right: 10px;

}

div#footer ul li:first-child {

	background: none;

}

div#footer ul li a {

	font-weight: normal;

	font-size: 11px;

	color: #c3c3c3;

}

/******** NAVIGATION *********/

div#navigation ul {

	padding-left: 3px;

	padding-right: 3px;

	list-style: none;

	margin: 0;

}

div#navigation ul li {

	float: left;

	background: url(../images/nav_separator.jpg) no-repeat left top;

	text-align: center;

	height: 45px;

}

div#navigation ul li:first-child {

	background: none;

}

div#navigation ul li ul {

	display: none;

}

div#navigation ul li span {

	display: block;

	margin-left: 2px;

	height: 45px;

}

div#navigation ul li.navOver span {

	display: block;
	background: url(../images/nav_over_repeat.jpg) repeat-x top;

}

div#navigation ul li span a {

	display: block;

	font-size: 12px;

	font-family: arial, tahoma;

	font-weight: normal;

	color: #fff;

	padding-left:16px;

	padding-right:15px;

	padding-top:11px;

	outline: none;

	height: 34px;

}

div#navigation ul li span a:hover {

	text-decoration: none;

}

div#navigation ul li.navOver a {

	background: url(../images/nav_over_center.jpg) no-repeat center top;

}

div#navigation ul li ul {

	display: none;

	width:160px;

}

div#navigation ul li.navOver ul {

	display: block;

	position: absolute;

	z-index: 100;

	background: #000;

}

div#navigation ul li#navitem2 ul {

	display: none;

}

div#navigation ul li.navOver ul li {

	float: none;

	height: auto;

	background: none;

	padding-left: 10px;

	padding-right: 10px;

	text-align: left;

	color:#45c1fe;

	text-decoration:none;

}

div#navigation ul li.navOver ul li:first-child span {

	background: none;

}

div#navigation ul li.navOver ul li span {

	background: url(../images/submenu_separator.jpg) repeat-x top;

	height: auto;

	margin-left: 0;

}

div#navigation ul li.navOver ul li span a {

	background: none;

	height: auto;

	padding-bottom: 11px;

	padding-left: 0;

	padding-right: 0;

}

div#navigation ul li.navOver ul li span a:hover {

	color:#45c1fe;

	text-decoration:none;

}

/******** CONTACT *********/



div#internalContent {

	float: left;

}

div#contactForm {

	font-family: arial, tahoma;

	font-size: 11px;

	color: #fff;

}

div#contactForm div.top {

	background: url(../images/form_top.jpg) no-repeat;

	height: 5px;

}

div#contactForm div.bottom {

	background: url(../images/form_bottom.jpg) no-repeat;

	height: 5px;

}

div#contactForm form {

	background: #2f2f2f;

	padding-top: 20px;

	padding-bottom: 20px;

}

div#contactForm form span {

	color: #21b1d6;

}

div#contactForm form label {

	display: block;

	padding-top: 13px;

	padding-bottom: 5px;

}

div#contactForm form input,

div#contactForm form textarea {

	border: none;

	font-family: tahoma, arial;

	font-size: 11px;

	padding-top: 2px;

	padding-bottom: 2px;
	
	padding-right: 5px;

}

div#contactForm form input {

	width: 193px;

}

div#contactForm form textarea {

	width: 433px;

	height: 248px;

	margin-bottom: 5px;

}

div#contactForm form select {

	width: 189px;

	border: 0;

	font-family: tahoma, arial;

	font-size: 11px;

	padding-top: 2px;

	padding-bottom: 2px;

}

div#contactForm form div.all-input {

	float: left;

	padding-left: 24px;
	
	padding-right: 5px;

}

div#contactForm form div.comments {

	float: right;

	padding-left: 45px;

	padding-right: 34px;

}

div#contactForm form div.comments p {

	font-weight: bold;

}

div#contactForm form div.submit {

	text-align: right;

}

div#contactForm form div.submit button {

	background: url(../images/form_btn.jpg) no-repeat;

	width: 86px;

	height: 32px;

	text-indent: -5000em;

	border: none;

}

div#contactForm div.errors {

	padding-left: 24px;

	padding-right: 24px;

}

div#contactForm div.thank-you {

	background: #2f2f2f;

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 24px;

	padding-right: 24px;

}

div#internalContent h1 {

	font-family: arial, tahoma;

	font-size: 18px;

	color: #21b1d6;

	margin-top: 20px;

	margin-bottom: 20px;

}

table#contactTable {

	font-family: arial, tahoma;

	font-size: 12px;

	color: #adadad;

	margin-top: 40px;


}

table#contactTable td.contactTable-left {

	background: url(../images/form_left_title.jpg) no-repeat left top;

	width: 217px;

	color: #fff;

	padding-top: 3px;

	padding-left: 10px;

	padding-bottom: 3px;
	


}

table#contactTable td.contactTable-center {

	background: #198cae;

	width: 264px;

}

table#contactTable td.contactTable-right {

	background: url(../images/form_right_title.jpg) no-repeat right;

	width: 238px;

}

table#contactTable td p {

	margin-top: 18px;

}

/******** GALLERY *********/

div#gallery {

	margin-top: 18px;

	height: auto!important;

	height: 600px;

	min-height: 415px;

}

div#browse {

	background: url(../images/browse_bg.jpg) no-repeat;

	height: 37px;

	padding-top: 9px;

	padding-left: 12px;

	margin-bottom: 17px;

}

div#browse a.previous {

	display: block;

	background: url(../images/prev_job.jpg) no-repeat;

	font-family: arial, tahoma;

	font-size: 11px;

	font-weight: normal;

	float: right;

	padding-bottom:6px;

	padding-left:22px;

	padding-right:18px;

	padding-top:8px;

	margin-left:11px;

	margin-right:0;

}

div#browse a.next {

	display: block;

	background: url(../images/next_job.jpg) no-repeat;

	font-family: arial, tahoma;

	font-size: 11px;

	font-weight: normal;

	float: right;

	padding-bottom:6px;

	padding-left:20px;

	padding-right:42px;

	padding-top:8px;

	margin-bottom:15px;

	margin-left:5px;

}

div#projectImage {

	float: left;

	width: 428px;

	background: #2a2a2a;

}

div#projectImage div.top {

	background: url(../images/gallery_top.jpg) no-repeat;

	height: 3px;

}

div#projectImage div.bottom {

	background: url(../images/gallery_bottom.jpg) no-repeat;

	height: 3px;

}

div#projectImage img {

	/*margin-bottom:6px;

	margin-left:13px;*/

}

div#projectInfo {

	float: right;

	width: 445px;

	color: #dcdbdb;

	font-family: arial, tahoma;

	font-size: 12px;

}

div#projectInfo a {

	color: #84cfff;

}

div#projectInfo h2 {

	font-family: arial, tahoma;

	font-size: 12px;

	font-weight: bold;

	color: #84cfff;

	margin-bottom: 12px;

}

div#projectInfo hr {

	border-top: 1px solid #4a4a4a;

	border-bottom: none;

	border-right: none;

	border-left: none;

}

div#projectInfo ul {

	padding-left: 0;

}

div#projectInfo ul li {

	display: block;

	float: left;

	margin-left: 10px;

}

div#projectInfo ul li:first-child {

	margin-left: 0;

}

div#projectInfo ul li img {

	float: left;

	margin-right: 8px;

	width: 73px;

	height: 47px;

}

div#projectInfo div.project-btn {

	float: left;

	margin-right: 10px;

	margin-top: 10px;

}

div#projectInfo div.project-btn span.left {

	background: url(../images/gallerybtn_left.jpg) no-repeat top;

	padding-bottom:9px;

	margin-right:0;

	padding-top:6px;

	line-height: 32px; 

}

div#projectInfo div.project-btn a {

	background: #434343;

	border-top: 1px solid #181818;

	border-bottom: 1px solid #181818;

	margin-left:-3px;

	margin-right:-3px;

	padding-bottom:6px;

	padding-top:5px;

	padding-left: 10px;

	padding-right: 10px;

	line-height: 30px; 

}

div#projectInfo div.project-btn span.right {

	background: url(../images/gallerybtn_right.jpg) no-repeat top;

	padding-bottom:9px;

	padding-top:6px;

	line-height: 32px; 

}

div#carousel {

	/*background: url(../images/carousel_bg.jpg) no-repeat;

	height: 108px;

	margin-top: 48px;

	position: relative;

	padding-top: 11px;

	padding-left: 59px;

	padding-right: 59px;*/

	position: relative;

}

div#carousel a.left {

	left:22px;

	position:absolute;

	top:355px;

	z-index:500;

}

div#carousel a.right {

	position:absolute;

	right:24px;

	top:355px;

}

div#carousel ul li {

	float: left;

}

div#carousel ul li:first-child {

	margin-left: 0px;

}

/************** INTERNAL ************/

div#internal {

	margin-top: 35px;

	font-size: 12px;

	font-family: arial, tahoma;

	color: #f3f3f3;

}

div#internal div.content {

	width: 730px;

	float: left;

	background: url(../images/sidebar_separator.jpg) repeat-y right;

	padding-right: 18px;

}

div#internal div.content h1 {

	font-size: 18px;

	font-family: arial, tahoma;

	color: #21b1d6;

	margin-bottom: 30px;

}

div#internal div.content img {

	float: right;

	border: 3px solid #d0d0d0;

	margin-left: 15px;

	margin-bottom: 15px;

}

div#internal div.sidebar {

	float: right;

	width: 135px;

}



/********** BLOG **********/

div#blogContent {

	margin-top: 37px;

	float: left;

}

div#blogContent h1 {

	font-family: arial, tahoma;

	font-size: 22px;

	font-weight: bold;

	color: #fff;

	margin-bottom: 24px;

}

div#blogContent h1 span {

	color: #2295cc;

}

div#blog {

	width: 703px;

}

div#blog div.top {

	background: url(../images/blog_top.jpg) no-repeat;

	height: 5px;

}

div#blog div.blog-content {

	background: #333333;

	font-size: 12px;

	font-family: arial, tahoma;

	line-height: 1.6em;

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 13px;

	padding-right: 13px;

}

div#blog div.blog-content h2,

div#blog div.blog-content h2 a {

	font-size: 22px;

	color: #f3f3f3;

	margin-bottom: 11px;

	font-weight: normal;

}

div#blog div.blog-content h2 a:hover {

	text-decoration: none;

}

div#blog div.blog-content span.date {

	display: block;

	font-size: 11px;

	color: #adacac;

	margin-bottom: 20px;

}

div#blog div.blog-content img {

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 20px;

}
div#blog div.blog-content p{}
div#blog div.bottom {

	background: url(../images/blog_bottom.jpg) no-repeat;

	height: 4px;

}

div#blog div.post-panel {

	background: url(../images/blog_panel.jpg) no-repeat;

	height: 40px;

	margin-top: 20px;

	margin-bottom: 20px;

	padding-right:5px;

	width:678px;

	padding-top: 6px;

}
.mainSummary{}
#blogEfectsShare {

	float: right;

}

#blogEfectsShare .title a {

	display: block;

	background: url(../images/share_btn.jpg) no-repeat;

	width: 69px;

	height: 28px;

	text-indent: -5000em;

}

#blogEfectsShare .wrapper {

	overflow: hidden;

	position: absolute;

	height: 0px;

}

#blogEfectsShare div.menu {

	background: url(../images/share_bg.png) no-repeat;

	height: 140px;

	width: 116px;

}

#blogEfectsShare div.menu ul {

	margin-top: 0px;

	padding-top: 24px;

	list-style: none; 

	padding-left: 0;

}

#blogEfectsShare div.menu ul li {

	padding-left: 25px;

	margin-left: 13px;

}

 ul li.delicious {

	background: url(../images/delicious_thumb.jpg) no-repeat left center;

}
 ul li.facebook {

	background: url(../images/facebook_thumb.jpg) no-repeat left center;

}


ul li.twitter {

	background: url(../images/twitter_thumb.jpg) no-repeat left center;

}

 ul li.digg {

	background: url(../images/digg_thumb.jpg) no-repeat left center;

}

 ul li.reddit {

	background: url(../images/reddit_thumb.jpg) no-repeat left center;

}

 ul li.furl {

	background: url(../images/furl_thumb.jpg) no-repeat left center;

}

 ul li.technorati {

	background: url(../images/technorati_thumb.jpg) no-repeat left center;

}

#blogEfectsMore {

	float: right;

}

#blogEfectsMore .more a {

	display: block;

	background: url(../images/add_comment_btn.jpg) no-repeat;

	width: 89px;

	height: 28px;

	text-indent: -5000em;

}

#blogEfectsMore .title {

	float: left;

	padding-left: 10px;

	padding-right: 10px;

}

#blogEfectsMore .title .counter {

	padding-left: 5px;

	padding-right: 5px;

}

#blogEfectsMore .wrapper {

	float: left;

}

#blogSidebar {

	float: right;

	width: 183px;

	margin-top: 88px;

}

#blogSidebar div.top,

div.sidebar-left div.top {

	background: url(../images/blogsidebar_top.jpg) no-repeat;

	height: 5px;

}

#blogSidebar div.center,

div.sidebar-left div.center {

	background: #198cc3;

	padding-left: 13px;

	padding-right: 13px;

	padding-bottom: 0px;

}

#blogSidebar div.center h2,

div.sidebar-left div.center h2 {

	font-family: arial, tahoma;

	font-size: 22px;

	font-weight: bold;

	color: #fff;

	line-height: 22px;

	padding-bottom: 10px;

	padding-top:8px;

}

#blogSidebar div.center h3 a,

div.sidebar-left div.center h3 a {
	color:#fff;

	font-size: 11px;

	font-family: tahoma, arial;

	font-weight: normal;

}

#blogSidebar div.bottom,

div.sidebar-left div.bottom {

	background: url(../images/blogsidebar_bottom.jpg) no-repeat;

	height: 7px;

}

div.slide-wrapper {

	background:transparent url(../images/carousel_bg.jpg) no-repeat scroll left center;

	height:70px;

	margin-top:0;

	overflow:hidden;

	padding-left:60px;

	width:364px;

}

div.slider {

	overflow: hidden;

	position: absolute;

	left:0;

	padding-left:0;

}



/********* PROJECTS *********/



div#browse h1 {

	font-family: arial, tahoma;

	font-size: 20px;

	color: #fff;

	float: left;

}

/*div#internal*/

 div.sidebar-left {

float:left;
font-family:arial,tahoma;
font-size:12px;
width:183px;

}

div#internal div.content-right {

	float:right;

	width:690px;

}

div#internal div.content-right h1 {

	font-family: arial, tahoma;

	font-size: 20px;

	color: #fff;

	border-bottom: 1px solid #343434;

	padding-bottom: 10px;

	margin-bottom: 20px;

}

div#internal div.content-right div.block,div#internal div.content div.block {

	float:left;

	margin-right:15px;

	width:123px;

	margin-top:18px;

	margin-bottom:15px;

	

}
div.block span.imgwrapper {
display:block;
height:100px;
overflow:hidden;
width:123px;
}

div#internal div.content-right div.block h2,div#internal div.content div.block h2{

	height:30px;

}

div#internal div.content-right div.block img,div#internal div.content div.block img{

	/*

	width: 223px;

	height: 146px;

	

	height:82px;
*/
	width:123px;

	border:medium none;

	float:none;

	margin-bottom:0;

	margin-left:0;

}

div#internal div.content-right div.block div,div#internal div.content div.block div  {

	text-align: right;
	height:2em;

}

div#internal div.content-right div.block div a,div#internal div.content div.block div a {

	font-family: tahoma, arial;

	font-size: 11px;

	font-weight: normal;

	color: #84cfff;

}

div#projectImage img.product-img {

	width: 403px;

	height: 304px;

	margin-left: 13px;

	margin-top: 13px;

}

#commentFormWrapper input,

#commentFormWrapper textarea {

	border: 0;

}

#commentFormWrapper button {

	border: 0;

	background: url(../images/send_comments.jpg) no-repeat;

	height: 28px;

	width: 69px; 

}

#commentFormWrapper table tr td {

	vertical-align: top;

	padding-bottom: 2px;

}



div#content div.block p{

font-size:11.1px;

}



div#navigation ul li ul li ul{

margin-left:134px;

margin-top:-35px;

width:150px;

display:none;

}



div#navigation ul li ul li div.arrow-box{

/*

background: url(../images/arrow-box.png) no-repeat top left;

margin-left:150px;

padding-left:-25px;

width:164px;

height:18px;

*/

}



div#navigation ul li ul li ul li{

background:transparent url(../images/nav_separator.jpg) no-repeat scroll left top;

float:left;

text-align:center;

line-height:5px;

}



div#navigation ul li.navOver ul li ul{

display:block;

}



div#navigation ul li ul li ul li.navOver{

text-decoration:underline;

}



/* 

div#navigation ul li.navOver ul li.navOver ul li.navOver{

color:#FFFFFF;

text-decoration:underline;

}





div#navigation ul li:first-child {

	background: none;

}

div#navigation ul li ul li ul {

	display: none;

}

div#navigation ul li ul li span {

	display: block;

	margin-left: 2px;

	height: 45px;

}

div#navigation ul li ul li.navOver span {

	display: block;

	background: url(../images/nav_over_repeat.jpg) repeat-x top;

}

*/



div#navigation .level3{

display:none;}



div#navigation .level3 ul{

display:none !important;}



div#navigation ul li ul li.navOver .level3{

display:block;

color:#FFFFFF !important;

/*background: url(../images/arrow_left.png) no-repeat top left;*/

}



div#navigation ul li.navOver ul li.navOver ul li.navOver span a{

color:#FFFFFF !important;

}



div.sidebar-left ul{
background-color:#198CC3;
padding-left:0px;

}



div.sidebar-left ul li{

list-style:none;

background: url(../images/arrow_left.png) no-repeat top left;

padding-left:10px;

padding-bottom:8px;

}



div.sidebar-left ul li span a{
color:#FFFFFF;
font-weight:normal;

}



div.sidebar-left ul li ul li{

list-style:none;

background:none;

}



div.sidebar-left ul li ul li:first-child{

padding-top:8px;

}



div.sidebar-left ul li.active span a{
 background-color:#198CC3;
color:#1d1d1d;

font-weight:bold;

}



div.sidebar-left ul li.active ul li span a{
 background-color:#198CC3;
color:#1d1d1d;

font-weight:normal;

}



div.sidebar-left ul li.active {

background:transparent url(../images/arrow_black.png) no-repeat scroll left top;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

padding:0px 0px 3px 10px;

}



div.sidebar-left ul li ul li.active {

background:none;

}

div.sidebar-left ul li ul li ul {

	display:none;

}

div.sidebar-left ul li ul li.active ul {

	display:block;

}



div.sidebar-left ul li ul li.active span a {

font-weight:bold;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

padding:0px 0px 0px 0px;

}



div.sidebar-left ul{

margin-bottom:0px;

margin-left:0pt;

}
div.copy{padding-top:25px;}
#projectInfo img{margin:10px 10px 10px 0;}