/* 

*/

body {
background: #003366 url(../images/top_bg.jpg) repeat-x;
margin:0;
text-align: center;
font-family: verdana;
}

#container{
text-align: center;
align:center;
width: 998px;
margin: 0px auto;
padding:0px;
}

p{ 
text-align:left;
font-family: verdana;
font-size: 13px;
}

#header{
margin: 0px auto;
padding:0px;
}

.web-design{
padding: 30px;
margin: 0px;
font-family: verdana;
font-size: 25px;
position:relative;
left:20px;
top: -30px;
}

.tag{
padding: 30px;
margin: 0px;
font-family: verdana;
font-size: 16px;
position:relative;
left:40px;
top: 25px;
}

.logo{
background: url(../images/web-design-logo.jpg) no-repeat;
width: 256px;
height: 111px;
}

.tagline{
background:url(../images/web-design-tagline.jpg) no-repeat;
width: 456px;
height: 111px;
}

#separator{
background: url(../images/web-optimization-separator.jpg) no-repeat;
height:15px;
width:998px;
}

#content{
width:996px;
background-color: #F3F5F9;
}

#home_flash{
float: right;
width: 600px;
border: 2px solid #BBB;
}

#home_blurb{
padding:10px;
margin-right: 5px;
float: right;
width: 350px;
/*border: 2px solid #BBB;*/
}

#footer{
background: #F3F5F9 url(../images/web-footer.jpg) repeat-x;
height:70px;
color: white;
font-size: 12px;
padding-top:5px;
clear: both;
}


h1{
font-size: 16px;
color: #003366;
padding-top:0px;
}

h2{
font-size: 15px;
color: #003366;
padding-top:5px;
}

h3{
font-size: 15px;
font-style: italic;
color: #003366;
padding-top:5px;
}

#sub_content{
padding:10px;
background-color: #F3F5F9;
border: 0px dashed #223228;
}

.bar{
clear: both;
background: #F3F5F9 url(../images/web-bar.jpg) repeat-x;
height:17px;
width:996px;
}

.left_box{
float:left;
 width:750px;
 border: 0px dashed #223228;
}
.right_box{
float:right;
 width:200px;
}

.left_float{
float:left;
padding:20px;
}

.right_float{
float:right;
padding:10px;
}

.left_float_portfolio{
width: 740px;
float:left;
padding:0 2px 5px 5px;
margin: 5px;
border: 1px dashed #223228;
background-color: #DAE2EC;

}

.home ul {
padding: 0px;
margin: 0px;
text-align: left;
font-size: 12px;
}

.home li {
padding: 0px;
margin: 0px;
text-align: left;
font-size: 12px;
}

.info_form{
font-size: 12px;
color: white;
background-color:#003366;

}
input { 
background-color:#CCCCCC;
color: #000; 
 }
textarea { 
 background-color:#CCCCCC;
color: #000;
padding:10px;  }
 
 .home-table{
 border: 2px solid  #1F4526;
 }

 .base_tagline{
 color: #002F2F;
 font-size: 14px;
 font-weight: 500;
 }
 
 .style_box{
 width: 400px; float: left; padding: 0 20px 0px 20px; margin-bottom:10px;  border: 1px dashed #223228; background-color:#F0F0F0;
 }
 
 .telephone{
  color: #002F2F;
 font-size: 14px;
  font-weight: 600;
 padding-bottom:20px;
 }
 
.contact{
 color: #002F2F;
 font-size: 12px;
 font-weight: 500;
}

.rules{
color: red;
}

.bottom_links, .bottom_links a, .bottom_links a:link, .bottom_links a:visited {
	text-decoration:none;
	color: white;}
 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframeauramenu{
font-family: verdana;
font-weight: 500;
font-size: 80%;
height:33px;
width: 998px;
color: white;
}

.wireframeauramenu ul{
border: 0px solid #BBB;
padding: 5px 0;
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/
overflow: hidden;

}

.wireframeauramenu ul li{
display: inline;
}

.wireframeauramenu ul li a{
color: white;
padding: 6px 12px 6px 6px;
margin: 0;
text-decoration: none;
border-right: 1px dashed #BBB; /*right border between menu items*/
}
/*background of menu item onMouseover*/

.wireframeauramenu ul li a:hover{
color: #CCCCCC;
/*background: transparent url(media/lightyellow.gif) center center no-repeat; */
}