@charset "UTF-8";
/* CSS Document */
/*
	By. John Vaughan
	Light Grey: #7f888f
	Red: #d63038
*/

body  {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	padding: 0;
	margin: 0;
}

a, a:link, a:active, a:visited {
	color: #d63038;
	text-decoration: none;
}

#prefooter{
	display: block;
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
	vertical-align: text-bottom;
}

#prefooter img{
	margin-left: 5px;
}

.accolade{
	float: left;
}

.socialnetworks{
	float: right;
}

#footer {
	display: block;
	clear:both;
	width: 100%;
	padding: 10px 0 60px 0;
	background-color: transparent;
} 

#footer_left {
	float: left; 
	width: 50%; 
	background-image: url(../images/footer_bg_left.jpg);
	background-repeat: repeat-x;
	height: 42px;
	margin: 0;
	padding: 0;
}

#footer_right {	
	float: right;	
	width: 50%;
	background-image: url(../images/footer_bg_right.jpg);
	background-repeat: repeat-x;
	height: 42px;
	margin: 0;
	padding: 0;
}

#footer_menu{
	position:absolute;
	left: 50%;
	margin-left: -500px;
	width: 1001px;
	height: 42px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	z-index: 1;
}

#footer_links li{
	margin: 0; 
    	padding: 0; 
    	list-style: none;
    	position: absolute; 
    	top: 0;
}

#footer_links li, #footer_links a{
	height: 42px;
	display: block;
}

/* offset footers by 300px horizontal */
#footer_links #item1 {left: 0; width:183px;} 
#footer_links #item2 {left: 184px; width:95px;}
#footer_links #item3 {left: 279px; width: 125px;}

#footer_links #item1 a:hover{
	background-color: transparent;
	background-image: url(../images/footer.jpg);
	background-position: 0 -42px;
	background-repeat: no-repeat;
}

#footer_links #item2 a:hover{
	background-color: transparent;
	background-image: url(../images/footer.jpg);
	background-position: -184px -42px;
	background-repeat: no-repeat;
}

#footer_links #item3 a:hover{
	background-color: transparent;
	background-image: url(../images/footer.jpg);
	background-position: -279px -42px;
	background-repeat: no-repeat;
}

#stripe {
	position: relative;
	min-width: 1001px;
	width: 100%;
	height: 222px;
	background-image: url(../images/bg_company.jpg);
	background-repeat: repeat-x;
	background-position: 0 1px;
	padding: 0;
	margin: 0;
}

#home #stripe {
	min-width: 1001px;
	width: 100%;
	height: 320px;
	background-image: url(../images/bgbody2.jpg);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
}

#banner {
	width: 1001px;
	/* margin: auto; */
	padding: 0;
	margin: 0 auto;
	position: relative;
	height: 100px;
}

#banner h1{
	position: relative;
	float: left;
	padding-top: 29px;
	height: 29px;
	width: 164px;
	background-image: url(../images/logo.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#company .bannerImage{
	background-image: url(../images/header_company.jpg);
	background-repeat:no-repeat;
	width: 170px;
	height: 118px;
	position:absolute;
	left: 300px;
	top: 99px;
}

/*
#news .bannerImage{
	background-image: url(../images/header_news.jpg);
	background-repeat:no-repeat;
	width: 1001px;
	height: 118px;
	position:absolute;
	left: 0;
	top: 99px;
}
*/

/* Main Menu */

#banner #menu{
	width:  591px;
	height: 39px;
	background-image: url(../images/menu/bgmenu.jpg);
	background-repeat: no-repeat;
	margin: 55px 0 0 0; 
	padding: 0;
    position: relative;
	float: right;
}

#banner #menu a{
	
}

#banner #menu li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    position: absolute; 
    top: 0;
	z-index: 1;
}

#banner #menu li, #banner #menu a {
    height: 39px;
    display: block; 
}

#banner #item1 {left: 0; width: 103px;}
#banner #item2 {left: 104px; width: 118px;}
#banner #item3 {left: 223px; width: 128px;}
#banner #item4 {left: 352px; width: 131px;}
#banner #item5 {left: 484px; width: 111px;}

#banner #item1 a:hover, #home #banner #item1 a{
	background-color: transparent;
	background-image: url(../images/menu/bgmenu.jpg);
	background-position: 0 -39px;
	background-repeat: no-repeat;
}

#banner #item2 a:hover, #services #banner #item2 a, #services-sign #banner #item2 a, #services-web #banner #item2 a, #services-writing #banner #item2 a{
	background-color: transparent;
	background-image: url(../images/menu/bgmenu.jpg);
	background-position: -104px -39px;
	background-repeat: no-repeat;
}

#banner #item3 a:hover, #portfolio-logos #banner #item3 a, #portfolio-print #banner #item3 a, #portfolio-web #banner #item3 a, #portfolio-photography #banner #item3 a, #portfolio-signs #banner #item3 a, #portfolio-renders #banner #item3 a{
	background-color: transparent;
	background-image: url(../images/menu/bgmenu.jpg);
	background-position: -223px -39px;
	background-repeat: no-repeat;
}

#banner #item4 a:hover, #company #banner #item4 a{
	background-color: transparent;
	background-image: url(../images/menu/bgmenu.jpg);
	background-position: -352px -39px;
	background-repeat: no-repeat;
}

#banner #item5 a:hover, #contact #banner #item5 a{
	background-color: transparent;
	background-image: url(../images/menu/bgmenu.jpg);
	background-position: -484px -39px;
	background-repeat: no-repeat;
}

/* Sub Menus */

#submenu{
	font-size:12px;
	font-weight:300;
	position: relative;
	top: 25px;
	left: 10px;
}

#submenu li{
	padding: 0 20px 0 0; 
    margin: 0; 
    list-style: none;
    position: relative;
	display:inline;
}

#services #submenu #graphic_design{
	color: #d3222a;
}

#services-sign #submenu #sign{
	color: #d3222a;
}

#services-web #submenu #web{
	color: #d3222a;
}

#services-writing #submenu #writing{
	color: #d3222a;
}

#portfolio-logos #submenu #logos{
	color: #d3222a;
}

#portfolio-renders #submenu #renders{
	color: #d3222a;
}

#portfolio-photography #submenu #photography{
	color: #d3222a;
}

#portfolio-print #submenu #print{
	color: #d3222a;
}

#portfolio-signs #submenu #signs{
	color: #d3222a;
}

#portfolio-web #submenu #web{
	color: #d3222a;
}

#submenu a{
	color:#000;
	text-decoration:none;	
}

#submenu a:hover{
	color: #d3222a;
}


/* Main Body */
#main{
	display:block;
	clear: both;
	width: 1001px;
	min-height: 300px;
	margin: auto;
	text-align: left;
	padding-bottom: 40px;
}


/* Columns */

.column{
	float: left;
	padding-top: 38px;
	min-height: 250px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.column p, .column ul{
	padding: 10px 10px 8px 15px;		
}

#services_column img{
	float: left;
	margin: 10px 5px 0 0;
	border: none;
}

.services_main{
	float: left;
	display: block;
	width: 470px;
}

#services_column, #portfolio_column, #company_column, #news2_column, #clientlist_column, #featuredprojects_column{
	width: 715px;
	background-image: url(../images/2blank_column.jpg);
}

#company_column{
	background: url(../images/company_column.jpg) no-repeat;
}

#contact_column{
	background: url(../images/contact_column.jpg) no-repeat;
	width: 240px;
}

#contact_middle_column{
	width: 502px;
	background: url(../images/contact_middle_column.jpg) no-repeat;
}

#contact_middle_column .main{
	float: left;
	width: 208px;
	margin: 10px 0 0 0;
	letter-spacing: normal;
}

#contact_middle_column .map{
	float: left;
	width: 278px;
	margin: 10px 0 0 15px;
}

#contact_ask_experts_column{
	background: url(../images/ask_experts_column.jpg) no-repeat;
	width: 259px;
	color: #999999;
}

#contact_column p{
	margin: 0 0 12px 15px;
	padding: 0;
}

.phone{
	font-size: 18px;
	margin: 15px 0 15px 15px;
}

.employee_photo{
	width: 157px;
	height: 198px;
	float: left;
	padding: 25px 30px 0 15px;
}

.employee_description{
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	float: left;
	width: 480px;
}

#saying_column p{
	padding-left: 15px;	
}

#news_column{
	width: 245px;
	background-image: url(../images/bg_news.jpg);
}

#clientlist_column{
	background-image: url(../images/clientlist_column.jpg);
}

#featuredprojects_column{
	background-image: url(../images/featuredprojects_column.jpg);
}

#featuredprojects p{
	padding: 15px 0 10px 20px;
	
}

.comingsoon{
	color: #7f888f;
}

#news_column li{
	color: #7f888f;
	margin-bottom: 3px;
}

#news2_column{
	background: url(../images/news2_column.jpg) no-repeat;
	color: #7f888f;
}

#news2_column h2{
	font-size: 12px;
	color: #000000;
}

#news2_column .news_date{
	font-weight: normal;
	font-style: italic;
}

#help_column{
	width: 490px;
	background-image: url(../images/bg_how_we_can_help_you.jpg); 
}

#help_column li, #services_column li, #clientlist_column li{
	margin: 0 0 3px 20px;
	background: url(../images/bullet_red.gif) left 0.5em no-repeat;
	padding: 0 0 0 12px;
}

ul.listcolumn1{
	float: left;
	width: 243px;
	padding-right: 0;
	letter-spacing: .5px;
}

ul.listcolumn2{
	float: left;
	width: 208px;
	padding-right: 0;
	letter-spacing: .5px;
}

ul.listcolumn3{
	float: left;
	width: 200px;
	padding-right: 0;
	letter-spacing: .5px;
}

#clientlist_column h2{
	margin-left: 18px;
}


#saying_column{
	width: 266px;
	background-image: url(../images/bg_what_people_are_saying.jpg);
	color: #7f888f;
}

.signature{
	display: block;
	padding-top: 10px;
	color: #000000;
}


.sidebar{
	float: left;
	width: 227px;
}

.sidebar p{
	display: block;
	clear: both;
	margin: 0;
	padding: 5px 0 0 5px;
}



/* Thumbnail Pages */

#thumb_space{
	width: 250px;
	float: left;
}

.thumbs img{
	margin: 2px;	
}

#photo_space{
	margin: auto;
}

#photo_space img{
	margin-top: 25px;
	padding-left: 25px;
}

/* Website portfolio images */

#web_space{
	width: 800px;
	float: left;
	padding-left: 4px;
}

#web_space img{
	margin: 10px;	
}

/* Misc Classes */	

.hide{
	display: none;	
}

.services li{
	margin-left: 25px;	
}

/* Red border used for debugging */
.border{
	border: red solid thin;	
}

/* Headings*/
h2{
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 8px 5px;
	margin: 15px 10px 0 10px;
	background: transparent url(../images/h3.gif) repeat-x;
	background-position: bottom;
}

h3{
	font-weight: bold;
	padding: 0 0 8px 5px;
	margin: 15px 15px 0 10px;
	background: transparent url(../images/h3.gif) repeat-x;
	background-position: bottom;
}

/* Special text classes */
.read_more{
	color: #d63038;
	text-decoration: none;
}

.red{
	color: #d63038;
}

strong{
	font-weight: bold;
}

.person_title{
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}

#services_column .sidebar li{
	background: none;
	color: #7f888f;
	margin-left: 0;
	padding-left: 10px;
}

#services_column .sidebar h3{
	margin-left: 0;
	margin-right: 2px;
}

input[type="submit"] {
	background:transparent url(images/buttonbg.gif) repeat-x scroll left top;
	border:1px solid #c4c7c8;
	color:#7f888f;
	cursor:pointer;
	font-size:12px;
	letter-spacing:1px;
	padding:2px 5px;
}

input[type="text"]{
	border:1px solid #c4c7c8;
	padding: 3px;
	color: #999999;
	width: 225px;
}

textarea{
	border:1px solid #c4c7c8;
	padding: 3px;
	width: 225px;
	height: 100px;
	color: #999999;
}

.hint{
	font-size: 10px;
	font-style: italic;
	color: #7f888f;
}

.secondCol input[type="text"]{
	width: 205px;	
}

-->

</style>