* {
	margin: 0;
	padding: 0;
}

body {
	font: 100% "Arial", sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	color:#6a6b6b;
	line-height:19px;
	background: #282828;
}
#body-white{
	width:100%;
	background-color:#FFFFFF;
}
#wrapper {
	position: relative;
	width: 810px;
	margin: auto;
	text-align: left;
	background-image:url(../images/_body-bg.png);
	background-position: top center;
	background-repeat:no-repeat;
	
	
}


#header_home {
	
	background-color: #0fa71f; 
	height:200px;
	background-image:url(../images/img_home.jpg);
	background-repeat:no-repeat;
	background-position:center;

}


#header_photography {
	
	background-color: #a20e00; 
	height:200px;
	background-image:url(../images/img_photography.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header_webdesign {
	
	background-color:#f15b00; 
	height:200px;
	background-image:url(../images/img_weddesign.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header_graphicdesign {
	
	background-color:#011463; 
	height:200px;
	background-image:url(../images/img_graphicdesign.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header_flashdesign {
	
	background-color:#e604b9; 
	height:200px;
	background-image:url(../images/img_flashdesign.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header_emails {
	
	background-color:#f4e000; 
	height:200px;
	background-image:url(../images/img_emails.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header_onlinedesign {
	
	background-color:#8903b0; 
	height:200px;
	background-image:url(../images/img_onlinedesign.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header_digitaldesign {
	
	background-color:#d5ab00; 
	height:200px;
	background-image:url(../images/img_digitaldesign.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header_illustration {
	
	background-color:#cab502; 
	height:200px;
	background-image:url(../images/img_illustration.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header_identity {
	
	background-color:#1256bc; 
	height:200px;
	background-image:url(../images/img_identity.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header_video {
	
	background-color:#3c7dcb; 
	height:200px;
	background-image:url(../images/img_video.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header_contact {
	
	background-color:#9f0dbe; 
	height:200px;
	background-image:url(../images/img_contact.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

	

}
#mainContent {

	text-align:left;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	font-size:0.85em;
	
	
}
#footerbg { 
	background:#282828;
	
} 
#footer {
	position: relative;
	width: 810px;
	height:213px;
	margin: auto;
	text-align: left;
	background-image:url(../images/footer.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

/*------------------------------------------------------ FONT STYLINGS ---------------------------------------------------*/

p{ 
	padding:6px 0px 12px;
	font-size:0.85em;
}

#footerContent{
	padding-left:30px;
	padding-right:30px;
	color:#b8b8b8;
	font-size: 0.85em;
	padding-bottom:10px;
	padding-top:20px;
	
}
#footerContent h1{
	text-transform:uppercase;
	font-weight:800;
	font-size: 1.1em;
	font-family: 'Calibri', 'Trebuchet MS', 'Calibri', 'Lucida Grande', 'Swis721 Th BT',Verdana, Arial, Sans-Serif;
}

#footer_examples {
	height:115px;
	text-indent:-999em;
	background:url(../images/footer_eg-work.jpg) no-repeat;
	margin-top:18px;
}
#footer_examples2 {
	margin-top:13px;
	float:left;
	width:200px;
}
.ft-border{
	border:1px solid #b8b8b8;

}
a:hover img.ft-border {
	border:1px solid #ffffff;
}

img#ft-margin{
	margin: 5px 5px 0px 0px;

}
#QuickLinks {
	clear:left;
	float:left;
	position:absolute;
	display:block;
	top: 20px;
	left: 242px;
}

#QuickLinks2 {
	clear:left;
	float:left;
	position:absolute;
	display:block;
	top: 39px;
	left: 350px;
}

ul.quicklinks {
	list-style:none;
	font-size:0.85em;
	padding-top:13px;
}
ul.quicklinks li {
	line-height:21px;
}

ul.quicklinks li a{
	color:#b8b8b8;
	text-decoration:none;
}

ul.quicklinks li a:hover{
	color:#fff;
	text-decoration:none;
}

#Copyright {
	clear:left;
	float:right;
	position:absolute;
	display:block;
	text-align:right;
	right: 30px;
	bottom:19px;
	color:#717171;
}
h2#webdesign {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_webdesign.gif) no-repeat;
	margin-bottom:10px;
}
h2#graphicdesign {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_graphicdesign.gif) no-repeat;
	margin-bottom:10px;
}

h2#videodesign {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_videodesign.gif) no-repeat;
	margin-bottom:10px;
}

h2#flashdesign {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_flashdesign.gif) no-repeat;
	margin-bottom:10px;
}
h2#photography {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_photography.gif) no-repeat;
	margin-bottom:10px;
}
h2#whatyouneed {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_whatYOUneed.gif) no-repeat;
	margin-bottom:10px;
}

h2#contact {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_contact.gif) no-repeat;
	margin-bottom:10px;
}

h2#emailslanding {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_emails-landing.gif) no-repeat;
	margin-bottom:10px;
}

h2#onlinedesign {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_online-design.gif) no-repeat;
	margin-bottom:10px;
}

h2#illustration {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_illustrationofflinemarketing.gif) no-repeat;
	margin-bottom:10px;
}

h2#digitaldesign {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_digitaldesign.gif) no-repeat;
	margin-bottom:10px;
}

h2#identitydesign {
	height:33px;
	text-indent:-999em;
	background:url(../images/heading_identitydesign.gif) no-repeat;
	margin-bottom:10px;
}

h2#home {
	height:43px;
	text-indent:-999em;
	background:url(../images/heading_home.gif) no-repeat;
	margin-bottom:8px;
}

.examples-header{
	font-size:1em;
	font-family: 'Calibri', 'Trebuchet MS', 'Calibri', 'Lucida Grande', 'Swis721 Th BT',Verdana, Arial, Sans-Serif;
	font-weight:800;
	padding-left:14px;
	padding-top:10px;
}

.examples-header A {
	COLOR:#000; TEXT-DECORATION: none;
}
.examples-header A:visited {
	COLOR: #000; TEXT-DECORATION: none;
}
.examples-header A:hover {
	COLOR: #0fa71f; TEXT-DECORATION: none;
}
.examples-header A:active {
	COLOR: #000; TEXT-DECORATION: none;

}



.examples-description{
	font-size:0.90em;
	font-family: 'Calibri', 'Trebuchet MS', 'Calibri', 'Lucida Grande', 'Swis721 Th BT',Verdana, Arial, Sans-Serif;
	font-weight:normal;
	line-height:10px;
}
.footnote{
	font-size:0.80em;
	clear:left;
	padding-bottom:0px;
}
p.examples {
	padding-left:14px;
	padding-right:14px;
}

p.examples A {
	COLOR:#000; TEXT-DECORATION: underline;
}
p.examples A:visited {
	COLOR: #000; TEXT-DECORATION: underline;
}
p.examples A:hover {
	COLOR: #000; TEXT-DECORATION: none; background-color:#d4d4d4; border-top:1px solid #666;
}
p.examples A:active {
	COLOR: #000; TEXT-DECORATION: none; background-color:#d4d4d4;

}

.underline{
	border-bottom:1px solid #d4d4d4;
	width:715px;
	margin-bottom:5px;
	margin-left:14px;
	padding-top:0px;
	line-height:3px;
}

/*------------------------------------------------------ HOME BODY ------------------------------------------*/


#HomeBody1 {

	width:253px;
	clear:right;
	background-color:#f7f7f7;
	border:1px solid #e1e1e1;
	position:relative;
	display:block;
	padding:15px 0 0 0;
	z-index:1;
}


h2#HomeBody1_text {
	height:29px;
	text-indent:-999em;
	background:url(../images/homebody_onlinetext.gif) no-repeat;
	margin-bottom:10px;
	margin-left:35px;
}
.HomeBodyImg{
	width:223px;
	margin-bottom:10px;
	margin-left:14px;
}

.BodyImgBorder{
	border:1px solid #bababa;
}

a:hover img.BodyImgBorder {
	border:1px solid #848484;	
}

/*---------- HOME BODY 2 -------------*/
#HomeBody2 {
	clear:left;
	float:left;
	position:absolute;
	display:block;
	top: 50px;
	left: 300px;
	background-color:#f7f7f7;
	border:1px solid #e1e1e1;
	width:253px;
	padding:15px 0 0 0;
	
}
h2#HomeBody2_text {
	height:28px;
	text-indent:-999em;
	background:url(../images/homebody_printtext.gif) no-repeat;
	margin-bottom:10px;
	margin-left:35px;
}
/*---------- HOME BODY 3 -------------*/
#HomeBody3 {
	clear:left;
	float:right;
	position:absolute;
	display:block;
	top: 50px;
	right: 30px;
	background-color:#f7f7f7;
	border:1px solid #e1e1e1;
	width:208px;
	padding:15px 0 0 0;
	
}
h2#HomeBody3_text {
	height:29px;
	text-indent:-999em;
	background:url(../images/homebody_whatyouneedtext.gif) no-repeat;
	margin-bottom:10px;
	margin-left:25px;
}
ol.HomeBody3{
	list-style:none;
	margin-right:25px;
	font-size:0.85em;
	margin-left:43px;
	padding-bottom:3px;
}
ol.HomeBody3 li.no1{
	list-style-image:url(../images/home_bullets1.gif);
	padding-bottom:10px;
	line-height:10px;	
}
ol.HomeBody3 li.no2{
	list-style-image:url(../images/home_bullets2.gif);
	padding-bottom:10px;
	line-height:10px;
}
ol.HomeBody3 li.no3{
	list-style-image:url(../images/home_bullets3.gif);
	line-height:8px;
}
#HomeBody3 p.body3{
	margin-left:25px;
	margin-right:25px;
	line-height:15px;
}

/*---------- VIEW EXAMPLES BUTTON -------------*/


#ViewExamples{
	height:25px;
	width:134px;
	margin:0 0 10px 60px;
	padding:0;
	font-size: 0.91em;
}

ul#ViewExamples li {
	float: left;
	position: relative;
	list-style-type: none; 
}

ul#ViewExamples li a{
	color:#333333;
	text-decoration:none;
	line-height:31px;
	display:block;
	font-size:0.91em;
	text-indent:-999em;
	height:25px;
}



#Home_ViewExamples{
	width:134px;
	background:url(../images/viewexamples_ova.gif) top right no-repeat;
}
a#Home_ViewExamples:hover {
	color: #000000;
	text-decoration:none;
	width:134px;
	height:25px;
	background:url(../images/viewexamples.gif) top right no-repeat;
	display:block;
}


/*---------- VIEW EXAMPLES BUTTON (online page) -------------*/
ul#WorkExamples li img{
	border:0;
}

ul#WorkExamples li ul.online{
	float:left;
}


ul#WorkExamples ul.online{
	height:25px;
	width:134px;
	margin:0 0 0 60px;
}

ul#WorkExamples ul.online li {
	float:left;
	list-style-type: none; 
}

ul#WorkExamples ul.online li a{
	color:#333333;
	text-decoration:none;
	line-height:31px;
	display:block;
	font-size:0.91em;
	text-indent:-999em;
	height:25px;
}

ul#WorkExamples ul.online li a#Online_viewexamples{
	width:134px;
	background:url(../images/viewexamples_ova.gif) top no-repeat;
}

a#Home_ViewExamples:hover {
	color: #000000;
	text-decoration:none;
	width:134px;
	height:25px;
	background:url(../images/viewexamples.gif) top right no-repeat;
	display:block;
}



.online_viewexamples{
	width:134px;
	height:25px;
	margin:0 0 10px 50px;
}

.online_viewexamples a{
	display:block;
	text-indent:-999em;
	background:url(../images/viewexamples_ova.gif) left top no-repeat;
	height:25px;
}

a.online_viewexamples_ova:hover{
	background:url(../images/viewexamples.gif) top left no-repeat;
	height:25px;
}

/*---------- FIND OUT MORE BUTTON -------------*/


#FindOutMore{
	height:25px;
	width:134px;
	margin:0 0 10px 37px;
	padding:0;
	font-size: 0.91em;
}

ul#FindOutMore li {
	float: left;
	position: relative;
	list-style-type: none; 
}

ul#FindOutMore li a{
	color:#333333;
	text-decoration:none;
	line-height:31px;
	display:block;
	font-size:0.91em;
	text-indent:-999em;
	height:25px;
}

#Home_More{
	width:134px;
	background:url(../images/findoutmore.gif) top right no-repeat;
}
a#Home_More:hover {
	color: #000000;
	text-decoration:none;
	width:134px;
	height:25px;
	background:url(../images/findoutmore_ova.gif) top right no-repeat;
	display:block;
}


/*------------------------------------------------------ WORK EXAMPLES BOXES ------------------------------------------*/
ul#WorkExamples{
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 750px;
	color: #000;
	border:0px;
	background-color:#FFFFFF;
}

ul#WorkExamples li { 
	display: inline;
	float: left;
	width: 237px; 
	border:1px solid #e7e7e7;
	background-color:#f7f7f7;

}ul#WorkExamples li.long{ 
	display: inline;
	float: left;
	width: 489px; 
	border:1px solid #e7e7e7;
	background-color:#f7f7f7;
	margin-right:15px;


}ul#WorkExamples li.fulllength{ 
	display: inline;
	float: left;
	width: 746px; 
	border:1px solid #e7e7e7;
	background-color:#f7f7f7;
	margin-bottom:15px;

}

ul#WorkExamples li.fulllength_flash{ 
	display: inline;
	float: left;
	width: 746px; 
	border:1px solid #e7e7e7;
	background-color:#f7f7f7;
	margin-bottom:15px;

}

.fulllength-flash_lft-pad{
	padding-bottom:8px;
	padding-left:8px;
}

ul#WorkExamples li a
{

}

ul#WorkExamples li a:hover
{

}

.EGSmargin {
	margin-right:15px;
	margin-bottom:15px;
}	
.EGSmarginB {
	margin-bottom:15px;
}

/*------------------------------------------------------ ONLINE DESIGN and OFFLINE BOXES ------------------------------------------*/

h3#onlineheading_websites{
	text-indent:-999em;
	height:29px;
	background:url(../images/heading_online_web.gif) left no-repeat;
	margin:10px;
}

h3#onlineheading_flash{
	text-indent:-999em;
	height:29px;
	background:url(../images/heading_online_flash.gif) left no-repeat;
	margin:10px;
}

h3#onlineheading_emails{
	text-indent:-999em;
	height:29px;
	background:url(../images/heading_online_emails.gif) left no-repeat;
	margin:10px;
}

h3#offlineheading_identity{
	text-indent:-999em;
	height:29px;
	background:url(../images/heading_graphic_identity.gif) left no-repeat;
	margin:10px;
}

h3#offlineheading_digital{
	text-indent:-999em;
	height:29px;
	background:url(../images/heading_graphic_digital.gif) left no-repeat;
	margin:10px;
}

h3#offlineheading_illustration{
	text-indent:-999em;
	height:29px;
	background:url(../images/heading_graphic_illustrations.gif) left no-repeat;
	margin:10px;
}

img.onlineegs{
	margin:0 0 10px 10px;
	border:0;
}
/*---------- FLOATING THUMB OF AFFILATES -------------*/

#WYN {
float:left;
clear:left;
position:relative;
display:block;
padding-bottom:5px;
padding-left:12px;
padding-right:8px;
padding-top:10px;

}
img.WYN {
	border:1px solid #CCCCCC;
}



/*---------- VIEW SITE BUTTON -------------*/


#WorkExamples li ul{
	height:24px;
	width:69px;
	margin:0 0 0 0;
	padding:0;
	display:block;
	position: relative;
	top:14px;
	right:14px;
	float:right;
	list-style:none;

}

#WorkExamples li ul li {
	display:block;
	width:69px;
	
}

#WorkExamples li ul li a{
	color:#333333;
	text-decoration:none;
	display:block;
	font-size:0.91em;
	text-indent:-999em;
	height:24px;
	width:69px;
}



#Examples_ViewSite{
	width:69px;
	background:url(../images/viewsite.gif) top right no-repeat;
}
a#Examples_ViewSite:hover {
	color: #000000;
	text-decoration:none;
	width:69px;
	height:24px;
	background:url(../images/viewsite_ova.gif) top right no-repeat;
	display:block;
}

#Examples_Purchase{
	width:69px;
	background:url(../images/purchase.gif) top right no-repeat;
}
a#Examples_Purchase:hover {
	color: #000000;
	text-decoration:none;
	width:69px;
	height:24px;
	background:url(../images/purchase_ova.gif) top right no-repeat;
	display:block;
}

img.examples{
	padding-left:3px;
}

/*------------------------------------------------------ VIDEO ------------------------------------------*/

.videomargins{
	margin:10px;
	float:left;
}

.videodescription{
	float:right;
	width:320px;
}

.vid-head_nopad{
	padding-left:0px;
}

a.link{
	color:#000;
	text-decoration:underline;
}

a.link:visited {
	COLOR: #000; TEXT-DECORATION: underline;
}

a.link:hover {
	COLOR: #000; TEXT-DECORATION: none; background-color:#d4d4d4; border-top:1px solid #666;
}

a.link:active {
	COLOR: #000; TEXT-DECORATION: none; background-color:#d4d4d4;
}

/*------------------------------------------------------ BREADCRUMB ------------------------------------------*/

.breadcrumb{
	width:750px;
	padding:8px 0px 5px 0px;
	border-bottom:1px solid #EFEFEF;
	margin-bottom:10px;
	font-size:0.85em;
}

.breadcrumb a {
	color: #6a6b6b; text-decoration: underline;
}
.breadcrumb a:visited {
	 text-decoration: underline;
}
.breadcrumb a:hover {
	color: #000000; text-decoration: none;
}
.breadcrumb a:active {
	text-decoration: none;
}

/*------------------------------------------------------ BOX LIST ---------------------------------------------------*/

#boxList a span {
	float:right; /* New line */
	padding-left: 10px;
}

#boxList ul {
	list-style-type:none;
	width: 460px;
	padding-left: 0px;
	margin: -5px 0px 0px 0px;
} 

#boxList li {
	margin: 10px 0;
	clear:right; /* New line */
}

#boxList li a { 
	border: 1px solid #CCCCCC;
	height: 82px;
	border-width: 1px;
	color: #00006f;
	font-weight:normal;
	display: block;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
}

 * html #boxList li a {  /* make hover effect work in IE */
	width: 460px;
}

#boxList li a:hover {
	border: 1px solid #ff4019;
}


.clear{
	height:1px;
	clear:both;
	margin:0;
	padding:0;
}