@charset "UTF-8";







body {

	background-color:#000;

	color:#6e6a6a;

	text-align:center;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 18px;

	font-size:14px;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-image: url(../img/stillpictures_inner_bg.jpg);

	background-repeat: repeat-x;

}



h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#444141;

	letter-spacing: -1px;

	font-weight: 400;

}



h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#e8e8e8;

	letter-spacing: -1px;

	font-weight: 400;

}



h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size:18px;

	color:#e8e8e8;

	letter-spacing: -1px;

	font-weight: 200;

}



h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#e8e8e8;

	letter-spacing: -1px;

	font-weight: 200;

}





a {

	text-decoration:none;

	color:#dbdbdb;

}



a:hover {

	text-decoration:none;

	color:#444141;

}



a img { 

	border: none;

}



.small_type {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	text-align: left;

}



.small_type a {

	text-decoration:underline;

	color:#222222;

}



.small_type a:hover {

	text-decoration:underline;

	color:#84b73a;

}





.intro_text {

	color:#444141;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 18px;

	font-size:14px;

}



.page a {

	text-decoration:underline;

	color:#84b73a;

}



.page a:hover {

	text-decoration:underline;

	color:#222222;

}



.intro {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#333333;

	font-style:italic;

}





#centerColumn {

	width:960px;

	text-align:center;

	margin:0 auto;

}



#bold_text {

	float: left;

	color:#CCC;

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

	min-width: 70px;

	line-height: 24px;

	text-align: left;

	padding-left: 12px;

	padding-top: 20px;

	font-style: normal;

}

.lightgrey {

	color: #CCC;

	font-style: normal;

}

	

#strong_text {

	float: right;

	color:#a1a1a1;

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

	line-height: 24px;

	text-align: left;

	width: 190px;

	padding-top: 20px;

}

	

#strong_text a {

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

	text-decoration:underline;

	color: #dbdbdb;

}

	

#strong_text a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

	text-decoration:underline;

	color: #fff;

}



#header {

	margin:0 0 40px 0;

	padding:0;

	width:960px;

	height:83px;

	float:left;

}



#logo {
	margin: 15px 0 0 0;
	padding: 0;
	width: 250px;
	height: 61px;
	background: url(../img/stillpictures_logo_sml.png) no-repeat left top;
	float: left;
}



#splash {

	width:960px;

	clear:both;

}



#splash_left {

	float:left;

	width:350px;

	text-align: left;

	padding-top: 20px;

}



#splash_right {

	float:right;

	width:490px;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #bbbbbb;

	padding-top: 15px;

}



#contact_info {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	width: 600px;

	color: #dbdbdb;

	background-color: #2f2f2f;

	line-height: 24px;

	padding-left: 0px;

	float: left;

}

#contact_info_left {

	float: left;

	width: 80px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 24px;

	color: a1a1a1;

	text-align: left;

	padding-left: 20px;

}

#contact_info_right {

	float: right;

	width: 480px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 24px;

	color: a1a1a1;

}



#inner_content_left {

	width:610px;

	float:left;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	color: #a1a1a1;

	font-size: 12px;

	padding-bottom: 50px;

}



#inner_content_left a {

	font-family: Arial, Helvetica, sans-serif;

	color: #dbdbdb;

	font-size: 12px;

	text-decoration: none;

}



#inner_content_left a:hover {

	font-family: Arial, Helvetica, sans-serif;

	color: #dbdbdb;

	font-size: 12px;

	text-decoration: underline;

}



#inner_content_right {

	width:272px;

	float:right;

	text-align: left;

	padding-top: 20px;

}



#contact_box {

	width:275px;

	float:right;

	text-align: right;

	background-image: url(../img/contact_box_bground.jpg);

	background-repeat: repeat-y;

	margin-top: 30px;

	clear: right;

}



#contact_box_content {

	width:90%;

	font-family: Arial, Helvetica, sans-serif;

	color: #a1a1a1;

	font-size: 14px;

	padding-left: 20px;

	padding-right: 10px;

	text-align: left;

}

#contact_box_content p a:hover {

	color: #A84DAC;

}





#flickr_box_content {

	width:90%;

	font-family: Arial, Helvetica, sans-serif;

	color: #6d6d6d;

	font-size: 12px;

	padding-left: 7px;

	padding-right: 10px;

	text-align: left;

}







#contact_box2 {

	width:275px;

	float:right;

	text-align: right;

	background-image: url(../img/contact_box_bground.jpg);

	background-repeat: repeat-y;

	margin-top: 30px;

	clear: right;

}



#contact_box_content2 {

	width:90%;

	font-family: Arial, Helvetica, sans-serif;

	color: #a1a1a1;

	font-size: 12px;

	padding-left: 20px;

	padding-right: 10px;

	text-align: left;

}



#privacy	{

	width:920px;

	text-align: left;

	padding-left: 20px;

}



#press	{

	float: left;

	width:580px;

	text-align: left;

	padding-left: 20px;

}





#content_area {

	width:960px;

	text-align: center;

	min-height: 200px;

	margin-top: 170px;

	clear: both;

}







#footer {

	width:100%;

	min-height: 250px;

	margin: 0 auto;

	clear: both;

	text-align: center;

	background-color: #111111;

	padding-top: 40px;

	padding-bottom: 40px;

	background-image: url(../img/footer.jpg);

	background-position: top;

	background-repeat: repeat-x;

}



.copyright {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#959595;

	text-align: left;

	display: block;

	padding-left: 50px;

	padding-top: 20px;

}



.copyright a {

	text-decoration:none;

	color:#52553d;

}



.copyright a:hover {

	text-decoration:underline;

	color:#959595;

}





/* Styling for the social bar that contains the twitter feed etc */

.social {

	width:960px;

	height:152px;

	clear: both;

	background-image: url(../img/social_bground.png);

	background-repeat: no-repeat;

}

	

.socialleft {

	float: left;

	width:450px;

	height:40px;

	text-align:left;

	padding-left: 135px;

	margin-top: 48px;

}

	

.socialright {

	float: right;

	width:300px;

	height:50px;

	margin-top: 48px;

	text-align: right;

}



	

/* Inside the footer container areas for menu, list of friends andcontact info */

#nav_container1 {

	float: left;

	width:275px;

	height:41px;

	background-image: url(../img/around_site.jpg);

	background-repeat: no-repeat;

	padding-top: 40px;

	padding-right: 45px;

}



#nav_container2 {

	float: left;

	width:275px;

	text-align: left;

	background-image: url(../img/my_portfolio.jpg);

	background-repeat: no-repeat;

	padding-right: 45px;

	padding-top: 40px;

}



#nav_container3 {

	float: right;

	width:320px;

	text-align: right;

}

	





/* Bottom Navigation bar menu styling */



#bottom_nav {

	width:960px;

	margin: 0 auto;

	margin-top: 5px;

	margin-bottom: 15px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#464833;

	text-align: left;

}



#bottom_nav ul {

	margin:0;

	padding: 0;

	list-style:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

}



#bottom_nav li {

	border-top: 1px solid #282828;

	padding: 0 0 0 20px;

	margin:0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	background: url(../img/arrow.gif) no-repeat 0 50%;

	line-height: 30px;

}



#bottom_nav li a{

	margin:0;

	text-decoration: none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color: #969696;

}



#bottom_nav li a:hover {

	color:#A84DAC;

	text-decoration: none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

}



#bottom_nav li a.active {

	color:#dcdcdc;

	text-decoration: none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	

}





	



/* Top Navigation bar menu styling */

#nav {margin-top:33px; padding:0; float:right;}



#nav, x:-moz-any-link {margin-top:-30px; padding:0; float:right;}

#nav, x:-moz-any-link, x:default {margin-top:33px; padding:0; float:right;}

#nav ul{ 

	padding:0;

	margin:0;

	width:auto;

	list-style: none;

	height:30px;

	position: relative;

	float:right;

}

#nav li{

	list-style:none;

	float:left;

	text-align:center;

	padding:0;

	font:14px Arial, Helvetica, sans-serif;

	line-height:30px;

}

#nav .lavaLamp li a {

	z-index: 10;

	display: block;

	float: left;

	height: 30px;

	position: relative;

	overflow: hidden;

	margin: auto 20px;

	color:#e8e8e8; 

}



#nav .lavaLamp li a:hover {

	z-index: 10;

	display: block;

	float: left;

	height: 30px;

	position: relative;

	overflow: hidden;

	margin: auto 20px;

	color:#A84DAC;

}

#nav .lavaLamp li a.active {

	z-index: 10;

	display: block;

	float: left;

	height: 30px;

	position: relative;

	overflow: hidden;

	margin: auto 20px;

	color:#A84DAC;

}





#nav .lavaLamp li.back {

	background: url(../img/lava.gif) no-repeat right -30px;

	width: 9px; height: 30px;

	z-index: 8;

	position: absolute;

}

#nav .lavaLamp li.back .left {

	background: url(../img/lava.gif) no-repeat top left;

	height: 30px;

	margin-right: 9px; /* 7px is the width of the rounded shape */

}

#nav a:link{color:#e8e8e8; text-decoration:none;}



#nav a:hover{color:#e8e8e8; text-decoration:none;}



#nav a:active{color:#e8e8e8; text-decoration:none;}

	





/* Styling the contact form */

form{margin:0; padding:0;}

	

#contact_form {

	float:left;

	width:460px;

	text-align: left;

	padding-left: 25px;

	margin-top: 40px;

}

	

.contactform {

	margin:0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#333333;

	width:300px;

	text-align: left;

}



#contactform textarea {

	padding:5px;

	border:0px solid #757575;

	width:500px;

	height:150px;

	font-size:18px;

	color:#a1a1a1;

	font-family:Arial, Helvetica, sans-serif;

	background-color: #2e2e2e;

}



.contactform label {

	min-width: 100px;

	float: left;

	padding: 5px;

	padding-left: 0px;

	margin-left: 25px;

}







.input-submit {

	margin-top:30px;

	background-image: url(../img/submit.jpg);

	width: 185px;

	height: 44px;

	background-repeat:no-repeat;

	border: none;

	cursor: pointer;

	background-color: transparent;

}



.input-textarea {

	padding:5px;

	border:0px solid #757575;

	width:400px;

	height:35px;

	font-size:18px;

	color:#a1a1a1;

	font-family:Arial, Helvetica, sans-serif;

	background-color: #2E2E2E;

}



.small_contact {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#a1a1a1;

	display: block;

	margin-bottom: 10px;

}	



.large_contact {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#e8e8e8;

	text-transform:uppercase;

	display: block;

	margin-top: 30px;

}







.form_error {

	border:  1px solid #757575;

}



#thanks {

	border:  1px solid #bcbcbc;

	width: 600px;

	padding: 0px 10px 10px 10px;

	background-color:#f2f3ea;

}



/* Styling the front page 3 tab product / services area */

#services_left {

	float:left;

	width: 320px;

	background-image: url(../img/left_service.jpg);

	background-repeat: no-repeat;

	text-align: left;

	margin-top: 20px;

}





#services_middle {

	float:left;

	width: 320px;

	background-image: url(../img/middle_service.jpg);

	background-repeat: no-repeat;

	text-align: left;

	margin-top: 20px;

}





#services_right {

	float:right;

	width: 320px;

	background-image: url(../img/right_service.jpg);

	background-repeat: no-repeat;

	text-align: left;

	margin-top: 20px;

}



#services_box_content_left {

	width:70%;

	font-family: Arial, Helvetica, sans-serif;

	color: #a1a1a1;

	font-size: 12px;

	text-align: left;

	margin-top: 125px;

	padding-left: 25px;

}	





#services_box_content_middle {

	width:70%;

	font-family: Arial, Helvetica, sans-serif;

	color: #a1a1a1;

	font-size: 12px;

	text-align: left;

	margin-top: 125px;

	padding-left: 55px;

}





#services_box_content_right {

	width:70%;

	font-family: Arial, Helvetica, sans-serif;

	color: #a1a1a1;

	font-size: 12px;

	text-align: left;

	margin-top: 125px;

	padding-left: 75px;

}





/* Styling an unordered list in the content area on a page */

#content_area ul {

	margin:0;

	padding: 0;

	list-style:none;

	font-family:Arial, Helvetica, sans-serif;

	color: #dbdbdb;

	font-size:12px;

}



#content_area li {

	padding: 0 0 0 20px;

	margin:0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	background: url(../img/arrow2.gif) no-repeat 0 50%;

	line-height: 30px;

}



#content_area li a{

	margin:0;

	text-decoration: none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #dbdbdb;

}



#content_area li a:hover {

	color:#dbdbdb;

	text-decoration: underline;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



/* Styling the contact buttons on the services page */

#interested_button {

	display:block;

	padding-top: 20px;

	padding-bottom: 50px;

	padding-left: 15px;

}



#interested_button2 {

	display:block;

	padding-top: 20px;

	padding-bottom: 50px;

	padding-left: 45px;

}



#interested_button3 {

	display:block;

	padding-top: 20px;

	padding-bottom: 50px;

	padding-left: 65px;

}





/* Styling the work and subsequent pages for the thumbnails etc */

#portfolio_area {

	width:960px;

	text-align: center;

	min-height: 200px;

	margin-top: 170px;

	clear: both;

	padding-left: 20px;

}



.portfolio_thumb {

	float: left;

	height: 142px;

	width:298px;

	padding-right: 13px;

}



#portfolio_sections {

	float: left;

	height: 60px;

	width:620px;

	padding-left: 300px;

	background-image:url(../img/portfolio_sections.jpg);

	background-repeat:no-repeat;

	text-align: left;

	padding-top: 20px;

	margin-top: 20px;

}



#portfolio_sections ul, #portfolio_sections li{

	margin:0;

	padding: 0;

	display:inline;

	font-family:Arial, Helvetica, sans-serif;

	color: #969696;

	font-size:18px;

}



#portfolio_sections li a{

	font-family:Arial, Helvetica, sans-serif;

	color: #969696;

	font-size:18px;

}



#portfolio_sections li a:hover {

	font-family:Arial, Helvetica, sans-serif;

	color: #dcdcdc;

	font-size:18px;

	text-decoration:none;

}



#portfolio_sections li a.active {

	font-family:Arial, Helvetica, sans-serif;

	color: #A84DAC;

	font-size:18px;

	text-decoration:none;

}







#inner_content_left blockquote p {

	padding-bottom: 5px;

	font-family:Arial, Helvetica, sans-serif;

	color: #A84DAC;

	font-size:14px;

	font-style:italic;

}



#inner_content_left blockquote {

	margin: 5px 10px 20px 0px;

	padding: 5px 5px 5px 10px;

	border-left: 3px solid #A84DAC;

	background-color: #2f2f2f;

}

.higlighted {

	color: #FF0;

}

#aboutus_images {

	width:275px;

	float:right;

	text-align: center;

	margin-top: 30px;

	clear: right;

	background-image: url(../img/contact_box_bground.jpg);

	background-repeat: repeat-y;

}
#fb {
	height: 25px;
	width: 150px;
	margin-left: 170px;
	margin-top: 40px;
}