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



body 					{background:url('../images/site_objects/top_bg.gif') repeat-x #ffffff; margin:0; font-family: Arial, Tahoma, Helvetica, sans-serif; color:#333333; font-size:70%; line-height:150%;}
#container				{width:1024px; height:100%; margin:0 auto;}
#logo					{width:117px;  float:left; margin:90px 40px 0 50px;}
#image					{width:793px; height:297px; position:relative; float:left; display:block;}
.clear					{clear:both;}
#smallprint				{font-size:85%; line-height:140%; color:#999999; padding:20px 0px 20px 0; width:525px;}

.highlight				{font-weight:bold; color:#333333;}

#maincontent			{width:800px; float:left; position:relative; margin-left:10px;}
#constructmaincontent			{width:800px; float:left; position:relative; margin-left:210px; padding-left:0px; margin-bottom:150px;}
h1						{font-family:Georgia, "Times New Roman", Times, serif; font-size:180%; font-weight:normal; padding:30px 0 0px 0px; color:#364356; line-height:130%;}

h2						{font-family:Georgia, "Times New Roman", Times, serif; font-size:160%; padding:30px 0 0px 0px; font-weight:normal; color:#364356; }
/*Footer headers*/
h3						{font-family:Georgia, "Times New Roman", Times, serif; font-size:160%; font-weight:normal; padding:0 0 20px 0; margin:0; font-weight:normal;}


/*Footer*/
#footer					{clear:both; padding:35px 0 0 0px;  font-size:11px; color:#ffffff;  background:url('../images/site_objects/footer.gif') repeat-x; position:relative; width:100%; height:268px; margin:0 auto;}
#footercontent			{width:1024px; margin:0 auto;}
#whatwedo				{float:left; padding:0 0 0 210px; width:300px;}	
#whatwedo ul			{list-style-type:none; padding:0; margin:0; font-weight:normal; width:150px;}
.listone				{float:left;width:150px;}
.listwo					{position:relative; float:right;width:150px;}
#contactus				{position:relative; float:right; width:265px; padding-right:60px;}
#contactus	h3			{font-family:Georgia, "Times New Roman", Times, serif; font-size:160%; font-weight:normal; padding:0 0 0px 0; margin:0; font-weight:normal;}
#footer .copyright		{padding:65px 0 20px 180px; clear:both; width:575px; float:left;}
#footer .validate		{width:230px; padding:60px 0 0 185px; float:left;}
#footer .validate img	{padding-right:20px;}

/*Navigation styles*/ 

#navigation				{width:150px; float:left; text-align:left; line-height:190%; height:0px;  padding:8px 0 0 50px; font-family:Georgia, "Times New Roman", Times, serif;  font-size:140%;}
#navigation .current	{text-decoration:underline;  color:#a61589; font-size:105%}
#navigation ul			{ list-style-type:none; padding:0; margin:0; font-weight:normal;}
#navigation li			{display:block; }


/*Links styles*/
#navigation a			{font-size:105%; text-decoration:none;  color:#363b56;}
#navigation a:hover		{text-decoration:underline; color:#a61589;}

a.more 					{color:#be4380; text-decoration:underline; font-weight:normal;}
a.more:hover			{color:#363b56; text-decoration:underline; font-weight:normal;}

a.email					{color:#ffffff; text-decoration:underline; font-weight:normal;}
a.email:hover			{color:#ffffff; text-decoration:underline; font-weight:normal;}


/*Homepage*/

#mainstory				{width:785px; }
.header					{border-bottom:dotted 1px #ffffff;}
#imagestory				{width:505px; position:absolute; float:left; padding:20px 0 0 0px;}
#copy					{width:240px;  padding:5px 5px 0 0; position:relative; float:right;}

#latestproject			{width:505px; float:left;}
#latestproject img			{padding-bottom:20px;}
#bluberribiog			{width:240px; float:left; padding:25px 25px 0 0;}


#promocontent			{float:left; width:100%; padding-top:20px; padding-bottom:40px;}	
#printcolumn			{margin:0 100px 0 255px; width:241px;}
.promocontent			{margin:10px; margin-top:0; width:240px;}
.promocontent img		{padding:0px 0 20px 0;}

#emailmarketing			{float:left; width:241px; margin-left:-810px; padding-top:20px; }
#photography			{float:left; width:241px; margin-left:-270px; padding-top:20px;}


#flickr { padding:0px 0 0 0;  }

#flickr img { margin: 0 0 11px 11px;  border:3px solid #62728f;}


/*About page*/

#aboutcopy				{width:524px; float:left; margin-left:0px; padding:0 10px 0px 0; margin-bottom:70px;}
#aboutlatest			{width:241px; position:relative; float:left; margin-left:10px;}
#aboutlatest p			{padding:0px 0 10px 0;}
.firstpara				{padding-top:10px;}


/*Web design page*/

#webcolone				{width:765px; float:left; margin-left:0px; padding:0 10px 0px 0;}
#webcolone h2			{font-family:Georgia, "Times New Roman", Times, serif; font-size:160%; padding:10px 0 10px 0; margin:0; font-weight:normal; color:#364356;}
.webcopy				{width:231px; position:relative; float:left; padding-left:10px; padding-top:35px;}
.webimage				{width:524px; float:left; padding-bottom:30px;}
.webimagelast				{width:524px; float:left; padding-bottom:60px;}


/*Branding page*/


#branding			{padding-top:10px; padding-bottom:40px; width:790px;} 
#branding img		{padding-bottom:40px;}

#branding h1		{font-family:Georgia, "Times New Roman", Times, serif; font-size:160%; padding:0px 0 10px 0; margin:0; font-weight:normal; color:#364356; text-align:left;}

.brandone			{float:left; width:242px; }
.brandtwo			{float:left; width:242px; padding-left:20px;}
.brandthree			{float:left; width:242px; padding-left:20px;}


/*Photograph page*/

#photopage			{padding-top:0; padding-bottom:40px;}
#photopage td		{padding:20px 0;}
.copy				{padding-right:220px; padding-top:10px;}


/*contact us page*/

#contactform		{width:524px; float:left; margin-bottom:50px; margin-top:0px;}
#contactform .copy	{padding-right:20px; padding-top:10px;}
#contactdetails		{width:241px; float:left; margin-top:45px; padding-left:20px;}

.details			{width:200px; float:left; padding:5px 0 5px 0px;}
.fields				{width:200px; float:left;}

#txtName,
#txtEmail,
#txtEmailChk,
#txtCompany,
#numPhone,
#optPreference,
#numMobile,
#numAnswer,
#memoMsg			{border:1px solid #a61589; width:200px; }

#memoMsg 			{height:150px; font-family:Arial, Helvetica, sans-serif; font-size:100%; }
.question			{padding:15px 0px 10px 0px;}
#btnSub				{color:#FFFFFF; background:#a61589; border:none; padding:2px 10px;}
.submit				{text-align:right; width:402px; padding:10px 0 0 0;}


.msn				{background:url('../images/site_objects/msn_icon.jpg') no-repeat 0 0; padding:10px 0 20px 50px; margin-top:10px;  font-size:110%; font-weight:bold; color:#a61589;}
.contactemail		{background:url('../images/site_objects/email_icon.gif') no-repeat 0 0; padding:10px 0 20px 50px;}
.mobile				{background:url('../images/site_objects/mobile_icon.gif') no-repeat 0 0; padding:10px 0 20px 50px; margin-top:10px; font-size:110%; font-weight:bold; color:#a61589;}

a.contactlink			{font-size:110%; font-weight:bold; color:#a61589; text-decoration:none;}
a.contactlink:hover		{ text-decoration:underline;}


#formResponse			{width:450px;}
#formResponse h3		{font-family:Georgia, "Times New Roman", Times, serif; font-size:160%; padding:5px 0 20px 0px; font-weight:normal; color:#364356;}
#formResponse .message	{padding:10px 0 20px 0;}


/*random image headers*/

.fade1 { background: #383d5c url('../images/pictures/headers/bluberries.jpg') 0 0 no-repeat; }
.fade2 { background: #383d5c url('../images/pictures/headers/attic.jpg') 0 0 no-repeat; }
.fade3 { background: #383d5c url('../images/pictures/headers/flower.jpg') 0 0 no-repeat; }
.fade4 { background: #383d5c url('../images/pictures/headers/sunset.jpg') 0 0 no-repeat; } 
.fade5 { background: #383d5c url('../images/pictures/headers/henry_moore.jpg') 0 0 no-repeat; }
.fade6 { background: #383d5c url('../images/pictures/headers/hotel.jpg') 0 0 no-repeat; }  
.fade7 { background: #383d5c url('../images/pictures/headers/glass.jpg') 0 0 no-repeat; }