@charset "UTF-8";

/* Color Palette ---------------------------- */


.blue, .services
{
	background-color:#50B2CE;
}

.orange, .agency
{
	background-color:#F7971D;
}

.green, .work
{
	background-color:#90BF28;
}

.red, .contact
{
	background-color:#D11242;
}


/* Tags ---------------------------- */

body {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin-bottom:20px;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
}

#contentbox a:link
{
	color:#fff;
}

#contentbox a:hover
{
	color:#fff;
}

#contentbox a:active
{
	color:#fff;
}

#contentbox a:visited
{
	color:#fff;
}

/* Classes --------------------------- */

#container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin-top:50px;
	
}

.clear
{
	clear:both;
}

.intro
{
	padding:0;
	margin:0;
	margin-bottom:10px;
	font-weight:bold;	
	font-size:18px;
}

.legal
{
	color:#999;
	font-size:0.9em;
	text-align:right;
	margin-top:10px;
}


.medlegal
{
	color:#999;
	font-size:0.9em;
}

.portlink
{
	/*padding:5px;
	border:solid 1px #fff;*/
	margin-top:10px;
	margin-left:10px;
}

.portlink a:link, .portlink a:active, .portlink a:visited 
{
	text-decoration:none;
}

.portlink a:hover
{
	text-decoration:underline;
}

.pullquote
{
	font-style:italic;
	color:#000000;
	background-color:#fff;
	padding:15px;
}


.services .pullquote
{
	color:#50B2CE;
}

.agency .pullquote 
{
	color:#F7971D;
}

.work .pullquote 
{
	color:#90BF28;
}

.contact .pullquote 
{
	color:#D11242;
}

.text
{
	text-align:left;
}

/* IDs ---------------------------------- */

#contentbox
{
	margin-top:50px;
	text-align:left;
}

#controls
{
	float:left;
	width:200px;
}

#menu
{
	text-align:center;
	width:675px;
	margin-left:80px;
}

#menu a
{
	float:left;
}

#menu .btn
{
	padding-top:15px;
}


#portfoliopage
{
	float:left;
}


#sidebar
{
	float:right;
}

.sidebar_image
{
	margin:0;
	margin-left:15px;
	margin-bottom:15px;
	border: solid 4px #fff;
}

#subcontent
{
	padding:15px;
	color:#fff;
}

#subcenter
{
	padding:0;
}

#submenu
{
	padding:0;
	padding-right:10px;
	margin:0;
	height:32px;
	text-align:right;
}

#submenu a img
{
	padding:0;
	margin:0;
}

#subtop
{
	padding:0;
	margin:0;
}