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

@import url("servicepages.css");

/*main css - css for all pages - 
extra css for other pages located on other stylesheets
********************************************************/ 

body {
	margin:0 auto;
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height:135%;
	width:980px;
	background:url(../images/backgroundimage.jpg) repeat-x;
	background-color:#D9909C;
		
}


/*headers
*****************/

h1, h2, h3, h4 {
	letter-spacing:1px;
	line-height:125%;
	margin:0;
}

h1 {
	color:#97103F;
	font-size:135%;
}

h2, h3{
	margin-top:40px;
	color:#EB547A;
	font-size:115%;
	}

h4 {
	margin-bottom:8px;
}

h2, h3 em{
	color:#97103F;
	font-size:125%;

}

/*make bold serif font
************************/

strong {
	font-family:Georgia, "Times New Roman", Times, serif;}

/*Spacer DIV
***************/

.spacer {
	clear:both;
}

/*removes border round images that are links
*********************************************/
img {
	border:0;
}


/*logo
*************/

#logo {
	padding:30px 0 0 30px;
	margin:0;
}

/*main_text on index page
************/

#main_txt {
	float:left;
	width:440px;
	padding:20px 0 60px 30px;
}

.footer_spacer {
	padding-bottom:20px;
}

/*index portfolio - examples on homepage
****************************************/

#index_portfolio {
	padding:20px 20px 40px 0;
	width:450px;
	float:right;
}

/*indexpage - portfolio paragraphs
***********************************/
.portfolio_para {
	padding:10px 15px 0 15px;
}

/*Default Links 
*****************************/

a:link {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#97103F;
	font-weight:bold;
}

a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	font-weight:bold;
}

a:hover {
	color:#EB547A;
}

a:active {
	color:#97103F;
}



/*h1, h2 etc links
***********************/

h1 a:link{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#97103F;
	text-decoration:none;
}

h1 a:visited{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#97103F;
	text-decoration:none;
}

h1 a:hover{
	color:#97103F;
	text-decoration:none;
}

h1 a:active{
	color:#97103F;
	text-decoration:none;
}


/*hide the following items
***************************/


#service_buttons, #laptopimage, #targetimage, #emailimage, #footer, #header li, #headerimage, #globeimage{
	display:none;
}

/* header image on service pages
*********************************/

#headerimage {
	padding:25px 0 0 22px;
	float:left;
}

/* main text on service pages
*********************************/

#services_text {
	float:left;
	padding:10px 0 0 30px;
	width:510px;
}

/*features text on service pages
********************************/

#contentfeaturestxt {
	width:360px;
}

/*portfolio page css*/

.portfolioimagesleft {
	margin:30px 0 0 30px;
	width:450px;
	height:300px;
	float:left;
}

.portfolioimagesright {
	margin:30px 30px 0 0;
	width:450px;
	height:300px;
	float:right;
}


.clear {
	clear:both;
}

/*text used on portfolio pages
******************************/

#portfoliotext {
	float:left;
	height:auto;
	width:650px;
	padding:50px 0 0 30px;
}

#portfoliopadding {
	padding-bottom:60px;
}

/*******************************/

/*eastwood page
*****************/

#portfolioeastwoodcard {
	margin:30px 30px 0 0;
	width:213px;
	height:300px;
	float:right;
	padding-bottom:30px;
}

#portfolioeastwoodabout {
	float:right; 
	width:200px; 
	height:300px; 
	margin:30px 28px 0 0;
}

/**********************/

/*flipt concept page
**********************/

#portfoliofliptbrochure {
	float:right;
	width:450px;
	height:318px;
	margin:30px 30px 30px 0;
}

#portfoliofliptlogo {
	margin:0 0 30px 30px;
}