/*



Theme Name: uidigital



Theme URI: http://www.uidigital.com/



Description: Custom WordPress theme for uidigital.com, requirements: WP 2.7+



Version: 0.1



Author: IM  UiDIGITAL.com



Author URI: 



Tags:  2 columns, fixed width, 1 sidebar or widgets



*/





















html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, em, font, img, ins, kbd, q, s, samp,



small, strike, strong, sub, sup, tt, var,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	font-weight: inherit;



	font-style: inherit;



	font-size: 100%;



	font-family: inherit;



	vertical-align: baseline;



}



/* remember to define focus styles! */



:focus {



	outline: 0;



}



body {

	background: transparent;

	color: #fff;



	font-family: "Trebuchet MS", Arial, serif;



	position:relative;



}



ol, ul {



	list-style: none;



}



/* tables still need 'cellspacing="0"' in the markup */



table {



	border-collapse: separate;



	border-spacing: 0;



}



caption, th, td {



	text-align: left;



	font-weight: normal;



}



blockquote:before, blockquote:after,



q:before, q:after {



	content: "";



}



blockquote, q {



	quotes: "" "";



}



 a{



 	color:#6FB7E5;



	text-decoration:none;



 }



 



 a:hover{



 	text-decoration: underline;



 }



.clear{



	clear:both;



}



/*................................................*/







body{



	background-image: url(http://www.uidigital.com/wp-content/themes/uidigital/images/background.jpg);



	background-repeat: repeat;



	font-size:12px;



	line-height: 1.4em;



	width:100%;



	height:auto;

	

	



}







#container{

	background: transparent;

	background-image: url(http://www.uidigital.com/wp-content/themes/uidigital/images/container-back.jpg);

	background-repeat: no-repeat;

	width:886px;

	margin: 0 auto;

	height: auto;

	position:relative;

	overflow: visible;

	

}







#header{

position:relative;

	width:886px;

	



z-index:330;

	



}



#header h1{



	float:left;



	margin-top: 20px;



}







#navig{



background-image:url(images/navigation.jpg);

background-repeat:no-repeat;

float:right;



position:absolute;

right:-4px;

top:40px;

width:603px;

z-index:400;



}







#header #promo{



	background-image: url(images/promo.jpg);



	width:886px;



	height: auto;



	height:139px;



	background-repeat: no-repeat;



}



#header #promo p{



	display:none;



}



#content{



	width:886px;



	height: auto;



	position:relative;



	margin-top:20px;
z-index:200;


}

#content-2{


z-index:200;
	width:886px;



	height: auto;



	position:relative;



	margin-top:20px;



}



#content-2 .splash-box h2{
text-shadow: -1px -1px #000;
	color: #E6E6FA;

}

/*..tabs..*/











#tabbed_box_1 {



height:auto;



padding-bottom:20px;



width:886px;



}



.tabbed_box h4 {



	font-family:Arial, Helvetica, sans-serif;



	font-size:23px;



	color:#ffffff;



	letter-spacing:-1px;



	margin-bottom:10px;



}



.tabbed_box h4 small {



	color:#e3e9ec;



	font-weight:normal;



	font-size:9px;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	text-transform:uppercase;



	position:relative;



	top:-4px;



	left:6px;



	letter-spacing:0px;



}



.tabbed_area {



	overflow:auto;



	padding:1px;



	width:880px;



}







ul.tabs {



	margin:0px; padding:0px;



	margin-top:0px;



	margin-bottom:6px;



	float:left;



	clear:both;



}



ul.tabs li {



clear:both;



display:inline;



float:left;



list-style-image:none;



list-style-position:outside;



list-style-type:none;



margin-bottom:4px;



width:auto;



cursor:pointer;



}



ul.tabs li a {

text-shadow: -1px -1px #000;
	background-color:transparent;
	background-image:url(images/tab-inactive.png);
	background-repeat:no-repeat;
	color:#ccc;
	padding:0;
	text-decoration:none;
		font-weight:normal;
	text-transform:none;
		font-size:20px;
	height:37px;
	width:230px;
	float:left;
	padding-left:23px;
padding-top:19px;
padding-right:10px;
cursor:pointer;







}







ul.tabs li a:hover {



	background-color:transparent;



	background-image:url(images/active-tab.png);



	background-repeat:no-repeat;



	



}















ul.tabs li a.active {


text-shadow: -1px -1px #000;
	background-color:transparent;
background-image:url(images/active-tab.png);
background-repeat:no-repeat;
border:1px none;
font-size:20px;
padding-left:23px;
padding-top:19px;
padding-right:10px;
font-weight:bold;
}



.content {



	/*background-image: url(images/content-back.png);



	background-repeat: repeat-y;*/



	padding:10px 10px 10px 25px;



	float:right;



	width:565px;



	background-position: left center;



	position:relative;



}



#content_2, #content_3, #content_4 { display:none; }







.content ul {



	margin:0px;



	padding:0px 20px 0px 20px;



}



.content ul li {



	list-style:none;



	border-bottom:1px solid #d6dde0;



	padding-top:15px;



	padding-bottom:15px;



	font-size:13px;



	position:relative;



}



.content ul li:last-child {



	border-bottom:none;



}



.content ul li a {



	text-decoration:none;



	color:#3e4346;



}



.content ul li a small {



	color:#8b959c;



	font-size:9px;



	text-transform:uppercase;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	position:relative;



	left:4px;



	top:0px;



}



.content ul li a:hover {



	color:#a59c83;



}



.content ul li a:hover small {



	color:#baae8e;



}







img.left{



	float:left;



	padding: 3px;



	background-color: transparent;



	border: 1px solid gray;



	margin-right: 15px;



	margin-bottom:5px;



	overflow: auto;



	display: inline;



	



}







#content h2{

text-shadow: -1px -1px #000;

		color:#fff;



	font-size:21px;



	padding-bottom:15px;



font-family: Tahoma;







}







#content h2 span{



	color:#fff;



	font-size:21px;



	padding-bottom:15px;



font-family: Tahoma;







} 



#tabbed_box_1 .sIFR-flash{



	cursor:pointer;



}



span.readmore{







color:#6FB7E5;



	font-size:10px;



	float:right;



	clear:both;



	



}







#bottom{



	overflow:hidden;



	clear: both;
min-height:210px;


	



}



.slider{



float:left;



position:relative;



text-align:right;

height:205px;

width:486px;



}







.desc{







background-color:black;



color:white;



float:left;



height:100px;



margin-left:10px;



margin-top:-163px;



padding:10px;



display:block;



filter:alpha(opacity=85);



-moz-opacity:.85;



opacity:.85;



text-align:left;



position:static;







	



}











span.desc h3{



	font-size: 16px;



	font-weight: bold;



}



span.desc h4{



	margin-top:6px;



	font-weight: bold;



	



}



/* Easy Slider */







	#slider ul, #slider li{



		margin:0;



		padding:0;



		list-style:none;



		overflow:hidden;



		}



		

/*

		#slider{



			float:left;



		}



	#slider, #slider li{ 



		



		height:165px;



	overflow:hidden;



	width:490px;



	margin-top:5px;



	



		}



		



		



	span#prevBtn{



	



	position:absolute;



	right:40px;



	top:2px;



	











}







span#prevBtn a{



		background-image: url(/images/previous-button.png);



	background-repeat: no-repeat;



	width:58px;



	height: 25px;



	padding:1px 10px 11px 15px;



	color:#fff;



	}



	



	



span#nextBtn a{



	background-image:url(/images/next-button.png);



	background-repeat:no-repeat;



	height:25px;



	padding:1px 13px 11px 7px;



	width:45px;



	color:#fff;



	}



	



	



span#nextBtn{



	



	position:absolute;



	right:-2px;



	top:2px;



	



}					



*/



/* // Easy Slider */







#navig ul{



height:50px;



margin-left:4px;



margin-top:9px;



}



#navig ul li{



	display:inline;



	float:left;



	font-weight:bold;



	margin-left:0px;



	border-left:1px solid gray;



	border-right:1px solid black;



	text-transform: uppercase;



	



}







#navig a {



/*background-color:transparent;



background-image:url(images/nav_anim.png);*/



background-repeat:no-repeat;



color:#E6E6FA;



display:inline-block;







padding:12px 21px;



text-decoration:none;



float:left;



}



#navig a:hover {



	/*background-position:50px 0;*/



	border-bottom: 2px solid #C1D73F;



	color:white;



}







#footer{



	background-image:url(http://uidigital.com/wp-content/themes/uidigital/images/footer.png);



	_background-image:url(http://uidigital.com/wp-content/themes/uidigital/images/footer.gif);



	background-repeat:no-repeat;



	display:inline;



	float:left;



	font-size:11px;



	height:110px;



	margin-top:10px;



	padding-top:15px;



	width:886px;



}











#footer p{



	float:left;



}



#footer span{

text-align:center;

	float:right;



	margin-top:10px;

	clear:both;



}



#footer span a{



	color:#ccc;



}



#footer a{



	color:#fff;



}



#contact{



background-image:url(images/contact.png);



background-repeat:no-repeat;



float:right;



height:200px;



margin-right:80px;



margin-top:30px;



width:350px;



text-align:center;



}







#contact h4{



	font-size:21px;



	font-weight: bold;



	margin-top:26px;



	color:#E6E6FA;



}



#slider h3{



	text-align: left;



	font-size:17px;



	padding-bottom: 5px;



	border-bottom: 1px solid gray;



	font-weight:bold;



	color:#E6E6FA;



}



.slider h3{

text-shadow: -1px -1px #000;

border-bottom: 1px solid #414141;



	text-align: left;



	font-size:17px;



	padding-bottom: 5px;



	font-weight:bold;



	color:#E6E6FA;



}







span.seeall{



	background:#1C1C1C none repeat scroll 0 0;



bottom:0;



color:white;



padding:5px 12px;



position:absolute;



right:0;



}







span.seeall a{



	color:white;



}



#navig ul li.borderless{



	border-left:none;



}



#navig ul li.borderless-2{



	border-right:none;



}







#navig ul li:first-child{



	border-left:none;



}



#navig ul li:last-child{



	border-right:none;



}



/* inner pages */







#header #promo.inner {



height:11px;







}







#content .maincontent{



	background-position:right center;



background-repeat:repeat-y;



border-right:1px solid #3E4444;



display:inline;



float:left;



padding-right:20px;



width:600px;



position:relative;



	}



.maincontent h2 {



color:#6FB7E5;



font-size:22px;



padding-bottom:15px;



	background-image: url(images/line.png);



	background-position: bottom;



	background-repeat: repeat-x;



	margin-bottom:10px;



}	



.maincontent h3 {



color:#6FB7E5;



font-size:18px;



padding-bottom:15px;



	background-image: url(images/line.png);



	background-position: bottom;



	background-repeat: repeat-x;



	margin-bottom:10px;



}	



.maincontent h4 {



color:#6FB7E5;



font-size:15px;



padding-bottom:5px;



	margin-bottom:10px;



}	



	#sidebar{



		float:right;



		display:inline;



	}



	



#sidebar ul li{



	/*display:block;



	padding:18px 0 18px 12px;



	background-image: url(images/line.png);



	background-position: bottom;



	background-repeat: repeat-x;*/



	background-repeat:repeat-x;



	border-bottom:1px dotted #3E4444;



	display:block;



	padding:17px 0 17px 12px;



}



#sidebar ul{



	float:left;



	width:230px;



	display:inline;



}



#sidebar ul li.active,



#sidebar ul li:hover{



	background-image: url(images/inner-list.jpg);



	background-repeat: repeat-y;



	padding:17px 0 17px 12px;



	font-weight:bold;



}







#sidebar ul li.active a{



	font-weight:bold;



	color:#fff;



	



}







#sidebar ul li a{



	font-size:14px;



	font-weight:normal;



	color:#fff;



}







.testemonial{



	width:235px;



	margin-top:30px;



	color: #fff;



}







span.teste{



	float: left;



	background-image: url(images/teste.png);



	background-repeat:no-repeat;



	width:60px;



	height: 45px;



	azimuth: expression(



        this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",



        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",



        this.src = "http://uidigital.com/wp-content/themes/uidigital/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),



        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",



        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true



); 



}







span.costumer{



	text-align: right;



	float:right;



	color:white;



}







.find_us{



	background-image: url(images/facebook.jpg);



	width:245px;



	height:54px;



	margin-top:40px;



}







.find_us a{



	display: block;



	width:245px;



	height: 50px;



}







#sidebar ul li#recent-posts{



	background-image:none;



	border:medium none;



	margin-top:39px;



	padding:0;



}





#twitter h4{
	text-shadow: -1px -1px #000;
}

#sidebar h2.widgettitle{



	/*background-image:url(images/line.png);



background-position:center bottom;



background-repeat:repeat-x;*/

text-shadow: -1px -1px #000;

color:#6FB7E5;



font-size:20px;



margin-bottom:0px;



padding-bottom:15px;



font-weight:normal;



border-bottom:1px solid #3E4444;



}







#post .entry p{padding-bottom:20px;}







#post .entry .team .alignleft{



	float: left;



	margin-right:10px;



}







#post .entry .team .wp-caption{border:none; padding:0; text-align: left;}



#post .entry .team img{



	border: 1px solid gray;



	padding: 2px;



	background: #dfdfdf;



}



.team{



	clear:both;



	overflow:hidden;



	margin-top:10px;



	margin-bottom:15px;



}







.quote{



	background-image: url(images/splash-get-a-quote.png);



	width: 242px;



	height:64px;



}



.quote:hover{



	background-image: url(images/splash-get-a-quote-hover.png);



	width: 242px;



	height:64px;



}



#sidebar .quote a{



	display:block;



	height:54px;



	width:242px;



}







#post .entry  h2{


text-shadow: -1px -1px #000;
	font-size:22px;



	color:#E6E6FA;



}







.linklove{



	display: none;



}







#post .wp-caption{width:auto;border:1px solid #ccc; padding:1px;text-align:center;}



#post .alignleft{float:left; margin-right:10px;}



#post .alignright{float:right; margin-left:10px;}



#post p.wp-caption-text{padding-bottom:0px;}







.entry .alignnone{margin-top:20px;}







/*



 ul.twitter: the main ul (if list is activated)



 li.twitter-item: the ul items (if list is activated)



p.twitter-message: each one of the paragraphs (if msgs > 1)



 span.twitter-timestamp{



 	color:#eee;



	font-size:10px;



 }



a.twitter-link: the tweet link class



a.twitter-user: the @username reply link class



*/



ul.twitter{



	margin-top: 10px; 



	border-top: 1px solid #414141;



}



ul.twitter li{



	list-style: square;



	font-size: 12px;



	border-bottom: 1px solid #414141;



	padding-bottom: 3px;



	padding-top: 3px;



	list-style-position: inside;



}







#home-quote{



	position: fixed;



	_position:absolute;



	left:0;



	top:45%;



	width: 29px;



	height: 106px;



	



}



a.home-quote{



	background-image:url(http://uidigital.com/wp-content/themes/uidigital/images/home-get-a-quote.jpg);



	background-repeat: no-repeat;



	width: 29px;



	height: 106px;



	padding:10px 13px 80px;



	cursor: pointer;



	display:block;



}







a.home-quote:hover{



	background-image:url(http://uidigital.com/wp-content/themes/uidigital/images/home-get-a-quote-hover.jpg);



	background-repeat: no-repeat;



	text-decoration: none;



}







span.twitter-timestamp{



	color: #dfdfdf;



	font-size: 10px;



}











#navig ul li.current_page_item{



	border-bottom:2px solid #C1D73F;



color:white;



}







#navig ul li.current_page_item:hover{


border-bottom:2px solid #C1D73F;
	border-bottom: none;



}







img.img-serv{width:77px; height:67px;}







#content .portfolio {



background-position:right center;



background-repeat:repeat-y;



border:none;



display:inline;



float:left;



padding-right:20px;



width:886px;



}







#portfolio_item{



	background-image:url(images/line.png);



background-position:center bottom;



background-repeat:repeat-x;



	padding-bottom:15px;



	overflow: hidden;



	margin-top:15px;



	



}







#portfolio_item h3{

text-shadow: -1px -1px #000;

	float:right;



	color:#E6E6FA;



	font-size:26px;



	border-bottom:1px dotted #4C5154;



	margin-top:20px;



	width:350px;



	background:none;







	



}



ul.portfolio_ul{



	width:350px;



	float:right;



	text-align: left;



}







ul.portfolio_ul li{



background:transparent url(http://www.uidigital.com/wp-content/uploads/2009/04/tick.png) no-repeat scroll 0 8px;



border-bottom:1px dotted #4C5154;



line-height:1.8em;



padding-bottom:7px;



padding-left:35px;



padding-top:7px;



	



}







ul.portfolio_ul li.no-image{



	background: none;



	font-size:18px;



	color:white;



	padding-left:0;



	border-bottom:none;



	font-weight:normal;



}







span.visit{



	font-size:10px;



	color:#dfdfdf;



	float:right;



	margin-left:16px;



margin-top:-5px;



}



span.preview{



	font-size:10px;



	color:#dfdfdf;



	float:right;



	margin-left:10px;



	margin-top:-5px;



}



#post{



	position:relative;



}



.entry{



	position:relative;



}.videoplay{border: 1px solid gray;}



.videoplay:hover{border: 1px solid black;}







/* splash */







#splash-top-box{



background-image:url(images/splash-box-back.png);



background-repeat:repeat;



height:150px;



overflow:hidden;



padding:25px 10px;



width:866px;



-moz-border-radius:10px;



-webkit-border-radius:10px;



}







#post #splash-top-box h2{



background:transparent none repeat scroll 0 0;



border:medium none;



color:#CDDC59;



float:left;



font-size:36px;



line-height:40px;



margin-top:14px;



text-align:right;



font-family: "Trebuchet MS";



font-weight:normal;



 



}







#splash-top-box a.splash-quote{



background-image:url(images/splash-get-a-quote.png);



background-repeat:no-repeat;



display:block;



float:right;



height:75px;



margin-right:26px;



margin-top:20px;



text-indent:-99999px;



width:244px;



}



#splash-top-box a.splash-quote:hover{



	background-image:url(images/splash-get-a-quote-hover.png);



background-repeat:no-repeat;



}



#post #splash-top-box p{



color:#64C3F1;



float:right;



font-size:29px;



line-height:30px;



margin-right:31px;



margin-top:6px;



}







#splash-testimonial{



	padding:30px;



	margin-top:20px;



	}



#post #splash-testimonial h3{



	font-size:30px;



	background: none;



	color: white;



	text-align:center;



}	







#post #splash-testimonial p{



	text-align: right;







}







.splash-box{



background-image:url(images/splash-box-back.png);



background-repeat:repeat;



float:left;



margin-right:25px;



min-height:135px;



padding:20px;



width:238px;



display:inline;



-moz-border-radius:10px;



-webkit-border-radius:10px;



}







#post .splash-box h4,



#post #splash-portfolio h5{



	color:#CDDC59;



	font-size:24px;



}







#post .splash-box ul li{



background:transparent url(images/tick.png) no-repeat scroll 0 8px;



	font-size:14px;



	padding-top:8px;



	padding-bottom: 8px;



	border-bottom: 1px dotted gray;



	padding-left:33px;



}







.last-box{



	float: right;



	margin-right: 0px;



}







#splash-portfolio{



background-image:url(images/splash-box-back.png);



background-repeat:repeat;



min-height:160px;



margin-top:25px;



overflow:hidden;



padding:25px 10px;



width:866px;



-moz-border-radius:10px;



-webkit-border-radius:10px;



overflow:hidden;



}







#splash-portfolio img{



display:inline;



float:left;



margin-left:25px;



margin-right:0px;



margin-top:25px;



}







#post #splash-portfolio p a{



	float: right;



	clear: both;



	margin-top:15px;



}



/* ================================================================ 

multilevel navig 

================================ */

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.4em; z-index:300; width:100%; background:transparent; font-weight:normal;}

#dropmenu a {color:#eee;

display:block;

text-decoration:none;

text-shadow: -1px -1px #000;}

#dropmenu a:hover {background:transparent; color:#fff;}

#dropmenu li {float:left; position:relative;}

#dropmenu ul {position:absolute; display:none; top:1.9em; left:1px;}

#dropmenu ul a {border-right:2px solid #272727;border-left:2px solid #272727;}

#dropmenu li ul {margin-left:-1px;

margin-top:21px;

width:auto; 
z-index:510;}

*+ html #dropmenu li ul{
z-index:510;
	margin-top:17px;
height:auto;
}

#dropmenu li ul li {width:auto; border-left:none; border-right:none; background-image: none; z-index:510;}

#navig #dropmenu li ul a {background:#181818; width:13em; height:auto; float:left;  text-align:center; border-left:none; text-transform: none; border-right:none; margin-left:0px;border-bottom:1px solid #585858; font-size:11px;}

#dropmenu ul ul {top:auto;z-index:510;}

#dropmenu li ul ul {left:11em; margin:0px 0 0 10px;}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block; background:#000; filter:alpha(opacity=90);

	-moz-opacity:0.9;

	opacity:0.9;}

#dropmenu ul li ul li ul li a{

	text-indent: 5px;

	border-left: 1px solid #272727;

}

#navig ul#dropmenu li ul li.current_page_item{

	border: none;

}

#navig ul#dropmenu li ul li a:hover{

	background:#000;

}

img.aligncenter{
	display:block; margin:0 auto;margin-bottom:5px;
}
img.alignright{
	float:left;
margin-bottom:5px;
margin-left:10px;
	
}
img.alignleft{
	float:left;
margin-bottom:5px;
margin-right:10px;
}

.sidebar-list{
	margin-top: 20px;
}

h2, h3, ul.tabs li a, .slider h3{
	letter-spacing: 0.04em;
}