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

*
{
	padding:0;
	margin:0;
}


body
{
	background-image:url(../images/redx_portfolio_background.png);
	background-repeat:repeat-x;
}

#container
{
	width:960px;
	height:800px;
	overflow:hidden;
	margin:0 auto;
}

#content
{
	width:960px;
	height:570px;
	overflow:hidden;
}

#header
{
	position:relative;
	width:960px;
	height:102px;
	overflow:hidden;
}

#logo
{
	position:absolute;
	top:10px;
	left:0px;
	z-index:999;
}

#topnav
{
	position:absolute;
	bottom:3px;
	right:1px;
	height:30px;

}

#topnav ul
{
	list-style:none;
	padding-top:1px;
	margin:2px;
}

#topnav ul li
{
	padding-top:0;
	float:left;
	font-size:22px;
	padding:0px 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#topnav ul li.last
{
	padding:0 0 0 10px;
}

#topnav a
{
	text-decoration:none;
	color:gray;
}

#topnav a:visited
{
	color:red;
}

#topnav a:hover

{
	color:white;
}

#bottomnav
{
	xwidth:640px;
	height:30px;
	float:right;
}

#bottomnav ul
{
	list-style:none;
	padding-top:1px;
	margin:2px;
}

#bottomnav ul li
{
	padding-top:0;
	float:left;
	font-size:60%;
	padding:0px 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#bottomnav ul li.last
{
	padding:0 0 0 10px;
}

#bottomnav a
{
	text-decoration:none;
	color:gray;
}

#bottomnav a:visited
{
	color:red;
}

#bottomnav a:hover

{
	color:white;
}

#footer
{
	position:relative;
	width:960px;
	height:135px;
	overflow:hidden;
}

#contact_box
{
	color:#ededed;
	margin-top: 10px;

}

#contact_box h2
{
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#contact_box p
{
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


#facebook_like_box
{
	position:absolute;
	right:50px;
	top:10px;
	width:65px;
	color:white;
}

#social_media_box
{
	position:absolute;
	right:50px;
	top:30px;
	width:65px;
	color:white;
}

#service_list
{
	margin-top:35px;
	width:960px;
	height:175px;
	overflow:hidden;
	font-size:80%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	clear:both;
}

#service_list a
{
	color: #373535;
	line-height: 120%;
	text-decoration:none;
}

.service_spacer
{
	float:left;
	margin: 0 12px;
}

#web_services
{
	float:left;
	
}

#web_services ul
{
	list-style:none;
}

#print_services
{
	float:left;
	margin-left: 15px;
	margin-right: 5px;
}

#print_services ul
{
	list-style:none;
}

#marketing_services
{
	float:left;
	margin-left: 15px;
}

#marketing_services ul
{
	list-style:none;
}

#grey_box
{
	float:right;
	height: 146px;
	width: 340px;
	background-repeat:no-repeat;
	color:#ededed;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#grey_box_content
{
	margin:-140px 0 0 0;
	height: 146px;
	width: 340px;
	padding: 0px 10px 10px 10px;
}

#grey_box_content a
{
	color:#d90b10;
}

#grey_box_content h2
{
	font-size:16px;
	color:#d90b10;
	}

#grey_box_content p
{
	font-size:12px;
}

h2.graylink
{
	color:#333;
}


/* index page */
	
#slider
{
	width:960px;
	height:358px;
	overflow:hidden;
	xmargin-top:2px;
}
	
#slide_1, #slide_2, #slide_3, #slide_4, #slide_5
{
	overflow:hidden;
	height:360px;
	width: 960px;
}


/* portfolio page */

#portfolio_content
{
	height:570px;
	width:950px;
	overflow:hidden;
}

h2.headerport
{
	color:#d90b10;
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top:10px;
}


#project_details
{
	height:355px;
	overflow:hidden;	
	background-color:#b4b4b4;
	
}

.project
{
	background-color:#b4b4b4;
}

.project .description
{
	float:left;
	width:300px;
	padding:10px 20px 10px 10px;
}

.project .description h2
{
	font-size:20px;
}

.project .description p
{
	font-size:18px;
}

.project_image
{
	padding: 10px 10px 10px 10px;
	text-align:center;
}

#project_slider
{
	margin-top:30px;
	
}

li.jcarousel-item 
{
	overflow:hidden;
}

.project a
{
	text-decoration:none;
	color:#333;
}

.project a:visited
{
	color:red;
}

.project a:hover

{
	color:white;
}

p.greentea_port
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 110%;
	padding-top:10px;
	padding-left:10px;
	
}

.project .description .url
{
	font-size:16px;
	padding: 0 0 15px 10px;
}
/*about page*/

p.blathr
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 120%;
	padding-top:7px;
	padding-left:20px;
}

span.red
{
	color:#d90b10;
}

#about_content
{
	height:345px;
	width:950px;
	margin:5px;
}


#about_content .left
{
	height:345px;
	width:300px;
	margin:5px 15px 5px -5px;
	float:left;
}


#about_content .right
{
	height:345px;
	width:950px;
	margin:5px;
}

/* web page */

/* Web services page */

#web_container
{
	width:960px;
	height:1610px;
	overflow:hidden;
	margin:0 auto;
}

#web_content
{
	height:1170px;
	margin:0 0 30px 0; 
}

h3.descript
{	
	color:gray;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top:10px;
}

/* print page */

#print_content
{
	height:570px;
	width:950px;
	overflow:hidden;
}

#print_content p.greentea
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 130%;
	padding-top:8px;
	padding-left:6px;
	
}

#print_content h2
{
	color:#d90b10;
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top:6px;
}


/* marketing page */

#marketing_container
{
	width:960px;
	height:1622px;
	overflow:hidden;
	margin:0 auto;
}

#marketing_content
{
	height:1170px;
	margin:0 0 30px 0; 
}

/* contact page */

#contact_container
{
	width:960px;
	height:952px;
	overflow:hidden;
	margin:0 auto;
}

#contact_content
{
	height:505px;
	margin:0 0 30px 0; 
}

p.greentea
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 120%;
	padding-top:5px;
	padding-left:10px;
}

p.greentea_ab
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 120%;
	padding:10px 20px 0 15px;
}

p.greentea_port
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 110%;
	padding-top:10px;
	padding-left:10px;
	
}
p.callme
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: .90em;
	padding:10px 0 0 20px;
}

#greeting
{
	padding-left: 15px;
	padding-top: 5px;
	width: 700px;
	margin:auto;
}

#greeting h2 
{
	margin-bottom: 20px;
	font-size: 1.3em;
	color: #F00;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* More page */

h3.more_descript
{
	color:#d90b10;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 14px;
	padding-top:10px;
}

.clear
{
	clear:both;
}

.greentea_box
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 150%;
	padding-top:4px;
	padding-left:6px;
	margin-right: 10px;
}