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


body, h3 {
	margin: 0px;
	padding: 0px;
}
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

	div.pane{
	clear:left;
	position:relative;
	width:960px;
	height:300px;
	overflow: hidden;
	}
	
	

#logo{

	width:145px;
	height:94px;
	margin-left: auto;
	position: relative;
	right: 0px;
	top: -70px;

}
#content {
	position: relative;
	width: 960px;
	top:-30px;
}

#hello{
	height: 470px;
	width: 960px;
	display: block;
}


#hellocontent {
	width: 880px;
	height: 210px;
	padding-right: 40px;
	padding-left: 27px;
}

#wearecontent {
	width: 880px;
	height: 210px;
	padding-right: 40px;
	padding-left: 27px;
}
#expertisecontent {
	width: 880px;
	height: 210px;
	padding-right: 40px;
	padding-left: 27px;
}
#showcasecontent {
	height: 210px;
	width: 880px;
	padding-left: 27px;	

}
#contactcontent {
	height: 330px;
	width: 960px;
}

#weare{
	height: 470px;
	width: 960px;
	display: block;
}

#expertise{
	height: 470px;
	width: 960px;
	display: block;
}

#showcase{
	height: 470px;
	width: 960px;
	display: block;
}

#contact{
	height: 470px;
	width: 960px;
	display: block;
}

#clientlogin{
	height: 470px;
	width: 960px;
	display: block;
}

#thestudio{
	height: 470px;
	width: 960px;
	display: block;
}

#ourclients{
	height: 470px;
	width: 960px;
	display: block;
}

#workforus{
	height: 470px;
	width: 960px;
	display: block;
}

#creativelounge{
	height: 470px;
	width: 960px;
	display: block;
}

#tellafriend{
	height: 470px;
	width: 960px;
	display: block;
}


#bg {
	width: 980px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
}


#hello-button {
	float: left;
}


#weare-button {
	float: left;
}


#expertise-button {
	float: left;
}



#showcase-button {
	float: left;
}
#contact-button {
	float: left;
}

#clientlogin-button {
	float: left;
}
#thestudio-button {
	float: left;
}
#ourclients-button {
	float: left;
}
#workforus-button {
	float: left;
}
#creativelounge-button {
	float: left;
}
#tellafriend-button {
	float: left;
}
#footerbg-1-1 {
	float:right;
}

#navbar {
	float: left;
	height: 40px;
	width: 470px;
	background-image: url(images/navbar-bg.gif);
	background-repeat: repeat-x;
}

#footer {
	height: 107px;
	width: 960px;
	position: relative;
}
#copyright-footer {
	height:107px;
	width: 960px;
	background-image: url(images/footer-bg-new.gif);
	background-repeat: repeat-x;
	float: left;
}
#footerbgtop {
	float: left;
	background-image: url(images/footer-bg-top.gif);
	background-repeat: repeat-x;
}


#footerramcologo {
	float:left;
padding-left:15px;	
}

#footertext {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding-top:60px;
	padding-left: 185px;
	letter-spacing: 0.1em;
}

#footercedgelogo {
	float:right;
	padding-right:22px;
}




.arrowlistmenu{
	width: 210px; /*width of accordion menu*/
	float: left;
	margin-top:10px;	
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	color: #000040;
	margin-bottom: 5px; /*bottom spacing between header and rest of content*/

	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #000040;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color:#6C6C6C;
	background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}





#thumb {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#thumb img {
	cursor:pointer;
	border: thin solid #969696;
}
.button {
	cursor: pointer;
}


#printproj1, #printproj2, #printproj3, #printproj4, #printproj5, #printproj6, #printproj7, #printproj8, #printproj9, #printproj10, #printproj11, #printproj12, #packproj1, #packproj2, #packproj3, #packproj4, #packproj5, #packproj6, #idproj1, #idproj2, #brandproj1, #brandproj2, #brandproj3, #advproj1, #advproj2, #advproj3, #advproj4, #advproj5, #newmediaproj1, #newmediaproj2, #newmediaproj3, #newmediaproj4, #newmediaproj5, #newmediaproj6, #newmediaproj7, #newmediaproj8, #newmediaproj9, #newmediaproj10, #newmediaproj11, #newmediaproj12, #newmediaproj13 {
	width: 440px;
	float: left;
	margin-bottom: 0;
	margin-left: 30px;
	margin-top:20px;
}

#printproj1-desc, #printproj2-desc,#printproj3-desc, #printproj4-desc,#printproj5-desc, #printproj6-desc,#printproj7-desc, #printproj8-desc,#printproj9-desc,#printproj10-desc,#printproj11-desc,#printproj12-desc,#packproj1-desc,#packproj2-desc, #packproj3-desc,#packproj4-desc,#packproj5-desc,#packproj6-desc,#idproj1-desc, #idproj2-desc,#brandproj1-desc, #brandproj2-desc, #brandproj3-desc,#advproj1-desc, #advproj2-desc, #advproj3-desc, #advproj4-desc, #advproj5-desc, #newmediaproj1-desc, #newmediaproj2-desc, #newmediaproj3-desc, #newmediaproj4-desc, #newmediaproj5-desc, #newmediaproj6-desc, #newmediaproj7-desc, #newmediaproj8-desc, #newmediaproj9-desc, #newmediaproj10-desc, #newmediaproj11-desc, #newmediaproj12-desc, #newmediaproj13-desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	float: left;
	height: 375px;
	width: 175px;
	margin-left: 20px;
	margin-top:10px;
}




#hello-header {
	margin-top: 30px;
	width: 880px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-style: italic;
}

#hello-freequote {
	margin-top: 20px;
	width: 880px;
	float: left;
}


#hello-column1 {
	float: left;
	width: 420px;
	height:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height:27px;
	padding-right: 20px;
	margin-top: 20px;
}

#expertise-column1 {
	float: left;
	width: 420px;
	height:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height:27px;
	padding-right: 20px;
	margin-bottom: 15px;
	margin-top: 20px;
}

#hellocontent {

}



#hello-column2 {
	float: left;
	width: 420px;
	height:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height:27px;
	padding-left: 20px;
	margin-top: 20px;

}

#hello-column3 {
	float: left;
	width: 840px;
	height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height:27px;
	margin-bottom: 15px;
	margin-top: 20px;
}

#weare-header {
	margin-top: 30px;
	width: 880px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-style: italic;
}

#weare-column1 {
	float: left;
	width: 420px;
	height:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height:27px;
	padding-right: 20px;
	margin-top: 20px;
}

#weare-column2 {
	float: left;
	width: 420px;
	height:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height:27px;
	padding-left: 20px;
	margin-top: 20px;
}

#expertise-column2 {
	float: left;
	width: 420px;
	height:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height:27px;
	padding-left: 20px;
	margin-bottom: 15px;
	margin-top: 20px;
}


#expertise-bullets {
	line-height:20px;

}

#contactformtext {
	width: 480px;
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 24px;
}

#contactform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

#contactinfo {
	height: 310px;
	width: 300px;
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
}


#contactform1text {

	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 24px;
}

#contactform1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}








#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#buttonpopup {
	cursor: pointer;
}

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
cursor: pointer;
}





#backgroundPopup1{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:1280px;
width:2048px;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#buttonpopup1 {
	cursor: pointer;
}

#popupContact1{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:478px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact1 h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContact1Close{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
cursor: pointer;
}







	div.printmain1{
	clear:left;
	position:relative;
	width:440px;
	height:316px;
	overflow: hidden;
	border: thin solid #808080;
	}
	


	#response{
	font-size:12px;		
	display: none;
	border: 1px solid #ccc;
	background: #FFFFA0;
	padding: 10px;
	width: 450px;
}
	
		#response1{
	font-size:12px;		
	display: none;
	border: 1px solid #ccc;
	background: #FFFFA0;
	padding: 10px;
	width: 388px;
}


/**********************form_sections***********************************/
input.forms
{
	color: #000000;
	width:350px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#F4F4F4;
	padding:2px;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
	
	select.forms
	{
	color: #000000;
	width:134px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px;
	padding-left:4px;
	background-color:#F4F4F4;
	background-repeat:no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-bottom:0px;
}

input.formsbtn
{
color: #FFFFFF;
font-weight:bold; 
height:30px; width:60px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
background-color: #294553; 
margin:0px 5px 0px 0px; 
padding:1px; 
text-transform: normal; 
border-left: 1px solid #FFFFFF; 
border-top: 1px solid #FFFFFF; 
border-right: 1px solid #FFFFFF; 
border-bottom: 1px solid #FFFFFF;
}

textarea.forms
{
	color: #000000;
	width:350px;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#F4F4F4;
	padding:2px;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}



#fw1
{
	width:165px;
	height:119px;
	background-color: #999;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	border: 1px solid #CCC;
}
#topmostbg {
	height: 34px;
	width: 960px;
	background-image: url(images/topmost-bg.gif);
	background-repeat: repeat-x;
}

#topmosttext {
	padding-left:15px;
float:left;
}

#topmosticon {
	padding-right:15px;
float:right;
cursor:pointer;
}

hr {
	margin-bottom:12px;
	border: thin dotted #CCC;
}