/* CSS Document */
:link,:visited {text-decoration: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,form {margin: 0; padding: 0;}
address {font-style: normal;}
li, ul {
   font-family: Arial, Helvetica, sans-serif;
   line-height: 15px;
}
/*********************************** Standard Styles **************************************/

iframe {
border: 0px solid #ffffff;
}
.clear {
	clear:both;
	font-size:0px;
	visibility:hidden;
	margin:0;
	padding:0;
	line-height:0px;
}

html{
	background-color:#e7e7e7;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:transparent url(images/layout/body_bg.jpg) top left repeat-x;
	height:327px;
}

#mainContainer {
	width:988px;
	margin:0 auto;
	padding:0px;
}
#backgroundContainer {
	width:988px;	
	margin:0; 
	padding:0;
	background-image:url(images/layout/content_middle_rep.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
#middleContainer {
	width:988px;
	background-image:url(images/layout/content_top_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	margin:0; 
	padding:0;
}
#sideContainer {
	float:left;
	width:222px;
	margin:0;
	padding:0px 0px 0px 0px;

}

/***********************************End Standard Styles ********************************/
/**********************************Header Styles ****************************************/

.printOnly {
	display:none;
}
#headerContainer {
	background-image:url(images/layout/header_bg.jpg);
	height:274px;
	width:988px;
	display:block;
	margin:0; 
	padding:0;
}


#flashHeader {
	height:274px;
	width:988px;
}



#homeLink {
	width:545px;
	height:75px;
	display:block;
	position:relative;
	top:125px;
	float: right;

}


/**********************************End Header Styles ****************************************/
/******************************** Service Button Styles **************************/

#servicebuttonContainer {
   display: block;
   margin: 0px auto 0px auto;
   padding: 0px;
   width: 650px;
   
   
}



#servicebuttonLeftColumn {
   display: block;
   float: left;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   width: 325px;
}

#servicebuttonRightColumn {
   display: block;
   float: right;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   width: 325px;
}

div.servicebutton {
   cursor: pointer;
   display: block;
   height: 67px; /*61px*/
   margin: 7px 0px 0px 0px;
   width: 300px; /*244px*/
   border:none;
   background-color:#FFFFFF;
   background-image: url(images/servicebutton.jpg);
   background-position: bottom;
   background-repeat: no-repeat;
   
}
div.servicebuttonHover {
   cursor: pointer;
   display: block;
   height: 67px; /*61px*/
   margin: 7px 0px 0px 0px;
   width: 300px; /*244px*/
   border:none;
   background-color:#ffffff;
   background-image: url(images/servicebutton_over.jpg);
   background-position: bottom;
   background-repeat: no-repeat;


}
.servicebutton .servicebuttonText{
	line-height:35px;
	padding-left:32px;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	
}
div.servicebuttonHover .servicebuttonText {
	line-height:35px;
	padding-left:32px;
	color:#ffffff; 
	font-weight:bold;
	font-size:11px;
	
}
.servicebutton .servicebuttonClick{
	padding-left:78px;
	font-size:13px;
	font-weight:bolder;
	color:#ffffff;
	
}

div.servicebutton div.image, div.servicebutton div.image {
   display: block;
   float: left;
   position:relative;
   top:12px;
   left:17px;



}

div.servicebutton div.image, div.servicebuttonHover div.image {
   display: block;
   float: left;
   position:relative;
   top:12px;
   left:17px;

}

div.servicebuttonHover .servicebuttonClick {
	
	padding-left:14px;
	color:#a70000; 
	font-size:13px;
	font-weight:bolder;
	
}
.servicebutton strong{
	color:#ffffff;
	font-size:18px;
	padding-left:32px;
	
}
.servicebuttonHover strong {
	color:#FFFFFF;
	font-size:18px;
	padding-left:32px;
}
/************************************* End servicebutton Styles ***********************/
/***********************************Content Styles **************************************/
#contactContainer {
	width:610px;
	height:35px;
	display:block;	
	float:right;
	color:#044c89;
	font-size:12px;
	font-weight:bold;
	padding:30px 130px 0 0px;
}


#contactContainer #address{
	width:300px;
	float:left;
}
#contactContainer #phone{
	width:310px;
	float:right;
	text-align:right;
}
#contentContainer div {
	font-size:12px;
}
#contentContainer h1, #contentContainer h2, #contentContainer h3, #contentContainer h4, #contentContainer h5 {
	font-weight:bold;
	text-transform:capitalize;
	padding-top:5px;
}
#contentContainer table {
	font-size:12px;
}
#contentContainer {
	float:right;
	width: 690px;
	padding:0px 50px 0px 0px;
	font-size:12px;	
}

#contentContainer p {
	font-size:12px;
	color:#151515;
}


/***************** Content Container 2 ************************/

#contactContainer2 {
	width:900px;
	height:35px;
	display:block;	
	float:right;
	color:#044c89;
	font-size:12px;
	font-weight:bold;
}


#contactContainer2 #address{
	width:300px;
	float:left;
}
#contactContainer2 #phone{
	width:310px;
	float:right;
	text-align:right;
}

#contentContainer2 {
	width: 980px;
	font-size:12px;
	padding-left:80px;	
}

#contentContainer2 div {
	font-size:12px;
}
#contentContainer2 h1, #contentContainer2 h2, #contentContainer2 h3, #contentContainer2 h4, #contentContainer2 h5 {
	font-weight:bold;
	text-transform:capitalize;
	padding-top:5px;
}
#contentContainer2 table {
	font-size:12px;
}

#contentContainer2 p {
	font-size:12px;
	color:#151515;
}

/************** Content Container 2 END ***************************/

#residentialBack {
	width:690px;
	background:transparent url(images/residential_bg.jpg) top left no-repeat;

}

#managedBack {
	width:690px;
	background:transparent url(images/managedIT.jpg) top left no-repeat;

}

#cloudBack {
	width:690px;
	background:transparent url(images/cloud_service.jpg) top left no-repeat;

}

#innerContent {
	width:490px;
	padding-left:190px;
	padding-right:10px;
	padding-top:150px;

}

#contentContainer h1 {
	font-weight:bold;
	font-size:16px;
	color:#a03100;
}
#contentContainer h1.pageHead {
	padding-bottom:10px;
	padding-top:3px;
	color: #044c89;
	font-weight:bold;
	font-size:18px;	
}
#contentContainer h2 {
	font-size:15px;
	color:#044c89;
}
#contentContainer h3 {
	font-size:14px;
	color:#044c89;
}
#contentContainer h4 {
	font-size:13px;
	color:#044c89;
}
#contentContainer h5 {
	font-size:12px;
	color:#044c89;
}
#contentContainer ul, #contentContainer ol {
	font-size:12px;
	color:#151515;
	
}
#contentContainer ul {
	margin-left:15px;
}
#contentContainer ol {
	margin-left:25px;
}
h3.redH3, .red, h4.redH4 {
	color:#ff0000;
}
a {
	font-weight:bold;
}
a:link, a:visited {
	color:#044c89;
}
a:active, a:hover {
	color:#9a9a9a;
}
.noShow {
	display:none;
}

/***********************************END Content Styles **************************************/
/*******************************  Footer Styles ************************/

#footerContainer {
	width:988px;
	height:125px;
	display:block;
	background:transparent url(images/layout/footer_bg.jpg) top right no-repeat;
}

#planetcomDesigned{
	width:200px;
	height:40px;
	float:left;
	position:relative;
	top:65px;
	left: 65px;
	/*border:1px solid #00FF66;*/
}
#planetcomLogo {
	width:80px;
	height:80px;
	float:left;
	display:block;
	position:relative;
	top:25px;
	left:40px;
	/*border:1px solid #00FF66;*/
	
	
	
}
#copyContainer {
	height:12px;
	font-size:12px;
	color:#ffffff;
	position:relative;
	font-weight:bold;
	top:100px;
	left:-30px;
	text-align:center;
	float:right;
	
}
#footerContact {
	color:#044c89;
	width:700px;

	margin:0 auto;
	margin-top:10px;
	font-size:11px;
	text-align:center;
	
}
#footerLinks {
	color:#044c89;
	width:700px;
	margin:0 auto;
	margin-top:45px;
	font-size:11px;
	text-align:center;
	
}
#footerLinks a:link, #footerLinks a:visited{
	color:#044c89;
}
#footerLinks a:hover, #footerLinks a:active{
	color:#525252;
}
/******************************* End Footer Styles ************************/

#searchEngine	{
	background-image:url(images/nav/search_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	margin:0px auto;
	padding-left:20px;
	height:32px;
	width:202px;

}

#searchContent	{
	top: 380px;
	left: 350px;
	width: 680px;
	height: 625px;
	overflow: auto;
	padding: 0 10px 0 10px;
	background-color: #fff;
}


#cse-search-results	iframe {
	width: 660px;
}

#cse-search-box	{
	width: 190px;
}

/****** Slide Tab ******/

.slide-out-div {
          padding: 20px;
          width: 250px;
		  height:280px;
          background: #ccc;
          border: 2px solid #002d60;
		  z-index:100;
      }      
	  
.slide-out-div2 {
         padding: 20px;
          width: 250px;
		  height:280px;
          background: #ccc;
          border: 2px solid #760a0a;
		  z-index:90;
      }      

/* ==== START Facebook Tab by Schoberg.net ==== */
#fbtab{
background: url(images/icon-fbtab.png) no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:40%;height:60px;width:165px;margin:0;padding:0;position:fixed;z-index:5000;}
#fbtab a{display:block;width:100%;height:100%;}
/* ==== END Facebook Tab by Schoberg.net ==== */