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

/* RESET */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.clear{clear:both;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
	margin:0 auto;
	background: url(img/background.jpg) no-repeat;
	background-color:#657077;
	background-position:center top;
	font: 12px/18px Gotham,"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
}


#wrapper{width:980px; height: 100px; margin:25px auto 0 auto; padding:15px 50px 2px 50px; text-align:left; position: relative; top: -10px;}
#q2images_logo{margin:15px 0 0 0 ;}
p{
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
h1,h2, h3{font-family: Gotham,"Lucide Grande", Tahoma, sans-serif; color:#910E00;font-weight:bold;}

ul,li{font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:13px;line-height:18px; margin:0 0 0 15px; padding:0; color:#000;}

/*
------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------
*/

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
display:inline;
float:right;
	}
	
#navigation li {
	font-family:lucide grande, arial, sans-serif;
	font-size:12px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#navigation a {
	color: #F5F2E7;
	font-weight: normal;
	padding: 5px 10px;
	text-decoration: none;
	}
	
#navigation a:hover {
	color: #FF6600;
	}
	
#navigation #currentpage a {
	background: #fff;
	color: #333;
	}


.nav {
	height: 30px;
	width: 900px;
	margin: 0 10px 0px 0;
	}
	
.nav ul {
	background-color: #F0F0F2;
	}
	
.nav li {
	list-style-type: none;
	display: inline;
	}

.nav li a {
	float: right;
	display: block;
	color: #C50000;
	text-decoration: none;
	background-color: #fff;
	padding: 5px 10px 10px 10px;
	font-size: 0.9em;
	margin: 0;
	font-family: "lucide grande", arial, sans-serif;
	font-size:12px;
	}
	
.nav li a:hover {
	background-color: #F0F0F2;
	}

.nav li a:hover span {
	color: #C50000;
	}
	
.nav li a span {
	font-size: 0.8em;
	color: #FF6600;
	}
	
	.q2nav {
	height: 30px;
	width: 900px;
	margin: 0 10px 0px 0;
	z-index: 999;
	}
	
.q2nav li {
	list-style-type: none;
	display: inline;
	}

.q2nav li a {
	float: right;
	display: block;
	color: #F2F2F2;
	text-decoration: none;
	padding: 5px 10px 10px 10px;
	font-size: 0.9em;
	margin: 0;
	font-family: Gotham, "lucide grande", arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	}
	
.q2nav li a:hover {
	color: #cccccc;
	}

.q2nav li a:hover span {
	color: #CCCCCC;
	}
	
.q2nav li a span {
	font-size: 0.8em;
	color: #CCCCCC;
	}

/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
*/

#footer {
position:relative;
clear:both;
	margin: 0px auto;
	margin-top: 30px;
	padding: 20px 0px 20px 0px;
	border-top:5px solid #C5343A;
	width: 900px;
	background-color: #fff;
}

#footer p.left {
	font-size: 11px;
	color: #999999;
	float: left;
}

#footer p.right {
	font-size: 11px;
	color: #999999;
	float: right;
}

#footer p a, #footer p a:visited {
	color: #999999;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #dddddd;
}

#footer p a:hover {
	color: #000000;
}
#dsfooter{width:850px;margin:0px auto 10px auto; padding:15px 50px 0 50px ;background-color:#390011;text-align:right;color:#F5F2E7;}
#dsfooter .p { text-align:right; color:#f5f2e7;}


#footer2 {
	position: relative;
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	background: #000 url(../testphp/img/bg-footer.jpg) repeat-x;
}
#footerwrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
background-color:#fff;
}

#footerwrap{
width:850px; height:25px;margin:0px auto; padding:5px  0 0 0;
}

#copyright {
	float: right;
	width: 800px;
	}

#copyright p {
	text-align:right;
	margin: 5px 8px;
	font: normal 10px/15px arial,tahoma,sans-serif;
	color: #B4B4B4;
}


#copyright a {
	font-weight: normal;
	color: #910E00;
}

#copyright a:hover {
	text-decoration: underline;
	color: white;
}
.copyright {
font-family:Tahoma; font-style:normal; font-size:9px;line-height:9px;color:#A9A9A9;text-align:right;}

.text14white {
	font-size: 14px;
	color: #FFFFFF;
}
.bodypics			{text-align:left; font-size:18px; display:block; border-top:2px solid #999999; margin-top:2px; padding-top:2px;}
.square 				{border:1px solid gray; padding:0px; margin:1px 0 0 0;}
.bulk					{text-align:left; width:725px;}



.toggler {
	color: #222;
	margin: 0;
	padding: 12px 15px;
	background: #F5F2E7;
		font-size: 15px;
	font-weight: normal;
	font-family: Tahoma, sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	font-style:italic;
	padding:5px 0 5px 30px;
}


#test {
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	background: #fff;
	color: #000;
	padding: 10px;
	margin: 20px;
	
}
 
#test2 {font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:13px;line-height:18px;
	background: #fff;
	color: #000;
	padding: 10px;
	margin: 20px;
}


/*******	show hide classes for javascript   	*******/
.show { display: block; }
.hide { display: none; }
#viewmenu ul li h2:hover { color: #6c7838; }
h2.viewmenu {
	font-family: Verdana;
	font-size: 10pt;
	color: #47006B;
	text-decoration: none;
	padding-bottom: 3px;
} /* dark purple#47006B; purple#800080; light purple#660099; black#000000; green#6c7838; rust#7A221B */


/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
	overflow: hidden;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close { float: right; overflow: hidden; }
.lv_Close .lv_Button {
	float: right;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}
.lv_Data .lv_Slideshow {
	border-left: 1px solid #efefef;
	padding-left: 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* 
* html #lightview { /* IE6 
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

Always cover 100% of the screen in IE6 
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}*/

#clientlogin{
	width:200px;
	height:20px;
	float:left;
}
#clientlogin p{font-family:Tahoma; font-style:normal; font-size:9px;line-height:12px;color:#fff;text-align:left;}
#clientlogin a:link{color:#fff;text-decoration:none;}
#clientlogin a:visited{color:#F2BF24;text-decoration:underline;}
#clientlogin a:hover{color:#F2BF24;text-decoration:underline;}
#clientlogin a:active{color:#F2BF24;text-decoration:none;}

#contact{font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:13px;line-height:18px; margin:0 0 0 15px; padding:0; color:#000;}

/* PORTFOLIO */

	#mainproject {
		padding-top: 1px;
		margin-top: -1px;
		margin-bottom: -10px;
		}
		
		#mainproject .project {
			float: left;
			width: 350px;
			}
			
		#mainproject .description {
			float: left;
			width: 260px;
			color: #888;
			padding: 3px;
			padding-top: 5px;
			line-height: 19px;
			}
			
	.portservice {
		background: url(../images/service_icon.png) top left no-repeat;
		background-position: 0 7px;
		margin-bottom: 20px;
		padding: 0.5em 0.3em 0.2em 45px;
		line-height: 17px;
		}
		
		.portservice a,
		.portservice a:visited {
			color: #888;
			text-decoration: none;
			}
			
		.portservice a:hover,
		.portservice a:active {
			color: #666;
			text-decoration: underline;
			}
			
	.previewtoggle {
		background: url(../images/toggle_icon.png) top left no-repeat;
		background-position: 0 7px;
		margin-bottom: 20px;
		padding: 0.5em 0.3em 0.2em 45px;
		line-height: 17px;
		}
		
	.tips {
		background: url(../images/support_mini.png) top left no-repeat;
		background-position: 0 7px;
		margin-bottom: 20px;
		padding: 0.5em 0.3em 0.2em 45px;
		line-height: 17px;
		}
		
.portfolio_mini {
	width: 144px;
	height: 84px;
	padding: 8px;
	margin-right: 25px;
	float: left;
	margin: 10px 25px 15px 0;
	}
	
.portfolio_desc {
	float: left;
	width: 410px;
	padding: 1px;
	padding-top: 4px;
	line-height: 17px;
	}
	

.monitor_top {
	background: url(../images/monitor_top.png) no-repeat;
	height: 11px;
	width: 340px;
	}
	


/*******	ACCORDIAN   	*******/

/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
	display: block;
	height: 30px;
	width: 400px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 14px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
		.accordion_toggle_active {
			background: #780091;
			color: #ffffff;
			border-bottom: 1px solid #FF9900;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 650px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 14px;
	color: #000000;
	border-bottom: 1px solid #FF9900;
	cursor: pointer;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}

		.vertical_accordion_toggle_active {
			background: #E0C4E6;
			color: #000000;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #222222;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
			}

			.vertical_accordion_content p strong {
color:#780091;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: #780091;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(/images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 300px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      width: 1px;   
      height: 1px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px 50px;
      width: 650px;
    }



  #vertical_nested_container2 {
      margin: 20px auto 20px auto;
      width: 800px;
    }

  #vertical_nested_container3 {
      margin: 20px auto 20px auto;
      width: 800px;
    }

  #vertical_nested_container4 {
      margin: 20px auto 20px auto;
      width: 800px;
    }

  #vertical_nested_container5 {
      margin: 20px auto 20px auto;
      width: 800px;
    }

  #vertical_nested_container6 {
      margin: 20px auto 20px auto;
      width: 800px;
    }
#wrapper #container .description {
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}
#billboard{ background: url(img/q2_mainBkg.jpg) no-repeat 0 0; display: block; width: 980px; height: 550px; }
#themain{margin:0 auto; width:980px; overflow:hidden;}
#main{
	background: url(img/q2_bg92308.gif) no-repeat 0 0;
	width: 980px;
	height: 520px;
	margin:0 auto;
	overflow:visible;
	min-width: 980px;
}

#featured_main{
	background: url(img/q2_bg92308.gif) no-repeat 0 0;
	width: 980px;
	height: 520px;
	margin:0px auto;
	}

.thumbnail{margin:0 0 5px 0;padding: 5px 5px 5px 5px;	background-color: #FFF;	border: 1px solid #CCC;	}	
#main form {
	font: 12px Gotham, "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333333;
}
#sendmail {width:425px;float:left;margin:50px 0 0 50px;font: 12px Gotham, "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333333;
	}
#featured {
	position:relative;
	top:-235px;
	left:650px;
	width:300px;
	z-index:999;
}
#main #featured h2 {
	margin-bottom: 15px;
}
#featured_screen {
	padding: 50px 25px 0px 50px;
	float: left;
	height: 315px;
	width: 400px;
}
#featured_work {
	padding: 50px 50px 0;
	float: left;
	width: 400px;
}
#featured_title{width:155px;margin:0 0 15px 100px;}
.featured_title {
	font: 12px Gotham, "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#910E00;
	padding: 0 0 10px 0;
}
#blurb {width:433px;position:relative; top:85px;left:100px;}

#main #featured #featured_thumbs img {
	margin: 0px 0px 8px;
}

#featured_screen a:link {
	color: #657077;
	text-decoration:none;
}
#featured_screen a:visited {
	color: #657077;
	text-decoration:none;
}

#featured_screen a:hover {
	color: #cc0000;
	text-decoration:underline;
}

#featured_screen a:visited {
	color: #657077;
	text-decoration:none;
}
#main #studio_desc img {
	margin: 0px 15px 15px 0px;
	float: left;
}

.studio_desc img {
	margin: 0px 15px 15px 0px;
	float: left;
}
.work_desc img {
	margin: 0px 15px 15px 0px;
}
#about_desc {
	margin: 50px 0px 0px 100px;
	float: left;
	width: 450px;
}
#about_desc p {
	margin-top: -5px;
	margin-bottom: 20px;
}
#about_desc h2 {
	margin-bottom: 12px;
}
#about_desc .about_title {
	font-weight: bold;
}
.contact_title h2 {
	margin: 0px 0px 15px;
	width: 150px;
}
.contact_box {
	margin: 50px 0px 0px 150px;
	float: left;
	width: 550px;
}
#featured_work p {
	padding: 0px 0px 10px;
}
.work_desc_left{
width:260px;margin:0 15px 0 15px;float:left;
}
.work_desc_mid{
width:260px;margin:0 15px 0 15px;float:left;
}

.work_desc_right{
width:260px;margin:0 0 0 15px;float:left;
}
#main #blurb .first {
	font: bold 1.85em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #107791;
}
#main #blurb .second {
	font: bold 1.1em/1.65em Verdana, Arial, Helvetica, sans-serif;
	color: #C50000;
}
#main #about_desc img {
	margin: 15px 15px 0px 0px;
	float: left;
}
#main #about_desc p {
	margin: 15px 0px 0px 0px;
}