/* CSS Document */

body{
	padding :0;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	background-color: #000;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
}

a {
	color: #0033CC;
}

a:hover { color: #000;}


hr {
border: 0px;
color: #CCC;
background-color: #CCC;
height: 1px;	
}

#mainpage {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background: url(images/top.gif) no-repeat #FFF;	
}

#content {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	padding:  5px 5px 5px 5px;
	color: #000000;
	background-color: #FFFFFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #999;
	display: block;
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	font-size:14px;
}

#footer {
	padding-top: 10px;
	margin: 2px;
	font-size:12px;
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	text-align: center;
}

#footer a {
background-color:#666666;
color: #FFFFFF;
padding: 2px 4px 2px 4px;
border-radius: 5px;
-moz-border-radius: 5px;
}

#footer a:hover {
background-color: #0033CC;
color:  #FFFFFF;
}

#leftcontainer {
	width: 160px;
	height: 430px;
	float: left;
	display: block;
	vertical-align:middle;
	
}

.leftflair {
	width: 150px;
	height: 100px;
	border:#000000 thin solid;
	float: left;
	margin-bottom: 5px;
	display: block;
}

#rightcontainer {
	width: 160px;
	height: 430px;
	float: right;
	display: block;
	
}

.rightflair {
	width: 150px;
	height: 100px;
	border:#000000 thin solid;
	float: right;
	margin-bottom: 5px;
}

.serviceflair {
	width: 150px;
	height: 100px;
	border: #000000 thin solid;
	float: left;
	display: block;
	margin: 10px 0px 0px 10px;
}

.servicetextcontainer {
	display: block;
	background-color:#FEFEFE;
	text-align: justify;
	margin: 10px;
	padding: 5px;
	float:right;
	width:500px;
}

.header {
display:block;
height: 50px;
width: 50%;
}


/*  NAVIGATION BAR CODE  */

.nav {
display: block;
}

.btnhome {
float:left;
width:56px;
height: 40px;
padding: 0px;
}
.btnhome a {
display:block;
width: 56px;
background: url('nav/home.png') no-repeat 0 0;
text-decoration: none;
float:left;
height: 40px;
}
.btnhome a:hover { background-position: 0 -40px;
}

.btnservices {
float:left;
width: 115px;
height: 40px;
padding: 0px;
}

.btnservices a {
display:block;
width: 115px;
background: url('nav/services.png') no-repeat 0 0;
text-decoration: none;
float:left;
height: 40px;
}
.btnservices a:hover { background-position: 0 -40px;
}

.btnit {
float:left;
width: 42px;
height: 40px;
padding: 0px;
}
.btnit a {
display:block;
width: 42px;
background: url('nav/it.png') no-repeat 0 0;
text-decoration: none;
float:left;
height: 40px;
}
.btnit a:hover { background-position: 0 -40px;
}

.btnweb {
float:left;
width: 77px;
height: 40px;
padding: 0px;
}
.btnweb a {
display:block;
width: 77px;
background: url('nav/web.png') no-repeat 0 0;
text-decoration: none;
float:left;
height: 40px;
}
.btnweb a:hover { background-position: 0 -40px;
}

.btninfo {
float:left;
width: 70px;
height: 40px;
padding: 0px;
}
.btninfo a {
display:block;
width: 70px;
background: url('nav/info.png') no-repeat 0 0;
text-decoration: none;
float:left;
height: 40px;
}
.btninfo a:hover { background-position: 0 -40px;
}

.btnrates {
float:left;
width: 91px;
height: 40px;
padding: 0px;
}
.btnrates a {
display:block;
width: 91px;
background: url('nav/rates.png') no-repeat 0 0;
text-decoration: none;
float:left;
height: 40px;
}
.btnrates a:hover { background-position: 0 -40px;
}

.btncontact {
float:left;
width:117px;
height: 40px;
padding: 0px;
}
.btncontact a {
display:block;
width: 117px;
background: url('nav/contact.png') no-repeat 0 0;
text-decoration: none;
float:left;
height: 40px;
}
.btncontact a:hover { background-position: 0 -40px;
}

.phone {
width:232px;
height: 40px;
padding: 0px;
float: left;
}
.phone a {
display:block;
width: 232px;
background: url('nav/phone.png') no-repeat 0 0;
text-decoration: none;
height: 40px;
float: left;
}

/*  END NAVIGATION  */


/*  FONT STYLES  */

.boldwhite {
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}


.smltext {
	font-size: 11px;
	color: #333;
}

.justxt {
	font-family: "Open Sans", "Courier", Helvetica, serif;
	font-size: 14px;
	font-style: normal;
	text-align: justify;
	display: block;
	padding: 8px;
}

.justxt a {
	text-decoration: underline;
	color: #0033CC;
}

.justxt a:hover {
		color: #000;
}

.bigtxt {
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	text-align: justify;
}

.med_txt {
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
}

.med_blue_txt {
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #0033CC;
}

.big_red_txt {
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #E00000;
}

.big_blue_txt {
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #0033CC;
}

.jumbo_txt {
		font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	font-size: 40px;
	font-style: normal;
	color: #333;
}

.whttxt {
	color: #FFF;
}


.hilite {
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	background-color: #333;
	color: #FC3;
	font-weight: bold;
}
.services {
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	margin: 4px;
	background-color: #333;
	height: 28px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #000;
}


.services:hover{
	background-color: #0033CC;
	border:  1px solid #000;
}

.serviceslite {
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	margin: 4px;
	background-color: #666;
	height: 28px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #000;
}


.serviceslite:hover{
	background-color: #ff6000;
	border:  1px solid #000;
}


.servicecontainer {
	background-color: #EEE;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #DDD;
	margin-left: auto;
	margin-right: auto;
}

.title {
width:354px;
height: 54px;
padding: 0px;
margin-left:auto;
margin-right:auto;
}

.title a {
display:block;
width: 354px;
background: url('images/title.png') no-repeat 0 0;
text-decoration: none;
height: 54px;
font-family: "Open Sans", "Courier", Helvetica, sans-serif;
font-size: 36px;
text-align: center;
color: #FFF;
text-shadow: 1px 1px 3px #888;
}

.title a:hover { background-position: 0 -54px;
}

.titlelite {
width:295px;
height: 45px;
padding: 0px;
margin-left:auto;
margin-right:auto;
}

.titlelite a {
display:block;
width: 295px;
background: url('images/titlelite.png') no-repeat 0 0;
text-decoration: none;
height: 45px;
font-family: "Open Sans", "Courier", Helvetica, sans-serif;
font-size: 28px;
text-align: center;
color: #333;
text-shadow: 1px 1px 3px #888;
}

.titlelite a:hover { background-position: 0 -45px; color: #FFF;
}

textarea#styled {
	width: 560px;
	height: 230px;
	border: none;
	padding: 5px;
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: middle;
}

.roundedhighlight {
	width: 228px;
	margin-left: auto; 
	margin-right: auto; 	
	border-radius: 15px 15px 5px 5px; 
	-moz-border-radius: 15px 15px 5px 5px; 
	-webkit-border-radius: 15px 15px 5px 5px; 
	border: 1px solid #FFFFFF;
	background-color: #0033CC;
	font-family: "Open Sans", "Courier", Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #FFF;
	display: block;
}