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

html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
}
body {
font-size: 100.01%; /* Fix for some browser bugs */
background-color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
.clearfix {overflow:auto;}
table {    border-collapse:collapse;    border-spacing:0;}
table  {font-family: century gothic,"Trebuchet MS"; font-size:12px; line-height:18px;}
p {	color: #444444;	font-family: century gothic,"Trebuchet MS";	font-size: 14px; line-height:20px;}
.wrapper-rotator {position:relative;}
#rotator img {
	position: absolute;
	padding-left:14px;
	display: none;
	clear:both;
	}
	
.bg {background:#ffffff url(../graphics/bg.jpg); background-repeat:repeat;}
.dottedbar {background:#ffffff url(../graphics/dottedbar.png);  background-repeat:repeat-x;}
.dottedbarhorizontal {background:#ffffff url(../graphics/dottedbarhorizontal.png);  background-repeat:repeat-y;}





.wrapper {width:1024px; margin-left:auto; margin-right:auto;}
.header {}
.logo {width:260px; height:90px; float:left;}
.logo-tag { width:500px; float:left; padding-left:14px; padding-top:36px;}
.header-request {width:200px; float:right; margin-top:6px; text-align:center;}


h1, h2, h3, h4, h5 {

font-size:100%;
}

h1 {font-family:century gothic; font-size:20px; color: #00aeef; font-weight:400px; padding-bottom:6px;}

h2 {	color: #00aeef;	font-family: century gothic,"Trebuchet MS";font-size: 20px; font-weight:400px; padding-top:2px; padding-bottom:4px;}

h2 a:link {	color: #00aeef; text-decoration:none;}
h2 a:visited {	color: #00aeef; text-decoration:none;}
h2a:hover {	color: #00aeef; text-decoration:none;}
h2 a:active {	color: #00aeef; text-decoration:none;}

h3 {	color: #444444;	font-family: century gothic,"Trebuchet MS";font-size: 20px; font-weight:400px; padding-top:10px;}

h3 a:link {	color: #444444; text-decoration:none;}
h3 a:visited {	color: #444444; text-decoration:none;}
h3 a:hover {	color: #ff0084; text-decoration:none;}
h3 a:active {	color: #444444; text-decoration:none;}

h4 {font-family:century gothic; font-size:14px; color: #666666; padding-left:14px; font-weight:400px; padding-bottom:6px;}

h5 {font-family:century gothic; font-size:16px; color: #ffffff; padding-left:14px; font-weight:400px; padding-bottom:6px; padding-top:6px;}

h6 {font-size:12px; font-weight:200;}

.button-blue {background-color:#00aeef; color:#ffffff; text-align:center; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; font-family:century gothic; font-size:16px;}
.button-blue a:link {	color: #FFFFFF; text-decoration:none;}
.button-blue a:visited {color: #FFFFFF; text-decoration:none;}
.button-blue a:hover {	color: #FFFFFF; text-decoration:none;}
.button-blue a:active {	color: #FFFFFF; text-decoration:none;}

.button-green {background-color:#8bc43f; color:#ffffff; text-align:center; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; font-family:century gothic; font-size:16px;}
.button-green a:link {	color: #FFFFFF; text-decoration:none;}
.button-green a:visited {color: #FFFFFF; text-decoration:none;}
.button-green a:hover {	color: #FFFFFF; text-decoration:none;}
.button-green a:active {	color: #FFFFFF; text-decoration:none;}


a:link {font-family: century gothic,"Trebuchet MS";	color: #ff0084;	text-decoration: none;}
a:visited {	font-family:century gothic,"Trebuchet MS";	color: #ff0084;	text-decoration: none;}
a:hover {	font-family:century gothic,"Trebuchet MS";	color: #ff0084;	text-decoration: none;}
a:active {font-family: century gothic,"Trebuchet MS";	color: #ff0084;	text-decoration: none;}


.text {font-family: century gothic,"Trebuchet MS"; font-size:14px; font-weight:300px; color: #00293f; line-height:22px; padding-left:14px; padding-bottom:10px;}
.text2 {font-family: century gothic,"Trebuchet MS"; font-size:14px; font-weight:300px; color: #00293f; line-height:22px; padding-left:14px; padding-bottom:10px; padding-top:10px;}


.wrapper-body  {clear:both; padding-top:10px;}

/*BANNERS*/

.wrapper-banner {width:100%;  }
.banner-responsive {z-index:0; background-image:url(../graphics/banners/responsive-web-design.jpg); background-repeat:no-repeat; height:350px;}

.banner-website-dev {z-index:0; background-image:url(../graphics/banners/be-digital-websites-houston.jpg); background-repeat:no-repeat; height:350px;}
.banner-text-wrapper {width:550px; float:left; padding:20px; font-family: century gothic,"Trebuchet MS";}
.banner-title {font-size:40px; color:#ffffff;}
.banner-text {font-size:16px; line-height:22px; color:#ffffff; padding-top:20px;}
.banner-button {width:100px; border:thin; border-color:#ffffff; text-align:center; color:#ffffff; font-family: century gothic,"Trebuchet MS"; font-size:14px;}




/*NAVIGATION*/
.wrapper-nav { width:250px; float:left; }
.nav-divider {width:10px; float:left; height:100%; min-height:500px;  background-image:url(../graphics/dottedbarhorizontal.png); background-repeat:repeat-y;}
.nav {background:#ffffff url(../graphics/nav.png);  background-repeat:repeat-x; padding-bottom:4px;}
.nav-buttons { background-image:url(../graphics/buttons/bullet.gif); background-repeat:no-repeat; font-family:century gothic; font-size:14px; color: #444444; padding-left:14px;  padding-bottom:6px;}

.nav-buttons a:link {	color: #444444; text-decoration:none;}
.nav-buttons a:visited {	color: #444444; text-decoration:none;}
.nav-buttons a:hover {	color: #ff0084; text-decoration:none;}
.nav-buttons a:active {	color: #444444; text-decoration:none;}

.wrapper-body-contents {width:750px; float:right;}

/*COLUMNS*/
.column-left-530 {width:530px; float:left;}
.column-right-200 {width:200px; float:right;}

/*HOSTING*/
.wrapper-hosting {width:250px; padding:10px;}
.hosting-title {text-align:center; padding:4px;} 
.hosting-container {clear:both; padding-top:6px; padding-bottom:6px; font-size:14px; font-weight:400;}
.hosting-left {width:150px; float:left;}
.hosting-right {width:90px; float:right;}


/*FOOTER*/
.wrapper-footer {padding-top:20px; clear:both;}
.footer-left {width:500px; float:left;}
.footer-right {width:275px; float:right; text-align:center;}
.bar-dot-horz {background-image:url(../graphics/dottedbar.png); padding-top:10px; padding-bottom:10px; background-repeat:repeat-x;}
.copyright {font-family: century gothic,"Trebuchet MS"; font-size:12px; font-weight:300px; color: #00293f; line-height:18px;}
.tag {font-family:Arial; font-style:italic; font-size:11px; color:#00293F;}


hr {padding-left:14px;}




ul li {font-family:century gothic,"Trebuchet MS";  margin-left:50px;  padding-bottom:2px;}



strong {	color: #444444;	font-family: century gothic,"Trebuchet MS";font-size: 16px; font-weight:400px;}

strong a:link {	color: #444444; text-decoration:none;}
strong a:visited {	color: #444444; text-decoration:none;}
strong a:hover {	color: #ff0084; text-decoration:none;}
strong a:active {	color: #444444; text-decoration:none;}

.orange {
	color: #FD7F04;
	font-family: Arial;
	font-size: 14px;
	color: #006699;
}
b {
	color: #ff0084;
	font-family: century gothic,"Trebuchet MS";
	font-size: 13px;
}
.titles {
	font-size: 10px;
	line-height: 12px;
}




.portfolio a:link {font-family: century gothic,"Trebuchet MS";	color: #ff0084;	text-decoration: none;}
.portfolio a:visited {	font-family:century gothic,"Trebuchet MS";	color: #ff0084;	text-decoration: none;}
.portfolio a:hover {	font-family:century gothic,"Trebuchet MS";	color: #ff0084;	text-decoration: none;}
.portfolio a:active {font-family: century gothic,"Trebuchet MS";	color: #ff0084;	text-decoration: none;}




.contactblue {font-size:12px;  line-height:14px; background-color:#006699; color:#FFFFFF; font-weight:500; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px;}
.contactbox {border-style:solid; border-width:1px; border-color:#E2E2E2; }
.contactgray {font-size:10px;  line-height:12px; background-color:#F1F1F1; color:#006699; font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px;}
.contact {font-size:11px;  line-height:14px;  color:#00293f;  padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px;}

.box_blue {background-color:#d8e7f1; border-style:solid; border-width:1px; border-color:#828282; font-family:century gothic,"Trebuchet MS"; line-height:14px; color:#333333;}

.box_green {background-color:#ededd5; border-style:solid; border-width:1px; border-color:#828282; font-family:century gothic,"Trebuchet MS";line-height:14px; color:#333333;}