/* CSS Document */

/*   
Theme Name: DT2GO Wordpress Theme
Theme URI: http://www.DT2GO.com/
Description: First Wordpress Theme design by DT2GO.com 
Author: Charles DeShazer
Author URI: http://www.dt2go.com
Version: 1.0
.
General comments/License Statement if any.
.
*/

a img{
	border:0;
}

*{
	margin:0;
	padding:0;
	color: #ffffff;
}

body {
	height:100%;
	width:947px;
	margin: 0px auto;
	background-color:#000000;
	padding: 0px;
}


body#services {
	width:947px;
	height:900px !important; 
	margin: 0 auto; 
	padding: 0px;
}




#logo {
	float:left;
	margin:0px 15px -25px 0px;
	padding:0;
	height:220px;
	width:500px;
	background:url(images/logo_03.png) top left no-repeat;
}



/*SLIDER CSS*/


#s3slider {
   width: 855px; /* important to be same as image width */
   height: 225px; /* important to be same as image height */
   position: relative; /* important */

   background-image: url(images/header-bg.jpg);
   margin: 0px 0px 30px 35px;
    border: 3px solid #000000;
}

#s3sliderContent {
   width: 855px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style-type: none;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 18px/25px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 832px;
   height:70px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
/*End Slideshow CSS */



	
#pageContainer {
	display:block;
	background: url(images/BG_03.jpg) no-repeat;
	height:980px;
	width:947px;
	text-align: left;
	margin-left: 20%;
	margin-right: 20%;
	margin: 0px auto; 
	padding: 0;
}

#headerimage {
	display:block;
	background: url(images/headertop.jpg) no-repeat;
	height:285px;
	width:947px;
	text-align: left;
	margin-left: 20%;
	margin-right: 20%;
	margin: 0px auto; 
	padding: 0;
}


#Centercol{
	float:left;
	position:relative;
	height:250px;
	width:960px;
	margin: 0 auto; 
	padding: 3px 10px 0px 0px;	
}

#webdesign {
	float:left;
	position:relative;
	height:250px;
	width:200px;
	margin: 0px 5px 0px 30px; 
	padding: 0px 0px 0px 0px;	
}

#nonprofit{
	float:left;
	position:relative;
	height:250px;
	width:200px;
	margin: 0px 5px 0px 20px; 
	padding: 0px 0px 0px 0px;
	}

#consulting {
	float:left;
	position:relative;
	height:250px;
	width:200px;
	margin: 0px 5px 0px 20px; 
	padding: 0px 0px 0px 0px;
}

#support {
	float:left;
	position:relative;
	height:250px;
	width:200px;
	margin: 0px 5px 0px 15px; 
	padding: 0px 0px 0px 0px;
}


 .Title {
	position:absolute;
	text-align:center;
	top:17px;
	left:25px;
	width:160px;
    color:#fff;
    font-size:24px;
    font-family:arial,sans-serif;
	}

.Content {	
	top:50px;
	left:15px;
	position:absolute;
	width:175px;
	height:50px;
	color:#fff;
    cursor:default;
    font-size:14px;
    font-family:arial,sans-serif;	
	}	
	
#titleContent {
	padding:30px 10px 0px 15px;
	position:relative;
	width:500px;
	height:60px;
	color:#000000;
    cursor:default;
    font-size:30px;
    font-family:arial,sans-serif;
	}
	
.Content2 {
	top:100px;
	left:15px;
	position:absolute;
	width:150px;
	height:50px;
	color:#fff;
    cursor:default;
    font-size:12px;
    font-family:arial,sans-serif;	
	}
	
.logobox{
	position:absolute;
	top:30px;
	left:95px;
	list-style:none;
}
	


	
	
/* Menu navigation */
 
#menunav{
	width:960px;
	height: 100px;
	text-align: center;
	margin: 0px 0px 0px 72px;
	clear:both;
}

ul#menunav {
	margin: 0px 0px -10px 72px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	color:#fff;
	width: 960px;
}
ul#menunav li {
	float: left;
	margin: 0; padding: 0;
}

/*--CSS Sprites - Default State--*/
ul#menunav a {
	overflow:hidden;
	list-style:none;
	width:100%;
	float: left;	
	height: 52px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/	
}

/*--CSS Sprites - Hover State--*/
ul#menunav a:hover {
	background-position: left -52px;
}

/*--Assign an image and width to each link--*/
ul#menunav li.home a {
	background-image: url(images/home.png);
	width: 130px;
}
ul#menunav li.aboutus a {
	background-image: url(images/aboutus.png);
	width: 130px;
}
ul#menunav li.services a {
	background-image: url(images/Services.png);
	width: 130px;
}
ul#menunav li.community a {
	background-image: url(images/community.png);
	width: 130px;
}
ul#menunav li.partners a {
	background-image: url(images/partners.png);
	width: 130px;
}
ul#menunav li.jobs a {
	background-image: url(images/cooljobs.png);
	width: 130px;
}

#home li.home a, /*--Home Page > Home Link--*/
#aboutus li.aboutus a, /*--About Page > About Link--*/
#services li.services a, /*--Services Page > Services Link--*/
#community li.community a, /*--Portfolio Page > Portfolio Link--*/
#partners li.partners a, /*--Contact Page > Contact Link--*/
#jobs li.jobs a /*--Blog Page > Blog Link--*/
{
	background-position: left bottom;
}





/*Jobs Page CSS */

#jobscontent {
	padding: 0px;
	margin: 0px 0px 0px 200px;
	position:relative;
	width:600px;
	height:60px;
	color:#000000;
    cursor:default;
    font-size:18px;
    font-family:arial,sans-serif;
	}
	
#jobscontent p{
	text-indent:25px;
	padding: 0;
	margin: 0;
	color:#fff;
    font-size:18px;
    font-family:arial,sans-serif;
	}
	





ul.links{
	display:block;
	margin:0px 610px 0 0px;
}

ul.links2{
	width:650px;
	display:block;
	margin:0px 40px 0 165px;
}

ul.validator{
	float:right;
	display:block;
	margin:-40px 60px 0 0px;
}



/*Jquery featured clients hover efffect*/
ul.thumb {
	float: left;
	list-style: none;
	margin: 25px 0px 0px 415px;
	padding: 10px;
	width: 550px;

}
ul.thumb li {
	margin: 0; 
	padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 150px;
	height: 87px;
	border: none;
	
}
ul.thumb li em {
	background: url(images/hover.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	color:#000;
	
}


ul.thumb li img {
	width: 150px; 
	height: 87px; /* Set the small thumbnail size */
	border: none;
	
	padding: 0px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	
}

ul.thumb li img.hover {
 /* Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}



a:link,a:visited{
	color:#fff;
	text-decoration:none;
}


.post{
	font-size:14px;
    font-family:arial,sans-serif;
	padding: 15px 0px 0px 0px;


}


.twitterpost{
	float:left;
	padding: 0px 2px 0px 0px;
	margin: 40px 2px 0px 40px;
	background:url(images/username.png) top left no-repeat;
	width:200px;
	height:200px;
	
    
    font-size:18px;
    font-family:arial,sans-serif;
}



.news{
	padding: 0px 43px 0px 35px;
	margin: 55px 2px 0px 0px;
	float:left;
    width:300px;
	height:170px;  
    font-size:12px;
    font-family:arial,sans-serif;
}

.login{
	padding:60px 2px 0px 2px;
	margin: 0px 2px 0px 20px;
	float:left;
	width:260px;
	height:140px;
 
    font-size:16px;
    font-family:arial,sans-serif;
}

.login p{
	padding:0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;

}




#aboutcontent{
	padding: 220px 0px 0px 160px;
	margin: 0px;
	position:relative;
	width:947px;
	height:640px;
	color:#000000;
    font-family:arial,sans-serif;
	background:url(images/aboutus_BG.jpg) top left no-repeat;
}

#aboutcontent p{

	width:600px;
	height:60px;
	text-indent:20px;
	margin:23px;
	padding:0px 2px;
	border:thin #009966;
}

/* Careers accordian menu */
.demo-show {
  width: 350px;
  margin: 1em .5em;
}
.demo-show h3 {
  margin: 0;
  padding: .25em;
  background: #bfcd93;
  border-top: 1px solid #386785;
  border-bottom: 1px solid #386785;
}
.demo-show div {
  padding: .5em .25em;
}


#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}





#partnercontent {
  
	color:#fff;
 
    font-size:18px;
    font-family:arial,sans-serif;
	width:620px;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:230px 0px 0px 0px;
}

#partnercontent p{
    text-indent:35px;
	color:#fff;
    cursor:default;
    font-size:18px;
    font-family:arial,sans-serif;
	width:620px;
	list-style:none;
	margin:0px 0px 0px 163px;
}

#communitylink {
	position:relative;
	float:left;	
	width:650px;
	height:155px;
	color:#fff;
    cursor:default;
    font-size:18px;
    font-family:arial,sans-serif;	
	margin:45px 0px 0px 100px;
	list-style-type:none;
}

#stmaarten{
float:left;
width:550px;
height:445px;
margin:200px 0px 30px 250px;
}

#communitylink img{
	position: absolute;
	top:0px;
	left:0px;
	float:left;	
}

#communitylink h2{
	position: absolute;
	top:-7px;
	left:250px;
	float:left;	
}

#communitylink p{
	position: absolute;
	top:40px;
	left:250px;
	float:left;	
}

#communitylinks{
	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;	
}



ul#thumb2 {
	float: left;
	list-style: none;
	margin: 12px 0px 258px 188px;
	padding: 10px;
	width: 600px;
	height:275px;	
	overflow:hidden;
}
ul#thumb2 li {
	margin: 0; 
	padding:5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 125px;
	height:125px;
	border: none;
}



#partnerswrap {
	background:url(images/partner_BG.jpg) center no-repeat #000000;
	background-position:top center;
    height:886px;
	width:947px;
    overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



#indexwrap {
    height:100%;
	width:947px;
	background:url(images/BG_03.jpg) top center no-repeat #000000;
	margin: 0px 0px 0px 0px ;	
	padding: 0px;
}


#aboutwrap {
    height:1200px;
	width:947px;
	background:url(images/aboutus_BG.jpg) top center no-repeat #000000;
	margin: 0px auto;	
	padding: 0px;
}

#communitywrap {
    height:1400px;
	width:947px;
	background:url(images/community_BG.jpg) top center no-repeat #000000;
	margin: 0px 0px 0px 0px ;	
	padding: 0px;
}

#serviceswrap {
    height:900px;
	width:947px;
	background:url(images/services_BG.jpg) no-repeat #000000;
	background-position:top center;
	margin: 0px auto;	
	padding: 0px;
}



#jobswrap {
	height:1360px;
	width:947px;
	background:url(images/cooljobs_BG.jpg) center no-repeat #000000;
	background-position:top center;
	margin: 0px 0px 0px 0px ;	
	padding: 230px 0px 0px 0px;	
}





/*Footer CSS*/

#footer {
	background:url(images/footer.jpg) top center no-repeat #000000;
	position:relative;
	top:0px;
	left:0px;
	text-align:center;
	z-index:10;
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 947px;
	height:115px;
}

#footer p{
color:#2F3135;
}

color:#2F3135;
#footer, .push {
	height: 115px; /* .push must be the same height as .footer */
}

#dt2go_bottom{
	display:block;
	margin:0px;
	padding:40px 0 0 0px;
	line-height:10px;
}

#copyright{
	display:block;
	padding:10px 0 0 40px;
	line-height:10px;
}


#dt2go_bottom li{
	display:inline;
	line-height:12px;
	padding:15px 0 0 10px;
	font-size:15px;
	font-family:arial,sans-serif;
}

#dt2go_bottom li:hover{
    text-decoration:underline;
}

/* End Footer CSS*/








/*Jobs Stylesheets*/

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

ul.ui-accordion-container {
			 width:360px;
			 margin: 0px 0px 0px  0px;
			 padding: 0px 0px 0px 5px;
			 list-style-type: none;
 }
 
ul.ui-accordion-container li {
			 margin:0;
			 margin-bottom: 2px;
			 padding: 0;
			
			 background-repeat: no-repeat;
 }
 
 
 #content
 {
 margin: 230px 0px 110px 150px;
 }
ul.ui-accordion-container li a.ui-accordion-link  /*ACC1*/
{ 

			display: block;
			 padding-left: 125px 0px 0px 0px;
			 margin:0px 0px 0px  0px;
			 height: 80px; 
			 width: 600px; 
			 background-image: url(/wp-content/themes/DT2GO/i/accordion-middle-over.png);
			 color: #000;
			 text-decoration: none; 
			 
			 
			  font: 34px Helvetica, Arial, sans-serif;
			
 }

 
 ul.ui-accordion-container li a.ui-accordion-lik 
{ 
			display: block;
			 padding-left: 5px;
			 margin-right: 3px;
			 background-image: url(i/accordion-right-act.png);
			 height: 50px; 
			 width: 577px; 
			 background-color: #000;
             color: #000;			 
			 text-decoration: none; 
			
 }

  ul.ui-accordion-container li:hover a.ui-accordion-lik 
{ 
			display: block;
			 padding-left: 5px;
			 margin-right: 3px;
			 height: 50px; 
			  background-image: none;
			 width: 577px; 
			background-color:#000;
             color: #000;			 
			 text-decoration: none; 
		
 }

.graphics{
margin: 0px 15px;
background-color:#000;
border-style:solid;
border-width:1px;
font-size:16px;
width:560px;}






ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(i/accordion-middle.png); }


ul.ui-accordion-container li.active { background-image: url(i/accordion-left-act.png); }
ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(/wp-content/themes/DT2GO/i/accordion-middle-act.png); }
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(i/accordion-right-act.png); }





/*Service page CSS*/


ul#filter li.artist a {
	background-image: url(images/ArtistIconspirit.png);
	height:190px;
	width: 110px;
}

ul#filter li.tweet a {
	background-image: url(images/twitterspirit.png);
	height:190px;
	width: 110px;
}

ul#filter li.pro a {
	background-image: url(images/proiconspirit.png);
	height:190px;
	width: 110px;
}

ul#filter li.ecommerce a {
	background-image: url(images/ecommercespirit.png);
	height:190px;
	width: 110px;
}

ul#filter li.commercial a {
	background-image: url(images/commercialspirit.png);
	height:190px;
	width: 110px;
}

ul#filter li.blogs a {
	background-image: url(images/blogsspirit.png);
	height:190px;
	width: 110px;
}


a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }



/*****Basic Layout*****/
div#container { display:block; margin: 20px auto 0; overflow: hidden; width: 900px; overflow:hidden;}

ul#filter { 
	float: left;
	margin:200px 95px 30px 95px;
	padding:0px 0px;
	text-decoration: none; 
	font-size: 16px; 
	list-style: none; 
	width: 100%;
 }
ul#filter li { 
    display:inline;
	float: left;
	text-decoration: none; 
	margin-right: 10px;
	padding-right: 10px;
}

ul#filter a { 
	display:block;
	color: #999;
	text-decoration: none; 
	text-indent: -3000px;      
    padding: 0px;
          }
		  

/*--CSS Sprites - Hover State--*/
ul#filter a:hover {
	background-position: left -200px;
}



ul#portfolio { float: left; list-style: none; margin-left: 0; width: 200px; height: 290px; overflow:hidden;
padding: 0px 0px 0px 200px; margin: 40px 0px 0px 0px;}
ul#portfolio li { 
display:none;
	overflow:hidden;
	float: left; 
	margin: 10px 10px 10px 0px; 
	padding: 0px;
	width: 302px;
}
ul#portfolio2 {position:relative;display:block; float:left; width: 200px; height: 290px; margin:35px 0px 0px 170px;
padding: 70px 0px 0px 25px; 	
}



#layoutwrap{
display:block;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
}


ul#portfolio2 li.professionals,
ul#portfolio2 li.commercial,
ul#portfolio2 li.e-commerce,
ul#portfolio2 li.twitter,
ul#portfolio2 li.artist,
ul#portfolio2 li.blogs{ 

	display:none;
	position:absolute;
    top:0px;
    left:0px;
	overflow:hidden;
	float: left; 
	padding: 0px;
	width: 302px;
	
	
}

ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 4px solid #000; display: block; padding-bottom: 0px; }


.Clients{
width:900px; 
height:130px; 
float:left;
margin:50px 0px 50px 25px;
}
.imageplace{
float:left;
margin:0px 15px 0px 100px;
border:3px solid black;
}

.clients h2{
float:left;
margin:0px 0px 0px 5px;
}
.paragraph{
float:left;
width:350px;
margin:0px 0px 0px 15px;
}