/*---------------------------------------------------------------------------------------------------


 Element definitions


---------------------------------------------------------------------------------------------------*/





body {


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


    font-size:12px;


    color:#333;


    margin-top: 0;


    margin-bottom: 0;


    margin-right: 0;


    margin-left: 0;





    /* force vertical scrollbar in Mozilla browsers */


	overflow:-moz-scrollbars-vertical;





}





a {


    border:none !important;


    color:#467699;


    text-decoration:none;


}





img {


    border:none;


}





table {


    border-collapse: collapse;


}





table .first {


    border-left-color:#fff !important;


}





/*---------------------------------------------------------------------------------------------------


 Layout blocks


---------------------------------------------------------------------------------------------------*/


#wrapper {


    width:750px;


    margin:1%;


}





#title {


    display:block;


    width:auto;


    height:90px;


    margin-top: -10px;


    text-indent:-9999em;


    background:url(../images/title7.gif) no-repeat;


    margin-bottom:15px;


}





#primary_nav {


    border-top:15px solid #467699;


    border-bottom:7px solid #467699;


}





#content {


    width:610px;


    overflow:auto;


    margin:0;


    border-bottom:9px solid #467699;    


    padding:10px 0;


    background-position:0 70% !important;


    background-repeat:no-repeat !important;


}





* html #content {


	overflow:visible;


}








}


#content h2 {


    margin:15px 0;


    padding:2px 5px;


    background:#467699;


    color:#fff;


    font-size:12px;


    text-transform:uppercase;


}





#column1 {


	float:right !important;


    width:410px;


    margin-top:5px;


    border-left:1px solid #467699;


    padding:10px 0 10px 10px;


    min-height:250px;


}





* html #column1 {


	height:250px;


}





#footer {


    text-align:center;


}





/*---------------------------------------------------------------------------------------------------


 Primary Nav


---------------------------------------------------------------------------------------------------*/


#primary_nav ul {


    margin:0;


    padding:15px 0 20px 0;


    overflow:auto;


    width:100%;


}





#primary_nav ul li {


    display:block;


    float:left;


    border-left:2px solid #467699;


    padding:0 10px;


    color:#467699;


    text-transform:uppercase;


    font-size:14px;


}





#primary_nav ul li:first-child,


#primary_nav ul li.first-child {


    border-left:none;


    padding-left:0;


}





#primary_nav ul li a {


    text-decoration:none;


    color:#000;


}





#primary_nav ul li a:hover {


    border-bottom:2px solid #467699;


    color:#467699;


}





/*---------------------------------------------------------------------------------------------------


 Home page styles


---------------------------------------------------------------------------------------------------*/


#content.home {


    width:440px;


    background:url(../images/content_bg.gif) no-repeat bottom left !important;


    min-height:375px;


    padding:10px 20px 10px 150px ;


}





* html #content.home {


    height:375px;


}





#content.home p {


    margin-top:0px !important;


}





#hosting_options th {


    color:#467699;


    text-align:left;


    border:1px solid red;


}





#hosting_options th, td {


    padding:2px 5px;


    border-color:#467699;


    border-style:solid;


    border-width:1px 0 1px 1px;


}


#news{


	width: 175px;


	border: 1px solid #333333;


	float: left;


	background-color: #f9f9f9;


	padding: 0;


	margin: 0 0 0 0.5em;


	margin-bottom: 1em;


	text-align: center;


}


#news p{


	text-align: justify;


	margin: 1em;


	font-size: 10px;


}


#news img{


	padding: 0.5em;


	margin: 0;


	border: 0;


}





/*---------------------------------------------------------------------------------------------------


 Web Hosting page styles


---------------------------------------------------------------------------------------------------*/


#technologies {


    display:block;


    width:480px;


    margin:10px auto;


    text-align:center;


    overflow:auto;


}





#technologies dt {


    text-transform:uppercase;


    font-weight:bold;


    margin:0 0 5px 0;


}





#technologies dd {


    float:left;


    border-right:1px solid #467699;


    padding:0 10px;


    margin:0;


    width:auto;


}





#technologies dd.first {


    border-left:1px solid #467699;


}





#technologies dd img {


    display:block;


}





#webhosting_packages {


    margin:10px auto 20px auto;


    width:90%;


    border-bottom:1px solid #467699;


}





#webhosting_packages th {


    text-align:left;


}





#webhosting_packages th,


#webhosting_packages td {


    padding:2px 10px;


    margin:1px;


    border-color:#467699;


    border-style:solid;


    border-width:1px 0 0px 1px;


}





#webhosting_packages tbody th {


    padding-bottom:20px;


}





#webhosting_packages .thead th {


    padding:3px 10px;


    text-transform:uppercase;


}





#webhosting_packages .dark {


    background:#467699;


    border-color:#467699;


    color:#fff;


}





#webhosting_packages .med {


    background:#82A5C2;


    border-color:#82A5C2;


    color:#fff;


}





#webhosting_packages .light {


    background:#A9C3D9;


    border-color:#A9C3D9;


    color:#fff;


}





/*---------------------------------------------------------------------------------------------------


 Web Services page styles


---------------------------------------------------------------------------------------------------*/


.webservices {


	background:url(../images/webservices_bg.jpg);





}





#webservices_options {


    width:100%;


}





#webservices_options th {


    padding:2px 5px;


    background:#467699;


    color:#fff;


    font-size:12px;


    text-align:left;


    text-transform:uppercase;


}





#webservices_options th,


#webservices_options td {


    border-width:0 0 1px 0;


    padding:2px 4px;


}





#webservices_options td em {


	font-size:11px;


}





#webservices_options .last {


    border-left:1px solid #467699;


    width:50px;


    padding-left:10px;


}





/*---------------------------------------------------------------------------------------------------


 Web Design & Contact page styles


---------------------------------------------------------------------------------------------------*/


.webdesign {


	background:url(../images/webdesign_bg.jpg);


}





.contact {


	background:url(../images/contact_bg.jpg);


}





#content.webdesign h2,


#content.contact h2 {


	margin:0 0 10px 0;


}








#content.webdesign em,


#content.contact em {


	color:#467699;


	text-transform:uppercase;


	font-style:normal;


	font-weight:bold;


}





#content.webdesign dl,


#content.contact dl {


	overflow:auto;


	width:390px;


	border-top:1px solid #467699;


}





#content.webdesign dt,


#content.webdesign dd,


#content.contact dt,


#content.contact dd {


	float:left;


	border-bottom:1px solid #467699;


	padding:2px 5px;


}





#content.webdesign dt,


#content.contact dt {


	clear:both;


	width:80px;


}





#content.webdesign dd,


#content.contact dd {


	width:290px;


	margin:0;


}


/*---------------------------------------------------------------------------------------------------


 Order Form page styles


---------------------------------------------------------------------------------------------------*/


.webdesign {


	background:url(../images/webdesign_bg.jpg);


}





.contact {


	background:url(../images/contact_bg.jpg);


}





#content.webdesign h2,


#content.contact h2 {


	margin:0 0 10px 0;


}








#content.webdesign em,


#content.contact em {


	color:#467699;


	text-transform:uppercase;


	font-style:normal;


	font-weight:bold;


}





#content.webdesign dl,


#content.contact dl {


	overflow:auto;


	width:390px;


	border-top:1px solid #467699;


}





#content.webdesign dt,


#content.webdesign dd,


#content.contact dt,


#content.contact dd {


	float:left;


	border-bottom:1px solid #467699;


	padding:2px 5px;


}





#content.webdesign dt,


#content.contact dt {


	clear:both;


	width:80px;


}





#content.webdesign dd,


#content.contact dd {


	width:290px;


	margin:0;


}