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

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


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

#topnavbar {
background-image:url( header.jpg);
margin:0 auto;
width:1028px;
height:164px;
position:relative;
}

#topnavbar h1{ padding-top:60px; padding-left:300px; width:700px; text-align:left;
}
#middlecontainer {

margin:0 auto;
width:1028px;
height:auto;
display:block;
}
#middlecontainer h1 {color:white; font-size:20px; padding:30px; text-align:left; }
#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:22px;
width:400px;
line-height:37px;
text-align:left;

}
#middlecontainer .content {
width:980px;
margin:0 auto;
height:auto;
text-align:left;
}
#infopanel {
background:#1F1520 url( infogradient.jpg) repeat-x;
width:100%;
height:auto;
padding-bottom:40px;
border-top:1px solid #6C4071;

}
#infopanel a { color: #87cbff; border-bottom: 0 none; font-weight: bold;}
#infopanel a:hover { color:#bd77c7;}
#infopanel p {font-size:17px; line-height:33px; margin-bottom:25px; text-align:left;}
#infopanel h1 {text-align:left; margin-left:15px;}
#infopanel h2 {color:#804D86; text-align:left; background-image: url(left_bg.jpg); display:block;}
#infopanel h3 {color: #fff; text-align: left;}
#boxwrapper { color:#000; text-align:left;
padding-top:14px;
margin: 0px auto;
width:980px;
position:relative;
}

.mainContent {
	width:658px;
	float:left;
	height:auto;
	margin-right:20px;
}
#infopanel .aboutContent p {color:white;font-size:15px;margin:10px 0 0 15px; padding:5px; line-height:25px; }
#infopanel .aboutContent h1{color:white;margin-left:15px; border-bottom:#6C4272 dotted 2px;}
.breakHorizontal {
	clear:both;
	float:left;
	width:628px;
	border-bottom:#6C4272 dotted 2px;
	margin-top:15px;
	margin-left:15px;
}
.serviceContent { background:#fff url(left_bg.jpg) top no-repeat; color:#000; text-align:left; border:3px dotted #CCC;
        width:536px; margin-right:14px;
        float:left;
        height:auto;
        padding:14px 25px 25px 25px;
        }
.serviceContent h2{ border-bottom:1px dashed #fff;
        }
.serviceContent h3{font-weight:bold; font-size:12px; line-height:25px;
        }
#infopanel .serviceContent p {font-size:12px;margin:4px 0 0 0; padding:5px; line-height:25px; }
#infopanel .serviceContent h1{color:white;margin-left:15px; border-bottom:#6C4272 dotted 2px;}
.breakHorizontal {
	clear:both;
	float:left;
	width:628px;
	border-bottom:#6C4272 dotted 2px;
	margin-top:15px;
	margin-left:15px;
}
#infopanel .mainContent p {color:white;font-size:12px;margin:0 0 0 15px; padding:5px; line-height:15px;}
#infopanel .mainContent h1{	color:white;margin-left:15px; border-bottom:#6C4272 dotted 2px;}
#infopanel .mainContent h2{color:white;margin:5px 0 10px 15px;}
#infopanel .mainContent h3{margin:10px 0 0 20px; }
#infopanel .serviceContent h3{color:#000000;
}
.mainTech {
	width:400px;
	height:auto;
	float:left;
border-left:#6C4272 2px dotted;
	margin-top:10px;
}

/* Services Buttons */
.services {

	float: left;
}
.services h1 { margin-left:10px;}
.services ul {
    background-color:#0E090F;
	width:295px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px 0;
}
.services li {
	list-style-type: none;
}
#infopanel .services a
{
display: block;
width:280px;
color:#87CBFF;
text-decoration:none;
padding:10px 5px 10px 10px;
font-weight:normal;
text-align:left;
}
#infopanel .services a:hover {
	display:block;
	background-color:#3c2740;
	font-weight:normal;
	color:#FFF;
        border-bottom:1px solid #6C4272;
}
/* End of Service Buttons */
.portCategory {
	width:200px;
	height:250px;
	float:left;
	margin-left:15px;
	margin-top:10px;
}

#infopanel .mainContent .portCategory h2 {
	border-bottom:#372138 dotted 2px;
	width:90%;
	margin:10px 0 0 10px;
}
#infopanel .mainContent .portCategory h2:hover {
        text-align:left;
	border-bottom: 2px dotted #6C4071;
	color:#D39BDA;
       width:90%;
}
#infopanel .mainContent .portCategory a {
       text-align:left;
       color:white;
       width:100%;
        }
#infopanel .mainContent .portCategory a:hover {
        text-align:left;
	color:#D39BDA;
       width:100%;
}
	
#infopanel .mainContent .portCategory p {
	font-size:12px;
	line-height:15px;
	margin:10px;
    
	
}
.bottom {
	clear:both;
	width:100%;
}
	
.middlebreak {
width:1028px;
height:62px;
background:url( midbreak.jpg);
margin:0 auto;

}
.bg {
	width:100%;
	background:url( mid-left.jpg) repeat-x;
}
#footer { color:#fff; font-size:12px; text-align:center; padding-top:14px;
background-color:#000000;
width:100%;
float:left;
}