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

body
{
	
}

div.container
{
width:1000px;
margin:0px;
line-height:150%;

margin-left:auto; margin-right:auto;
}

div.header
{
width:auto;
padding:1em;
height: 100px;
line-height:16px;
margin-left:10px;
font-size:12px;
color:#000;
clear:left;
}

div.footer
{
width:auto;
padding:1.5em;
font-size:10px;
margin-left:10px;
color:#999999;
clear:left;
}

h1.header
{
padding:0;
margin:0;
}

/* Navigation */

div.nav
{
float:left;
width:100px;
padding-right:1em;
padding-left:1em;
margin-left:10px;
vertical-align:top;
font-family:Georgia, serif; font-size:12px; font-style:normal;

}



.navtitle
{
	font-family:Georgia, serif; font-size:12px; font-style:normal; font-weight:bold;
}

div.rightnav
{
float:left;
width:100px;
margin:0;
padding:0;
vertical-align:top;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}


/* COLUMNS */

div.columns
{
float:left;
width:860px;
height:auto;
display:block;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.one
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
padding:1em;
background-color:#EEE;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.two
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
padding:1em;
background-color:#EEE;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.three
{
float:left;
width:260px;
margin:0;
padding:1em;
background-color:#FFF;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.orange
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
padding:1em;
background-color:#FF4708;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

/* TEXT COLUMNS */

div.onetext
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
padding:0;
background-color:#FFF;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.twotext
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
padding:0;
background-color:#FFF;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.threetext
{
float:left;
width:260px;
margin:0;
padding:0;
background-color:#FFF;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}


/* PROCESS DIV */


div.processone
{
float:left;
width:255px;
height:255px;
margin:0;
margin-right: 5px;
padding:1em;
background-color:#F2F2F2;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.processtwo
{
float:left;
width:255px;
height:255px;
margin:0;
padding:1em;
background-color:#E6E6E6;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.processthree
{
float:left;
width:255px;
height:255px;
margin:0;
margin-right: 5px;
margin-top: 5px;
padding:1em;
background-color:#B3B3B3;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.processfour
{
float:left;
width:255px;
height:255px;
margin:0;
margin-right: 5px;
margin-top: 5px;
padding:1em;
background-color:#999;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.processorange2
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
margin-top: 5px;
height:255px;
padding:1em;
background-color:#FF4708;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.processorange
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
height:255px;
padding:1em;
background-color:#FF4708;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

/* COLOR DIV */
div.green
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
padding:1em;
background-color:#0C0;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.mustard
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
padding:1em;
background-color:#FC3;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.gray
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
padding:1em;
background-color:#333;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.black
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
padding:1em;
background-color:#333;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

/* GOODBYE COLUMNS */

div.goodbyeone
{
float:left;
width:255px;
margin:0;
margin-right: 5px;
height:255px;
padding:1em;
background-color:#FF4708;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}


div.goodbyetwo
{
float:left;
width:255px;
height:255px;
margin:0;
margin-right: 5px;
padding:1em;
background-color:#F2F2F2;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

div.goodbyethree
{
float:left;
width:255px;
height:255px;
margin:0;
padding:1em;
background-color:#E6E6E6;
font-family:Georgia, serif; font-size:12px; font-style:normal;
}

/* 1 Wide  width:539px; */
div.wide
{
float:left;
width:auto;
margin:0;
margin-right: 5px;
padding-left:1em;
padding-right:1em;

font-family:Georgia, serif; font-size:12px; font-style:normal;
}
/* Titles */
.titlesmall {
	font-family:Georgia, serif;
	font-size:14px;
	font-style:normal;
}

.titleorange {
	font-family:Georgia, serif;
	font-size:24px;
	font-style:normal;
	line-height:28px;
	color:#FF4708;
}

.titlegreen {
	font-family:Georgia, serif;
	font-size:24px;
	font-style:normal;
	line-height:28px;
	color:#0C0;
}

.titlemustard {
	font-family:Georgia, serif;
	font-size:24px;
	font-style:normal;
	line-height:28px;
	color:#FC3;
}

.titlewhite {
	font-family:Georgia, serif;
	font-size:24px;
	font-style:normal;
	line-height:36px;
	color:#FFF;
}

.titlegray {
	font-family:Georgia, serif;
	font-size:24px;
	font-style:normal;
	line-height:28px;
	color:#333;
}

.titleblack {
	font-family:Georgia, serif;
	font-size:24px;
	font-style:normal;
	line-height:28px;
	color:#000;
}

p {font-family:Georgia, serif; font-size:12px; font-style:normal;}

.small {font-family:Georgia, serif; font-size:9px; font-style:normal;}

a { font-family:Georgia, serif; font-size:12px;}
a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#FFF; background-color:#333; padding-top:3px; padding-bottom:1px; padding-left:1px; padding-right:1px; font-size:12px;text-decoration:none;}

a.title {font-family:Georgia, serif; font-size:12px;text-decoration:underline;}
a.title:link {color:#000; text-decoration:underline;}
a.title:visited {color:#000;}
a.title:hover {color:#FFF; background-color:#333; padding-top:3px; padding-bottom:1px; padding-left:1px; padding-right:1px; font-size:12px; text-decoration:none;}

a.credits { font-family:Georgia, serif; font-size:10px;}
a.credits:link {color:#999999; text-decoration:none;}
a.credits:visited {color:#999999; text-decoration:none;}
a.credits:hover {color:#999999; text-decoration:underline;}



/* Letterpress Effect - Use Sparingly - Careful with Colors of Shadow */
.lp{
color: #222;
/*text-shadow: 0px 2px 3px #555;*/
}



/* Carousel Specific */
div.widecarousel
{
	float:left;
	width:710px;
	height:450px;
	margin:0;
	margin-right: 10px;
	overflow:visible;
	font-family:Georgia, serif;
	font-size:11px;
	font-style:normal;
	
}


/* Begin TOGGLE */
label.toggle { cursor: pointer; text-decoration:none; }
label.toggle:hover {color:#FFF; background-color:#333; padding-top:3px; padding-bottom:1px; padding-left:1px; padding-right:1px; font-size:12px;text-decoration:none;}
input.toggle { display: none; }
input.toggle:checked+div { display: none; }
/* End TOGGLE */


/* Subnav Specific */
div.subnav
{
float:left;
margin-left:10px;
}

a.subnav { font-family:Georgia, serif; font-size:12px;}
a.subnav:link {color:#FF4708; text-decoration:none;}
a.subnav:visited {color:#FF4708; text-decoration:none;}
a.subnav:hover {font-size:12px;text-decoration:none; color:#FFF;}


/* Portfolio iFRAME */



iFrame {
	width:100%;
	height:525px;
	overflow:hidden;
	margin:0;
	padding:0;
	border:0;
	

}

/* Index Grid */
.indexcontainer{
	
	float:left;
	width:800px;
	margin-left:13px;

}
#index1 a
{
display:block;
float:left;
margin:8px;
background:url(images/main/nav_hello1.jpg) no-repeat;
width:226px;
height:150px;
padding:0;

}

#index1 a:hover
{ 
background:url(images/main/nav_hello2.jpg) no-repeat;
}


#index2 a
{
display:block;
float:left;
margin:8px;
background:url(images/main/nav_print1.jpg) no-repeat;
width:226px;
height:150px;
padding:0;

}

#index2 a:hover
{ 
background:url(images/main/nav_print2.jpg) no-repeat;
}


#index3 a
{
display:block;
float:left;
margin:8px;
background:url(images/main/nav_design1.jpg) no-repeat;
width:226px;
height:150px;
padding:0;

}

#index3 a:hover
{ 
background:url(images/main/nav_design2.jpg) no-repeat;
}


#index4 a
{
display:block;
float:left;
margin:8px;
background:url(images/main/nav_process1.jpg) no-repeat;
width:226px;
height:150px;
padding:0;

}

#index4 a:hover
{ 
background:url(images/main/nav_process2.jpg) no-repeat;
}


#index5 a
{
display:block;
float:left;
margin:8px;
background:url(images/main/nav_work1.jpg) no-repeat;
width:226px;
height:150px;
padding:0;

}

#index5 a:hover
{ 
background:url(images/main/nav_work2.jpg) no-repeat;
}


#index6 a
{
display:block;
float:left;
margin:8px;
background:url(images/main/nav_shop1.jpg) no-repeat;
width:226px;
height:150px;
padding:0;

}

#index6 a:hover
{ 
background:url(images/main/nav_shop2.jpg) no-repeat;
}


#index7 a
{
display:block;
float:left;
margin:8px;
background:url(images/main/nav_contact1.jpg) no-repeat;
width:226px;
height:150px;
padding:0;

}

#index7 a:hover
{ 
background:url(images/main/nav_contact2.jpg) no-repeat;
}


#index8 a
{
display:block;
float:left;
margin:8px;
background:url(images/main/nav_blog1.jpg) no-repeat;
width:226px;
height:150px;
padding:0;

}

#index8 a:hover
{ 
background:url(images/main/nav_blog2.jpg) no-repeat;
}


#index9 a
{
display:block;
float:left;
margin:8px;
background:url(images/main/nav_goodbye1.jpg) no-repeat;
width:226px;
height:150px;
padding:0;

}

#index9 a:hover
{ 
background:url(images/main/nav_goodbye2.jpg) no-repeat;
}