/* CSS Document */

img
{
border:0;
margin:0px;
padding:0px;
}

body, html
{
	margin:0px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:140%;
	background-color:#cccccc;
	height:100%;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
	background-position: center top;
}




*  /*Sets every single element, no need to specify indivudal elements*/
{
	margin:0px;
	padding:0px;
}




#wrapper
{
	width:797px;
	height:95%;
	/*background-image:url(images/slice.jpg);
	background-repeat:repeat-y;*/
	margin-left:auto;
	margin-right:auto;
}

#container
{
	width:797px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}



#rounded
{
	
	height:20px;
	margin-top:20px;
}



#header
{
	width:807px;
	height:70px;
	padding-top:43px;
}



#logo
{
	width:185px;
	float:left;
	height:65px;
	margin-left:25px;
	margin-bottom:20px;
	margin-top:5px;
}


#navigation
{
	width:350px;
	float:left;
	margin-top:15px;
}



#middle
{
	width:795px;
	height:280px;
	margin-top:20px;
}

#middleCase
{
	width:795px;
	height:334px;
	margin-top:20px;
}

#middleClient
{
	width:795px;
	height:180px;
	margin-top:20px;

}


#middleAbout
{
	width:760px;
	height:180px;
	background-color:#f5f5f5;
	margin-top:20px;
}


#middleCaseStudies
{
	width:795px;
	height:180px;
}



#bottomContainer
{
	width:795px;
	height:300px;
	margin-top:20px;
	float:left;
	
}

#bottomContainerCase
{
	width:772px;
	height:121px;
	float:left;
	background-color:#f5f5f5;
	margin-top:0px;

	
}

#bottomContainerCaseStudies
{
	width:750px;
	/*height:121px;
	margin-top:20px;*/
	background-color:#ffffff;
	margin-left:20px;
	
}
#about {
	float: left;
	width: 531px;
}


/*#bottomShadow
{
	
	background-repeat:no-repeat;
	background-position:center top;
	height:5%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow: visible;
}
*/



#aboutPic
{
	width:238px;
	height:180px;
	float: left;
	margin-left:2px;
	}


#aboutTitle
{
	width:531px;
	height:57px;
}

#aboutHeader
{
	width:531px;
	background-color:#f5f5f5;
	margin-top:0px;
	float: left;
	height: 123px;
}




#aboutHeader p
{
	margin-left:30px;
	margin-top:22px;
}

#aboutHeader h1
{
	margin-left:30px;

}


#caseHeader
{
	width:531px;
	background-color:#f5f5f5;
	margin-top:0px;
	float: left;
	height: 123px;
}


#caseHeader p
{
	margin-left:30px;
	margin-top:22px;
}

#caseHeader h1
{
	margin-left:30px;

}









#footerCase
{
	margin-left:25px;
}

#footerClient
{
	margin-left:10px;
}


#bottomLeft
{
	width:430px;
	height:300px;
	float:left;
	margin-left:30px;
}


#bottomLeftAbout
{
	width:480px;
	height:300px;
	float:left;
	margin-left:30px;
}

#bottomLeftCase
{
	margin-top:-10px;
	width:500px;
	height:130px;
	float:left;
/*	margin-left:25px;
*/	background-color:#f5f5f5;
}

#bottomLeftCaseText
{
	margin-left:25px;
}


#bottomLeftCaseText p
{
line-height:120%;
margin-bottom:-10px;
font-size:11px;
}

 #leftPanel p
 {

line-height:140%;
margin-bottom:-10px;
font-size:11px;
}

#bottomLeftCaseText h1
{
margin-bottom:-10px;
margin-top:20px;
}


#titleCase1
{
	width:752px;
	height:auto;
	margin-left:20px;	
}


#titleCase2
{
	width:752px;
	height:auto;
	margin-left:20px;	
	
}


#squares1
{
	width:752px;
	height:80px;
	margin-bottom:30px;
	margin-left:20px;
	margin-top:10px;
	


}

#casePageBoxes1
{
	width:752px;
	height:80px;
	margin-bottom:30px;
	margin-left:20px;
}




#casePageBoxes2
{
	width:752px;
	height:80px;
	margin-bottom:0px;
	margin-left:20px;
	
}

#squares2
{
	width:752px;
	height:80px;
	margin-bottom:20px;
	margin-left:20px;
}




#clientBox
{
	width:220px;
	height:80px;
	background-color:#f5f5f5;
	margin-right:30px;
	float:left;
	background-image:url(../images/case_thumbs/case_slice_left.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#clientText
{
	width:125px;
	float:left;
	margin-top:-1px;
}

#clientText p
{
font-family:Helvetica, Arial,  sans-serif;
font-size:11px;
margin-left:11px;
margin-top:8px;
line-height:120%;
}





#clientThumb
{
	width:80px;
	float:right;
}



img.floatRight
{
float:right;
}



/*#bottomLeftCaseStudy
{
	height:121px;
	float:left;
	margin-left:25px;


}*/


#bottomLeft p, #bottomLeftCase p, #bottomLeftAbout p, 
{
	margin-top:15px;
}

#bottomRight
{
	width:270px;
	height:300px;
	float:left;
	margin-left:30px;
	margin-top:5px;

}


#bottomRightAbout
{
	width:240px;
	height:300px;
	float:left;
	color:#666666;
	margin-left:30px;
	margin-top:5px;
	
}

#bottomRightClient
{
	width:240px;
	height:300px;
	float:left;
	color:#666666;
	
}


#bottomRightCase
{
	width:241px;
	height:121px;
	margin:0px;
	background-color:#FFFFFF;
	float:right;

}



#aboutHeader h1
{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#E52325;
	font-weight:normal;
	padding-top: 10px;
	padding-bottom:5px;
	
}

h1
{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#E52325;
	font-weight:normal;
	
	
}


h2
{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#999999;
	font-weight:normal;
	margin-bottom:20px;

}

#AboutLeftDiv h3
{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#999999;
	font-weight:normal;
	margin-bottom:20px;
}



h3
{
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;


}


h4
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#E52325;
	font-weight:normal;
	margin-bottom:5px;
}






ul#mainNav {
	list-style:none;
	width:400px;
	height:auto;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	margin-top:15px;
	margin-left:10px;
	
}



ul#mainNav li {
	float:left;
}




ul#mainNav a
{
	display:block;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:0px;
	text-decoration:none;
	color:#666666;
	background:url(../images/nav_divider.gif) repeat-y left top;
}

ul#mainNav li .first
{
	
	display:block;
	padding-left:0.7em;
	padding-right:0.7em;
	padding-bottom:0px;
	text-decoration:none;
	color:#E52325;
	background: none;

	
}


ul#mainNav li .link
{
	display:block;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:0px;
	text-decoration:none;
	color:#E52325;
	background:url(../images/nav_divider.gif) repeat-y left top;
}



.red
{
	color:E52325;
	font-weight:bold;
}




ul#footer {
	list-style:none;
	width:100%;
	height:25px;
	
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	margin-top:20px;
	margin-left: 0px;

	float:left;
}




ul#footer li {
	float:left;
	background:url(../images/footer_divider.gif) repeat-y left bottom;
}



ul#footer a {
	display:block;
	padding:0 1em; /*sets same amount of space around buttons if not all the same size, else use fixed height and width*/
	line-height:2.1em;
	text-decoration:none;
	color:#999999;
}




ul#footer .text/*Artemis Public Relations*/ {
	display:block;
	padding:0em 0em 0em 0em; /*top, right, bottom, left */
	line-height:2.1em;
	text-decoration:none;
	color:#cccccc;	
	background: none;
}


ul#footer .noDivider  {
	background: none;
}



#rounded
{
	width:805px;
	height:20px;
	background-color:#ababab;
}



#case1
{
	width:270px;
	float:left;
	background-color:#efefef;
	background-image:url(../images/left_rounded.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-bottom:15px;
}


#caseText1 p
{
	margin:0px;
	padding:0px;	
}

#featureText
{
margin:0px;
padding:0px;
height:20px;
width:200px;
float:left;
margin-top:10px;
margin-left:8px;
font-size:11px;
line-height:120%;
}


#servicesText
{
margin:0px;
padding:0px;
height:20px;
width:200px;
float:left;
margin-top:15px;
margin-left:8px;
font-size:12px;
line-height:120%;
}

#caseText1
{
	float:left;
	width:200px;
	margin-left:8px;
	margin-top:-10px;
	
}
#imageCase1
{	
	width:43px;
	float:right;
	margin:0px;
	padding:0px;
}





#clientText a:link, #bottomLeftCase a:link, #caseText1 a:link
{
	color:#E52325;
	text-decoration:none;
}


#clientText a:visited, #bottomLeftCase a:visited, #caseText1 a:visited
{
	color:#E52325;
	text-decoration:none;
}


#clientText a:active, #bottomLeftCase a:active, #caseText1 a:active
{
	color:#E52325;
	text-decoration:none;
}


#clientText a:hover, #bottomLeftCase a:hover, #caseText1 a:hover
{
	color:#999999;
	text-decoration:none;
}


ul#mainNav a.first:link
{
	color:#E52325;
	text-decoration:none;
}


ul#mainNav a:link
{
	color:#333333;
	text-decoration:none;
}

ul#mainNav a:visited
{
	color:#333333;
	text-decoration:none;
}

ul#mainNav a:active
{
	color:#333333;
	text-decoration:none;
}


ul#mainNav a:hover
{
	color:#E52325;
	text-decoration:none;
}


ul#footer a:link
{
	color:#999999;
	text-decoration:none;
}

ul#footer a:visited
{
	color:#999999;
	text-decoration:none;
}

ul#footer a:active
{
	color:#999999;
	text-decoration:none;
}


ul#footer a:hover
{
	color:#E52325;
	text-decoration:none;
}






#AboutLeftDiv h3 a:link
{
	color:#999999;
	text-decoration:none;
}

#AboutLeftDiv h3 a:visited
{
	color:#999999;
	text-decoration:none;
}

#AboutLeftDiv h3 a:active
{
	color:#999999;
	text-decoration:none;
}


#AboutLeftDiv h3 a:hover
{
	color:#999999;
	text-decoration:none;
}




#layer1 a:link, #layer2 a:link, #layer3 a:link

{
	color:#000000;
	text-decoration:none;
}

#layer1 a:visited, #layer2 a:visited, #layer3 a:visited
{
	color:#000000;
	text-decoration:none;
}

#layer1 a:active, #layer2 a:active, #layer3 a:active
{
	color:#000000;
	text-decoration:none;
}

#layer1 a:hover, #layer2 a:hover, #layer3 a:hover
{
	color:#FF0000;
	text-decoration:none;
}



#ContentDiv h1 { 
padding-bottom:10px;

}

#ContentDiv p { 
padding-bottom:10px;

}



.contact {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:110%;
}




ul#bullet
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:140%;
}


ul#bullet li
{
	background:url(../images/bullet.gif) 0 8px no-repeat;
 	margin-left:0px;
 	padding: 4px 1px 0px 14px;
	
}


ul#subBullet
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:140%;
}


ul#subBullet li
{
	background:url(../images/sub_bullet.gif) 0 8px no-repeat;
 	margin-left:0px;
 	padding: 4px 1px 0px 14px;
	
}




input.contact
{
 font-size: 12px;
 border:#CCCCCC solid 1px;
 width:300px;
 height:18px;
 }
 
 
textarea.textContact 
{
 border:#CCCCCC solid 1px;
 width:300px;
 height:50px;
}


input.submit
{
background-color: #E52325;
color:#FFFFFF;
border:none;
font-weight:bold;
font-size:11px;
width:60px;
height:20px;
}


.beforetext
{
color:#666666;
font-size:9px;
}


img.case
{
margin-top:10px;
}


/*#qualifications {
	position:absolute;
	width:474px;
	height:78px;
	z-index:1;
	left: 125px;
	top: 590px;
	visibility: hidden;
}

#media {
	position:absolute;
	width:476px;
	height:115px;
	z-index:2;
	left: 125px;
	top: 590px;
	visibility: hidden;
}

#designbtn {
	position:absolute;
	width:452px;
	height:41px;
	z-index:3;
	left: 113px;
	top: 561px;
	visibility: visible;
}
#mediabtn {
	position:absolute;
	width:455px;
	height:38px;
	z-index:4;
	left: 114px;
	top: 613px;
	visibility: visible;
}*/