/*
Template Design by Jessica


Dark Blue  082254
Med Blue  144884
*/
/** Common Styles */

html
{             
                
                margin:auto;
}
body {
	margin:0px auto;
	padding: 0;
	background: #082254 url('images/bkgd.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0px;
	color: #000;
	text-align:center;
	
	
	}

p, ul, ol {	margin:0px;}


#wrapper {
	width: 1000px;
	margin: 0px auto;
	padding: 0;
	text-align:left;
	
	 }



.banner {
	width: 1000px;	
	/*margin: 20px 0 0 0;*/ 
	margin: 0;
	position:relative; z-index:0;}
/*Rotating header */
.banner .pics {  
    height:  327px;  
    width:   1000px;  
    padding: 0;  
    margin:  0;
} 
.banner .pics img {     
    width:  1000px; 
    padding: 0px;  
    border:  0px;
    top:  0; 
    left: 0; } 

.banner #slideshow1 {position:relative; z-index:0 }
.banner #slideshow2 {position:relative; z-index:0 }

.banner #slideshow1.pics1 {  }
.banner #slideshow2.pics1 {  }



.banner #home { height: 327px; }
.banner#design {	height: 231px; margin-top:0px;  }
.banner#marketing {	height: 231px; margin-top:0px;  }
.banner#programming {	height: 231px; margin-top:0px; }
.banner#services {	height: 231px; margin-top:0px; }
.banner#about {	height: 231px; margin-top:0px; ;}

.banner#design img { }

/** Style for menu starts here */
#menu .free-quote {
	position:absolute;
	top:72px;
	left:738px;
	z-index:2;
}

#menu .free-quote-home {
	position:absolute;
	top:93px;
	left:738px;
	z-index:2;
}
#menu {
	width: 1000px;
	height: 116px; font-size:11px; position:relative;
	margin: 0px auto; background: url(images/icon-logo.gif) no-repeat left bottom;
	z-index:10;
	}

#menu .logo {display:block; position:absolute; top:40px; width:500px; height:60px;  }
#menu .logo:hover {background-image:none} 

#menu p.tagline {display:block; position:absolute; top:95px; left:120px; height:20px; z-index:30; 
					font-size:12px; font-weight:700;color:#072050;  }
#menu p.number {display:block; position:absolute; top:50px; left:840px; z-index:30; color:#072050; 
	font-size:20px; font-weight:bold }
#menu ul {
	
	
	list-style: none; }

#menu li { background:url(images/menu-div.gif) no-repeat right bottom;
	}
#menu li li { background:none;
	}
#menu a { color:#FFFFFF;
	
	border: none;
	text-decoration: none;
	}

#menu a:hover {	background: url(images/meu-hover.gif) repeat-x bottom }/**   */




/** Style for content starts here */

.content { background: #FFFFFF url(images/main-top.gif) no-repeat top;
	width: 998px;	padding: 0px 0px; z-index:0; font-size:12px;}

.content#design {background: #FFFFFF url(images/content-top.gif) no-repeat top;		}
.content#marketing {background: #FFFFFF url(images/content-top.gif) no-repeat top;		}
.content#programming {background: #FFFFFF url(images/content-top.gif) no-repeat top;		}
.content#services {background: #FFFFFF url(images/content-top.gif) no-repeat top;		}
.content#about {background: #FFFFFF url(images/content-top.gif) no-repeat top;		}

#right {	float: right;
	width: 700px; 
	padding: 10px 10px;}
	
	#right2 {
		padding-left:10px;
		padding-right:25px;
		padding-top:10px;
		padding-bottom:20px;
		float: right;
	width: 700px; 
	
	
	}

#right h1, #right h2, #right h3 {text-transform:uppercase;  }
#right h1 { color:#082254; font-size:26px; margin:20px 0 2px 0; font-weight:500 }
#right h2 { color:#082254; font-size:17px; margin:10px 0 20px 0; font-weight:600}

#right h3 {color:#000000; font-size:14px; margin:30px 0 2px 0; font-weight:550  }
#right p {
	font-size:12px;
	margin:10px 0;
	line-height:16px;
}
#right a { color:#144884;  }
#right .icon {float:left; margin:0 10px 20px 0;}
#right .title { color:#082254; font-weight:bold;}

#right .sm-top { width:315px; float:left; margin-right:45px; }
#right .sm-top-rt { width:315px; float:left; }

/** Portfolio Pages  */
#right .portfolio-box { clear:both;  padding:20px 0}

#right .portfolio-box img { border:solid 4px #000000; margin:0px 10px 10px 0; float:left;   }
#right .portfolio-box h3 {margin: 5px 0; color:#0a275c;}
#right .portfolio-box .font {  margin-left:400px; display:block}
#right .portfolio-box .font p {margin:10px 0}
#right .portfolio-box .arrow {margin: 0 5px;  border:none;}
#right .portfolio-box a { color:#000033;  }

#right p.client { margin:10px 30px 20px 30px;  padding-bottom:10px; border-bottom: dotted 1px #999999;}
#right .pagination {margin:10px;padding:10px; fon-size:14px; text-align:right}
#right .pagination a {background-color:#082254; color:#FFFFFF; padding:5px 6px; margin:0px 5px;	
						font-size:14px; font-weight:bold; text-decoration:none;}
#right .pagination a.current {background-color:#b9cef6; }

/** Contact Form */
.contact-form {font-size:14px; margin:30px 60px; width:460px; padding:20px;  background: url(images/left-bkgd.gif) repeat-x center 10px; position:relative; }

.contact-form TABLE {line-height:18px; background-color:}
.contact-form .decor-image { position:absolute; top:40px; left:380px; }

.video { float:right; margin-right:180px; border:solid 2px #000}

/** Quote Form */
#right .free-quote { margin:20px 20px 40px 30px;}
#right .free-quote #scratch_submit {text-align:center; margin:0px auto;}
#right .free-quote h2 {margin:5px 0; font-size:14px;}
#right .free-quote .service { background-color:#f5f5f5; margin:5px 0; }






.employment-form .decor-image {
	position:absolute;
	top:446px;
	left:905px;
}

/** Success Storires */
TABLE.basic-table {margin:10px;}
TABLE.basic-table th {background-color:#003366; color:#FFFFFF; padding:2px}

/** States Pages*/
ul.states {float:left;font-size:14px; margin-left:40px; width:200px;}
ul.states li {line-height:22px; list-style:square; }

/** LEFT Sidebar */

#left {
	float: left;
	width: 250px;
	padding: 0px; margin-top:20px; margin-left:10px;}


#left .feat { background: url(images/left-bkgd.gif) repeat-x center 10px; padding:0 5px; margin:10px 0 30px 0}

#left .feat h2 { margin:5px 0 0px 0; font-size:18px; font-weight:normal; text-align:center; text-transform:uppercase; color:#858b93;}
#left .feat h3 { font-size:12px; color:#ff8f29; font-style:italic; margin:0px;  text-align:center; text-transform:uppercase;  }
#left .feat p { font-size:12px; color:#454545; margin:25px 0;  }
#left .feat p a {font-style:normal; font-size:11px; color:#454545; font-style:italic; }
#left .feat .blue {color:#092154; font-size:14px; font-weight:bold; margin-top:10px; }
#left .feat .blue a { font-size:11px; color:#454545; font-style:normal; }

#left .feat .rss {float:left;}
#left .feat p.feedTitle  {margin:5px 0 10px 10px;}
#left .feedburnerFeedBlock ul {padding-left:10px; margin-top:20px;}
#left .feedburnerFeedBlock li { list-style:none; margin-top:10px; color:#333}
#left .feedburnerFeedBlock .headline a {color:#092154; font-size:12px; font-weight:bold; margin-top:10px; }
#left .feedburnerFeedBlock p.date { margin:5px 0; color:#666}



#left .feat .menu {margin:10px 0 20px 5px; font-size:12px; list-style:none;}
#left .feat .menu li {line-height:24px; }
#left .feat .menu li a {color:#000000; text-decoration:none; }

#left .feat .button {margin:20px 0}
#left .feat .loc {float:left; margin:20px 20px 30px 20px; text-align:center; height:40px; }
#left .feat .loc p {margin:5px 0;}
#left .feat .loc p a { text-decoration:none; font-size:14px; font-weight:600; font-style:normal;}

#left .feat ul#nav { font-size:12px;}
/** Style for footer starts here */

#bottom { background: #1f1f1f url(images/bottom-bkgd.gif) repeat-x top; height:600px; }
#footer {
	clear: both;
	width: 1000px;
	height: 400px;
	margin: 0px auto;
	padding-top:45px; 
	font-size: 10px;
	color: #000; position:relative; z-index:0
}

#footer p {	color:#FFFFFF;	
	text-align: center; margin:25px 40px}

#footer .links {
	float: right;
	margin: 0px;
	padding-right: 20px;
	text-align: center;}

#footer .logos { width:822px; height:155px; background:url(images/logo-bkgd.gif) no-repeat;
				margin-top:20px; text-align:center  }
#footer .logos img {padding:15px 8px;}
#footer .logos p { margin:0px; color:#333333;}

#footer .icons { width:160px; float:right; margin-top:35px; }
#footer .icons img {float:left; margin-right:10px;}
#footer .icons p {margin:0px ; display:block; height:60px; text-align:left;}
#footer .icons p a {font-size: 14px; color:#767676; }

#footer .ingles { color:#767676; font-style:italic; font-size:12px; }
#footer .address {color:#f1f1f1;font-size:12px; line-height:20px;}
#footer a {
	text-decoration: none;
	 color:#767676;}
	
#footer .bookmark { display:block; position:absolute; top:0px; left:880px; height:25px; width:87px; padding-top:15px;
						background:url(images/bookmark.gif) no-repeat; text-align:center; }
#footer .bookmark a {color:#333333; text-transform:uppercase;  }
.clear  {clear:both;}
img, a {border:none;}


div#tab-container-1 {
  height:94px; text-align:left; z-index:0	}
div#tab-container-1 .tab {z-index:0; display:block; height:34px; padding:10px ;background: url(images/tab-cont-bkgd.gif) no-repeat top; }

div#tab-container-1 .tab ul  {}
div#tab-container-1 .tab ul li {text-align:center;	list-style-type: none;	display:block;	float: left; padding:0px 10px; }
div#tab-container-1 .tab ul li a {color:#FFFFFF; font-size:12px}
div#tab-container-1 .tab ul li a:hover {  color:#144884; }

ul#tab-container-1-nav {margin:0px; text-align:left; float:left; padding:0px;}
ul#tab-container-1-nav li {text-align:center;	list-style-type: none;	display:block;	float: left;}
	
ul#tab-container-1-nav li a {font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center;}
ul#tab-container-1-nav li a.active {display:block; font-size:14px; color:#b6b6b6;  }


li.sm.active {padding:5px 0px;  height:29px; width:78px; display:block; background:url(images/tab-active-sm.gif);}
li.med.active {padding:5px 0;  height:29px; width:130px; display:block; background:url(images/tab-active-med.gif);}
li.lg.active { padding:5px 0; height:29px; width:183px; display:block; background:url(images/tab-active.gif);}
li.last.active {padding:5px 0;  height:29px; width:130px; display:block; background:url(images/tab-active-med.gif);}

li.sm { padding:5px 0px; background:url(images/tab-sm.gif) no-repeat; height:29px; width:53px;  }
li.med {padding:5px 0px; background:url(images/tab-med.gif) no-repeat; height:29px; width:114px;  }
li.lg {padding:5px 0px; background:url(images/tab-lg.gif) no-repeat; height:29px; width:168px;  }
li.last {padding:5px 0px; background:url(images/tab-last.gif) no-repeat; height:29px; width:114px;  }
/*
li.ppc { background:url(images/tab-ppc.gif) no-repeat; height:39px; width:55px;  }
li.hosting { background:url(images/tab-hosting.gif) no-repeat; height:39px; width:124px;  }
li.programming { background:url(images/tab-programming.gif) no-repeat; height:39px; width:168px;  }
li.services { background:url(images/tab-other.gif) no-repeat; height:39px; width:155px;  }
*/
.headlines {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #F90;
}
.colors {
	font-family: Arial, Helvetica, sans-serif;
	color: #F90;
 	font-size: 24px;
}
.bio_text_align {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-right: 10px;
	text-align: justify;
}