/* Site  Built by :
   Waymon Goodwin
   for: Ottaway Communcations
*/
h1 {
    color: #6695B7;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-left: 5px;
}

h2 {
    color: #6695B7;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-left: 5px;
	line-height:30px
}

h3 {
    color: #6695B7;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-left: 5px;
}

/* h2 { font-size:18px; margin-left:5px; line-height:24px } */

/*- Containers---*/

body{

   height:100%;
	margin:12px 0 0 0;
	padding:0;
	background: #fff url(../images/back_citysc.jpg) no-repeat top center;
	color: #303f45;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.45em;
	}

.clearme{
	clear:both;
}

.clearright{
  	float:right;
	clear:right;
}	

#maincontainer{	
	position:relative;
	margin:0 auto;
	width:795px;
	height:100%;
	z-index:1;		
}

#topheader{	
	position:relative;
	z-index:2;
	float:left;
	width:795px;
	background: url(../images/back_top_header.png) no-repeat top center;
	height:454px;
}

#topheader2{	
	position:relative;
	z-index:2;
	float:left;
	width:795px;
	background: url(../images/back_top_header.png) no-repeat top center;
	height:210px;
}

#innercontainer{
	float:left;
	position:relative;
	z-index:2;
	width:795px;
	height:100%;
	margin:0 auto;	
	background: url(../images/repeat_body_x.png) repeat-y top center;
	
}
	
#logobox{
	z-index:2;
	position: absolute;	
	top:62px;
	left:35px;
	width:171px;
	height:131px;		 	
}

#sloganbox{
	z-index:2;
	position: absolute;	
	top:95px;
	left:275px;
	width:309px;
	height:27px;		 	
}
#phone_num{
	text-align:right;
	z-index:2;
	position: absolute;	
	top:64px;
	right:30px;
	width:150px;
	height:60px;
	line-height:1.5em;
	font-size:14px;
	color: #4b4b4b;
}

#phone_num a:link, a:visited{
	text-decoration:none;
	}

#navi{
	width:550px;
	height:48px;
	position:absolute;
	top:152px;
	left:226px;
	overflow: hidden;
}

#rightbox_content{
   padding-top:10px;
   font-size:11px;
   width:232px;
   height:100%;   
   float:left;
   background: #ececec url(../images/right_box_repeat.gif) repeat-x bottom center;
}

#leftbox_content{
   margin-top:15px;
   margin-left:20px;
   width:530px;   
   float:left;
}

#leftcontentList ol li { display:list-item }

#leftbox_content object{
	margin:0 0 3px 3px;
}


#portfolio_box{
	margin:0 auto;
	width:482px;
	height:auto;
	margin-bottom:5px;		
}

#portfolio_box img{
	margin:0;
	padding:0;
	float:left;
}

.loadcontent{		
	float:left;
	width:482px;
	height:auto;
	margin:0px;
	padding:0px;
	background: url(../images/portfolio_repeat.png) repeat top center;
	}

#thumbbox{
   float:left;
   width:84px;
	height:84px;
	margin:5px 5px 5px 5px;
	padding:0px;
	background: transparent;
	border: 1px solid #404040;
}	


#searcharea table td{
	vertical-align: middle;	
}

.searchbox{
	margin:5px 0 0 5px;
	background: url(../images/search_box.gif) no-repeat top center;
	width:182px;
	height:24px;
	border:none;
	padding-top:4px;
	padding-left:3px; 
	color: #dddddd;
}

.go{
	width:29px;
	height:25px;
		
}

#newsletterbox{
	padding-left:5px;
}

#socialbox{
	padding-left:5px;
}

#socialbox img{
	margin:0 10px 0 10px;
}
			
.rightheader{
	margin-top:5px;
	margin-left:5px;
}

#divibox_content{
   margin-left:0px;
   width:1px;     
   float:left;
}

#headerimg{
	position:relative;
	z-index:50;
	margin:0 auto;
   padding:0;
   width:755px;   
   height:249px;   
}

#tabhead{
	background:url(../images/second_head_back.png) no-repeat top left;
	margin:0;
	z-index:51;
	width:331px;
	height:54px;
	position:absolute;
	bottom:0;
	left:0;
	overflow: hidden;
	color: #b74738;
	line-height:1.7em;
	font-size:30px;
}

#tabhead h1, h3{
	font: "Myriad Pro Light", Arial, sans-serif;
	color: #6695b7;
	line-height:1.2em;
	font-weight: normal;
	font-size:22px;
	margin:15px 0 5px 10px;
	padding:0;
	font-style: normal;
	speak-numeral: inherit;
}

#footer{
	z-index:1;
	position: relative;
	margin:0;
	height:18px;	
	background: url(../images/bottom_footer.png) no-repeat top center;	
}

#subfooter{
	z-index:1;
	position: relative;
	margin:0;
	height:18px;
	font-size:10px;
	text-align: center;		
}

#twitter_div{
	width:221px;	
	height:auto;		
	}

#twitter_update_list{
    margin:5px 0 5px 0;
	width:200px;
	}
	
/*- End Containers---*/

/*Form structure------*/
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
  _margin: 0 -7px; /* IE Win */
}

/*\*//*/
form.cmxform legend {
  display: inline-block;
}
/* IE Mac legend fix */

/*End form structure---*/

/*--Link and font styles*/

.find_us{
	padding:0 0 0 5px;
	margin:0;
	margin:5px 0 10px 0;
	padding-left:5px;
	text-indent:0;
	}
	
.find_us img{
	padding:0;
	margin:0;
	border:0;
	}	

p{
	margin:5px 0 10px 0;
	padding-right:5px;
	padding-left:5px;
	text-indent:0;
}

p span.subhead{
	color:#6695b7;
	font-size:16px;
}

#leftbox_content ul.left{
   float:left;
   width:250px; 
   margin:0px; 
   padding:0px;
   }
   
#leftbox_content ul.right{
   float:left;
   width:260px; 
   margin:0 0 10px 0px; 
   padding:0px;
   }   

#leftbox_content ul li{
	list-style: none; 
	display:block; 
	width:200px; 	 
	padding:2px;
	margin-left:50px;
	text-indent:0;
	font-size:11px;
}
#rightbox_content ul li a,#leftbox_content ul li a{
	line-height:.8em;
	padding-left:0;
	margin-left:0;
}
#rightbox_content p{
	padding-left:15px;
	padding-right:15px;
}

#rightbox_content ul li{
	width:100%;
	padding-right:15px;
	padding-left:15px;
	text-indent:0;
}

#rightbox_content table{
	margin:0 auto;	
}

#rightbox_content table td{
	vertical-align:top;	
	padding:5px;
	margin:3px;
}

.adwords{ margin-top:5px;
	       margin-left:55px; }

a{	
	color: #7e393e;
	text-decoration:underline;	
}

a:visted{
	color: #483d8b;
	text-decoration:none;	
}

a:hover{
	color: #6d7592;
}
/*----End Font styles---*/



/*--Navigation---*/
ul#basic_list{
     width:450px;
     float:left;
     margin-left: 20px;	
}

ul#basic_list li{
	width:400px;
	float: left;
	margin:5px 0px 5px 10px;
}


ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	position: relative;
	float: left;
	}
#navi ul li {
	text-indent: -5000px;
}
li ul {
	position: absolute;
	top: 30px;
	display: none;
}

ul li a {
	display: block;
	text-decoration: none;
	line-height: 48px;
	padding: 5px;
	margin: 0 2px;
}

li:hover ul, li.over ul { display: block; }

ul li a.home{ width:72px;}
ul li a.home:link, a.home:visited{
	text-indent:;
	background: transparent url(../images/bt_home.png) no-repeat top center;
	padding:0;
	margin:0;
}

ul li a.home:hover, a.home:focus {
   background: transparent url(../images/bt_home.png) no-repeat bottom center;   
}	

ul li a.services{ width:91px;}
ul li a.services:link, a.services:visited{
	text-indent:;
	background: transparent url(../images/bt_sevices.png) no-repeat top center;
	padding:0;
	margin:0;
}

ul li a.services:hover, a.services:focus {
   background: transparent url(../images/bt_sevices.png) no-repeat bottom center;   
}

ul li a.portfolio{ width:83px;}
ul li a.portfolio:link, a.portfolio:visited{
	text-indent:;
	background: transparent url(../images/bt_portfolio.png) no-repeat top center;
	padding:0;
	margin:0;
}

ul li a.portfolio:hover, a.portfolio:focus {
   background: transparent url(../images/bt_portfolio.png) no-repeat bottom center;   
}

ul li a.aboutus{ width:77px;}
ul li a.aboutus:link, a.aboutus:visited{
	text-indent:;
	background: transparent url(../images/bt_aboutus.png) no-repeat top center;
	padding:0;
	margin:0;
}

ul li a.aboutus:hover, a.aboutus:focus {
   background: transparent url(../images/bt_aboutus.png)  no-repeat bottom center;   
}	

ul li a.newsletter{ width:92px;}
ul li a.newsletter:link, a.newsletter:visited{
	text-indent:;
	background: transparent url(../images/bt_newsletter.png) no-repeat top center;
	padding:0;
	margin:0;
}

ul li a.newsletter:hover, a.newsletter:focus {
   background: transparent url(../images/bt_newsletter.png) no-repeat bottom center;   
}

ul li a.contact{ width:102px;}
ul li a.contact:link, a.contact:visited{
	text-indent:;
	background: transparent url(../images/bt_seo_university.png) no-repeat top center;
	padding:0;
	margin:0;
}
ul li a.contact:hover, a.contact:focus {
   background: transparent url(../images/bt_seo_university.png) no-repeat bottom center;   
}

ul li a.blog{ width:178px;}
ul li a.blog:link, a.blog:visited{
	text-indent:;
	background: transparent url(../images/bt_digital_marketing_news.png) no-repeat top center;
	padding:0;
	margin:0;
}
ul li a.blog:hover, a.blog:focus {
   background: transparent url(../images/bt_digital_marketing_news.png) no-repeat bottom center;   
}



ul#university li{
	float:left;
	width:400px;
	height:auto;
	margin-left:80px;
	list-style-position: outside!important;
	list-style-type: circle!important;
	display: block!important;
	white-space: normal;	
	list-style: circle outside;
	}
	
/*--End Navigation---*/

/* Slider styles------------------*/

div#gloss{
	position:absolute;
	top:210px;
	left:20px;
	z-index:100;
	background: transparent url(../images/portfolio_over.png) no-repeat top center; 
	width:756px;
	height:203px;
}

div.wrap{
 position: absolute; 
 top:210px;
 left:20px;
 z-index: 3;
 width:756px;
 padding:50px 0 0 0;
 text-align: center;
 
}
 div#top div#nav{
  float:left;
  clear:both;
  width:756px;
  height:52px;
  margin:22px 0 0;
  background:url(images/nav-bg.png) 0 0 no-repeat;
  
 }
  div#top div#nav ul{
   float:left;
   width:756px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#video-header{
 height:756px;
 margin:-1px 0 0;
}

 div#header div.wrap{
  height:249px;
  background:50% 0 no-repeat;
 }
 
  div#header div#slide-holder{  
  z-index:40;
  width:756px;
  height:249px;
  float:left;    
 }
 
  div#header div#slide-holder div#slide-runner{
   top:0px;
   left:0px;
   width:756px;
   height:249px;
   overflow:hidden;
   position:absolute;
  }
  div#header div#slide-holder img{
   border:none;
	margin:0;
   display:none;
   position:absolute;
  }
  div#header div#slide-holder div#slide-controls{
   left:0px;
   bottom:0px;
   width:756px;
   height:46px;
   display:none;
   position:absolute;
   background: url(../images/backgro_controls_slider.png) no-repeat top center;
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    border:none;
	 color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
 
   div#header div#slide-holder div#slide-controls p#slide-nav{
    color:white;
	 float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
	
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     border: none white;
	  color:white;
	  float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image: url(../images/silde-nav.png);border:none;}
div#nav ul li a{background:url(images/nav.png) no-repeat; border:none;}

/* End slider styles------------------*/

/*---Gallery----------------*/

  .slideshow{
	border: 1px solid #e7e7e7;
	margin:0 auto;
	position:relative;
	height:200px;
	width:200px;
}

	
	.slideshow img {
		border:none;
		margin:0;
		padding: 0;
	}

/*----End gallery---------------*/

.specialField{display:none;}