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

* {
padding: 0px;
margin: 0px;
}

a { outline:none;
}


img{
border: 0px;
}

html{
background: url(../images/cornerstone_background_tile_sub.gif) repeat-x top center;
}

body{
margin: 0px;
padding: 0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}

h2{
margin-top: 6px;
}

ul{
padding-bottom: 22px;
}


ul li{
margin-left: 20px;
}


#containersub {
background: url(../images/cornerstone_background_sub.jpg) no-repeat left top;
margin: 0px auto;
position:relative;
padding: 0px;
width: 854px;
font-size: 1.3em;
}

#header{
	height: 225px;
}
#logo{
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 216px;
height: 107px;
border: 0px;
}

#navigation{
position: absolute;
top: 0px;
right: 40px;
width: 384px;
}

.home a{
display: block;
float: left;
width: 55px;
height: 45px;
background: url(../images/home_button.jpg) no-repeat top left;
margin-right: 12px;
text-indent: -9000px;
}

.home a:hover{
background: url(../images/home_button.jpg) no-repeat bottom right;
}

.about a{
display: block;
float: left;
width: 78px;
height: 45px;
background: url(../images/about_button.jpg) no-repeat top left;
margin-right: 12px;
text-indent: -9000px;
}

.about a:hover{
background: url(../images/about_button.jpg) no-repeat top right;
}

.service a{
float: left;
display: block;
width: 82px;
height: 45px;
background: url(../images/service_button.jpg) no-repeat top left;
margin-right: 12px;
margin-left: 12px;
text-indent: -9000px;
}

.service a:hover{
background: url(../images/service_button.jpg) no-repeat bottom right;
}

.contact a{
float: left;
display: block;
width: 90px;
height: 45px;
background: url(../images/contact_button.jpg) no-repeat top left;
margin-right: 12px;
text-indent: -9000px;
}

.contact a:hover{
background: url(../images/contact_button.jpg) no-repeat bottom right;
}

#flash {
	position: absolute;
	top: 138px;
	left: 76px;
	background: url(../images/flash_holder.jpg) no-repeat top left;
	width: 410px;
	height: 216px;
}

#barcontent{
position: absolute;
font-size: 12px;
line-height: 15px;
top: 142px;
right: 58px;
width: 218px; 
color:#FFF;
}

#services_btn a{
 display: block;
 height: 28px;
 width: 93px;
 margin-top: 8px;
 margin-left: 118px;
 background: url(../images/cornerstone_btn_main_services.jpg) no-repeat top left;
 text-indent: -9000px;
}

#services_btn a:hover{
background: url(../images/cornerstone_btn_main_services.jpg) no-repeat bottom right;
}

#column1{
float: left;
padding-left: 85px;
padding-right: 75px;
padding-top: 10px;
width: 406px;
background: url(../images/cornerstone_background_tile_column.gif) repeat-y top right;
}

#column1 p{
padding-bottom: 22px;
font-size: 14px;
}


#column2sub{
float: right;
position: relative;
padding-right: 70px;
padding-top: 10px;
width: 218px;
border: #FFF solid 1px;
}

#column2 p{
font-size: 12px;
line-height: 15px;
padding-bottom: 18px;
padding-left: 10px;
border-bottom: #999 solid 2px;
}

#footer {
position:relative;
margin-left: 80px;
padding-top: 20px;
font-size: 12px;
color: #8d8d35;
margin-bottom: 30px;

}

#footer a{
color: #ef4b23;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}

#footer a:hover{
text-decoration: underline;
}

.citation{
position: absolute;
top: 20px;
right: 95px;
font-size: 8px;
color:#000;
}

/* Headings */

.headerabout{
 display: block;
 height: 68px;
 width: 322px;
 background: url(../images/cornerstone_header_aboutus.gif) no-repeat top left;
 text-indent: -9000px
}
 .aboutheader1c1{
 display: block;
 height: 30px;
 width: 401px;
 background: url(../images/cornerstone_header_about_howwework.gif) no-repeat top left;
 text-indent: -9000px
 }
 
  .aboutheader2c1{
 display: block;
 height: 30px;
 width: 401px;
 background: url(../images/cornerstone_header_about_increaseing.gif) no-repeat top left;
 text-indent: -9000px
 }
 
  .aboutheader3c1{
 display: block;
 height: 30px;
 width: 401px;
 background: url(../images/cornerstone_header_about_strategy.gif) no-repeat top left;
 text-indent: -9000px
 }
 
  .aboutheader4c1{
 display: block;
 height: 30px;
 width: 401px;
 background: url(../images/cornerstone_header_about_purpose.gif) no-repeat top left;
 text-indent: -9000px
 }
 
 
  .contactinfo{
 display: block;
 position: absolute;
 bottom: 20px;
 height: 90px;
 width: 191px;
 margin-left: 8px;
 background:  url(../images/cornerstone_contact_info.gif) no-repeat top left;
 text-indent: -9000px
 }
 
.headerservice{
 display: block;
 height: 68px;
 width: 322px;
 background: url(../images/cornerstone_header_services.gif) no-repeat top left;
 text-indent: -9000px
}

 .serviceheader1c1{
 display: block;
 height: 30px;
 width: 431px;
 background: url(../images/cornerstone_header_brand.gif) no-repeat top left;
 text-indent: -9000px
 }
 
  .serviceheader2c1{
 display: block;
 height: 30px;
 width: 431px;
 background: url(../images/cornerstone_header_services_research.gif) no-repeat top left;
 text-indent: -9000px
 }
 
   .serviceheader3c1{
 display: block;
 height: 30px;
 width: 431px;
 background: url(../images/cornerstone_header_services_creativedepth.gif) no-repeat top left;
 text-indent: -9000px
 }
 
    .serviceheader4c1{
 display: block;
 height: 30px;
 width: 431px;
 background: url(../images/cornerstone_header_services_fulfillment.gif) no-repeat top left;
 text-indent: -9000px
 }

   .serviceheader5c1{
 display: block;
 height: 30px;
 width: 431px;
 background: url(../images/cornerstone_header_services_public.gif) no-repeat top left;
 text-indent: -9000px
 }

.headercontact{
 display: block;
 height: 68px;
 width: 322px;
 background: url(../images/cornerstone_header_contactus.gif) no-repeat top left;
 text-indent: -9000px
}

 .contactheader1c1{
 display: block;
 height: 30px;
 width: 431px;
 background: url(../images/cornerstone_header_contact_form.gif) no-repeat top left;
 text-indent: -9000px
 }


.headerprivacy{
 display: block;
 height: 68px;
 width: 322px;
 background: url(../images/cornerstone_header_privacy.gif) no-repeat top left;
 text-indent: -9000px
}

.orange{
color: #ef4b23;	
}

/* form */
label {
float: left;
width: 130px;
height: 20px;
font-size: 15px;
line-height: 24px;
margin-bottom: 8px;
}

#Name, #Title, #Company, #Phone, #Address, #City, #State, #Country, #Email, #Need {
float:left;
background: #eae8d2;
font-size: 15px;
width: 240px;
padding-left: 3px;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 8px;
}

#Zip{
float:left;
background: #eae8d2;
font-size: 15px;
width: 100px;
padding-left: 3px;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 8px;
margin-right: 140px;
}



.submitbuta{
float: right;
display: block;
margin-top: 15px;
margin-right: 35px;
margin-bottom: 22px;
background: url(../images/cornerstone_submit.gif) no-repeat top left;
height:28px;
width: 93px;
background-color: transparent;
border-style: none;
cursor: pointer;
}

.submitbutb{
float: right;
display: block;
margin-top: 15px;
margin-right: 35px;
margin-bottom: 22px;
background: url(../images/cornerstone_submit.gif) no-repeat top right;
height:28px;
width: 93px;
background-color: transparent;
border-style: none;
cursor: pointer;
}