@charset "utf-8";
/* CSS Document */


* { 
margin: 0;
padding: 0;
border: 0 none;
font-weight: normal;
font-style: normal;
text-decoration: none;
outline-style: none;
text-align:center;

}


body {
	
background-color:#060407;
color:#fff;
font-family: Verdana, sans-serif;
font-size:14px;
overflow-x:hidden;
} 

#topnavbar {
background-image:url(./assets/assets/header.jpg);
margin:0 auto;
width:1028px;
height:164px;
position:relative;
}
#header_left {
display:block;
position:absolute;
top:0;
left:0;
width:50%;
height:164px;
background:url(./assets/assets/headerright.jpg) repeat-x top;}


#header_right {
display:block;
position:absolute;
top:0;
right:0;
width:50%;
height:164px;
background:url(./assets/assets/headerleft.jpg) repeat-x top;
			}
#logobutton {
width:375px;
height:150px;
position:absolute;
top:0;
left:0;
}

#middlecontainer {
background-image:url(./assets/assets/background.jpg);
background-position:bottom;
margin:0 auto;
width:1100px;
height:292px;
display:block;
}
#middlecontainer a { color:#87cbff; border-bottom: 0 none; font-weight: bold;}
#middlecontainer a:hover { color:#bd77c7;}
#middlecontainer p {
float:left;
margin:20px 0 0 15px;
font-size:16px;
width:400px;
line-height:23px;
text-align:left;

}
#middlecontainer .content {
width:980px;
margin:0 auto;
height:100%;
position:relative;
text-align:center;
}

#middlecontainer .content .logo {
width:434px;
float:left;
}

#middlecontainer img#title {
float:left;
width:320px;
height:60px;
}
.logo .line {
font-size:18px;
font-weight:bold;
color:#fff;
float:left;
text-align:left;
margin:0 0 0 14px;
width:100%;
}



#middlecontainer img.trigger {
position:absolute;
right:0;
margin-top:0;
}

.bubbleInfo {
	width:auto;
	height:auto;
}

.popup {
    position:absolute;
	text-indent:-9999px;
	width:180px;
	height:20px;
	background-image:url(assets/assets/bubble.png);
	z-index: 50;
    display: none; /* keeps the popup hidden if no JS available */
}

#infopanel {
background:#1F1520 url(./assets/assets/infogradient.jpg) repeat-x;
width:100%;
height:605px;
padding-bottom:114px;

}
#infopanel a { color: #87cbff; border-bottom: 0 none; font-weight: bold;}
#infopanel a:hover { color:#bd77c7;}
#infopanel  .ninja p {font-size:13px; line-height:25px; margin-bottom:25px; text-align:left; padding-left:5px;}
#infopanel  .phil p {font-size:13px; line-height:25px; margin-bottom:25px; text-align:left; padding-left:5px;}
#infopanel .success p {font-size:12px; line-height:25px; text-align:left;}
#infopanel h1 {text-align:left;}
#boxwrapper {
margin:40px auto 0 auto;
width:980px;
position:relative;
}

/*#boxwrapper h1 {font-size:20px;color:#39FEF2;margin-bottom:30px;font-weight:bold;}*/
#boxwrapper .ninja h2 {
	display:block; 
	text-indent: -9999px; 
	background-image:url(./assets/assets/name.png);
	height:69px; 
	margin-bottom:15px;

	}
.ninja {
float:left;
width:270px;
margin:0 7% 0 15px;
}
#boxwrapper .success h2 {
	display:block; 
	text-indent: -9999px; 
	background: transparent url(./assets/assets/services.png);
	background-repeat:no-repeat;
	height:69px;
	margin-bottom:15px;
	}
.success {
float:left;
width:270px;
margin:0 4% 0 0;
}
.phil {
float:left;
width:280px;
overflow:visible;

}
#boxwrapper .phil h2 {
	display:block; 
	text-indent: -9999px; 
	background-image:url(./assets/assets/phil.png);
	background-repeat:no-repeat;
	height:98px;
	margin-left:-20px;
	margin-top:-17px;
	}
	
	
.middlebreak {
width:1028px;
height:62px;
background:url(./assets/assets/midbreak.jpg);
margin:0 auto;

}
.bg {
	width:100%;
	background:url(./assets/assets/mid-left.jpg) repeat-x;
}

#footer {
background-color:#000000;
width:100%;
float:left;
}
#footImg {
background: url(./assets/assets/skyline.png) no-repeat;
margin-top:-114px;
padding-top:114px;
width:100%;
}
.btmlinkcont {
width:300px;
padding-top:40px;
padding-left:10px;
margin-left:10px;
float:left;
height:350px;
}

.btmlinkcont .btmheadcont {
width: 270px;
height:40px;
background-color: #1F1520;
margin-top:10px;
margin-left:10px;
float:left;
border:1px solid;
border-color: #6B3F70 #1F1520  #1F1520  #6B3F70;
}
.btmheadcont h3 {
font-size:20px;
margin:7px;
}

.btmlinkcont p {
margin:25px 10px;
}

/*Footer buttons*/
.footbtn{
        margin-top:15px;
	float:left;
}

.footbtn ul {
   
	width:230px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px 0;
}
.footbtn li {
	list-style-type: none;
}
.footbtn a
{
background:url(./assets/assets/arrowbtn.gif) no-repeat scroll 10px 13px;
padding:10px 10px 10px 30px;
display: block;
width:230px;
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
text-align:left;
border-bottom:1px solid #1F1520;
}

.footbtn a:hover {
	display:block;
	background-color:#1F1520  ;
	font-weight:normal;
	color:#FFF;
        border-bottom:1px solid #6C4272;
}
.clearfoot {
width:100%;
clear:both;
}
/* End Foot buttons*/

#navlist li
{
display: inline;
list-style-type: none;
}



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

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
.spacer {
	width:100px;
	margin:0 auto;
}
ul#navlist {
	clear:both;
	position:absolute;
	top:54px;
	right:-6px;
}
ul#navlist li {
		float: right;
			
		cursor: pointer;
		
		}

ul#navlist li a { display: block; text-indent: -9999px; }

ul#navlist #blog { background:url(../../assets/assets/buttons/NewNav1.jpg); height: 49px; width: 97px; }
ul#navlist a:hover#blog, ul#navlist #blog-now { 
	background: url(../../assets/assets/buttons/NewNav2.jpg); background-position:0px -49px; width:97px; height:49px; }

	ul#navlist #work { background:url(../../assets/assets/buttons/NewNav1.jpg); height: 49px; width:111px; background-position:-97px 0px; }
	ul#navlist a:hover#work, ul#navlist #work-now { 
		background: url(../../assets/assets/buttons/NewNav2.jpg); background-position:-97px -49px; }

ul#navlist #services { background:url(../../assets/assets/buttons/NewNav1.jpg); background-position:-208px 0px; height: 49px; width: 151px; }
ul#navlist a:hover#services, ul#navlist #services-now { 
	background: url(../../assets/assets/buttons/NewNav2.jpg); background-position:-208px 0px; height: 49px; width: 151px; }
	
	ul#navlist #about {background:url( ../../assets/assets/buttons/NewNav1.jpg); background-position:-359px 0px; height: 49px; width: 151px; }
	ul#navlist a:hover#about, ul#navlist #about-now { 
	background:url(../../assets/assets/buttons/NewNav2.jpg); background-position:-359px 0px; height: 49px; width: 151px; }
	
	ul#navlist #contact {background:url(../../assets/assets/buttons/NewNav1.jpg); background-position:-510px 0px; height: 49px; width: 150px; }
ul#navlist a:hover#contact, ul#navlist #contact-now {
	background: url(../../assets/assets/buttons/NewNav2.jpg); background-position:-510px 0px; height: 49px; width: 150px; }
#navlist li
{
display: inline;
list-style-type: none;
}

/*#navlist a { padding: 3px 10px; }*/
#footer .footwrapper {
	margin:0 auto;
	width:1028px;
}


ul#nav
{
	margin:0 auto;
color:#9f6ca5;
padding-right:5px;
white-space: nowrap;
}

#nav li
{
display: inline;
list-style-type: none;
}

#nav a { padding: 3px 10px; }

#nav a:link, #nav a:visited
{
color: #9f6ca5;
text-decoration: none;
}

#nav a:hover
{
color: #fff;
text-decoration:underline;
}

/* Accordion */
.AccordionTitle, .AccordionContainer
{
  position:relative;
  width:225px;
  overflow:hidden;
 
}

.AccordionTitle
{ 
  height:32px;
  overflow:hidden;

  text-align:left;
  cursor:pointer;
  text-indent:-9999px;
  color:#fff;
  font-size:15px;
 
  
}
.designAcc {

}
.AccordionTitle .designAcc {
	background:#332036 url(./assets/assets/designACC.jpg) no-repeat;
	height:32px;
	width:225px;
}
.AccordionTitle .logoAcc {
	background:#432847 url(./assets/assets/identityACC.jpg) no-repeat;
	height:32px;
	width:225px;
}
.AccordionTitle .seoAcc {
	background:#59365E url(./assets/assets/seoACC.jpg) no-repeat;
	height:32px;
	width:225px;
}
.AccordionTitle .hostingAcc {
	background:#764A7D url(./assets/assets/hostingACC.jpg) no-repeat;
	height:32px;
	width:225px;
}
.AccordionContent
{
  height:0px;
  display:none;
  text-align:left;
  font-size:13px;
  overflow:hidden;
  padding:5px;
  width:215px;
  
}
.acc1 {
	background-color:#332036;
	min-width:215px;
}
.acc2{
	background-color:#432847;
	min-width:215px;
}
.acc3{
	background-color:#59365E;
	min-width:215px;
}
.acc4{
	background-color:#764A7D;
	min-width:215px;
}
.AccordionContent a {
	color:#87cbff;
}

.AccordionContainer
{
	float:left;

}