/* @override 
	http://www.seowebsites.com/css/main.css
	http://www.brightorangethread.com/css/main.css
*/

/* CSS Document */

/* @group global */

blockquote {
	margin: 0 20px 10px;
}

em {
	font-style: italic;
}
strong	{
	font-weight: 700;
}
.clear {
	clear: both;
}

.clearsm {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	height: 1px;
}
.floatright	{
	float:right;
	margin: 0 0 10px 12px;
	}
.floatleft	{
	float:left;
	margin-right:10px;
	}

/* @group Fonts */
@font-face {
	font-family: 'Sansumi-Bold';
	src: url('fonts/Sansumi-Bold-webfont.eot');
	src: local('☺'), url('fonts/Sansumi-Bold-webfont.woff') format('woff'), url('fonts/Sansumi-Bold-webfont.ttf') format('truetype'), url('fonts/Sansumi-Bold-webfont.svg#webfontKMuJvLAQ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Sansumi-ExtraBoldRegular';
	src: url('fonts/Sansumi-ExtraBold-webfont.eot');
	src: local('☺'), url('fonts/Sansumi-ExtraBold-webfont.woff') format('woff'), url('fonts/Sansumi-ExtraBold-webfont.ttf') format('truetype'), url('fonts/Sansumi-ExtraBold-webfont.svg#webfontcpuEZQry') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QlassikMediumRegular';
	src: url('fonts/Qlassik_TB-webfont.eot');
	src: local('?'), url('fonts/Qlassik_TB-webfont.woff') format('woff'), url('fonts/Qlassik_TB-webfont.ttf') format('truetype'), url('fonts/Qlassik_TB-webfont.svg#webfontrp7JLZf2') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QlassikBoldRegular';
	src: url('fonts/QlassikBold_TB-webfont.eot');
	src: local('?'), url('fonts/QlassikBold_TB-webfont.woff') format('woff'), url('fonts/QlassikBold_TB-webfont.ttf') format('truetype'), url('fonts/QlassikBold_TB-webfont.svg#webfontR0E9oPbL') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @end */

#pagewrap .nospacebefore {padding-top: 0;}


#pagewrap .nospaceafter {margin-bottom: 0;}
#pagewrap .spacebefore {padding-top: 12px;}
#pagewrap .spacebeforelg {padding-top: 24px;}
#pagewrap .nospaceafterpadding {padding-bottom: 0px;}
#pagewrap .spaceafter {padding-bottom: 12px;}
#pagewrap .spaceafterlg {padding-bottom: 24px;}
#pagewrap .spaceright {margin-right: 16px;}
#pagewrap .spacerightlg {margin-right: 26px;}
#pagewrap .nospaceright {margin-right: 0;}
.rulebelow {
	border-bottom: 1px solid #ccc;
}

#pagewrap .caption {
	font-size: 11px;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0;
}
#pagewrap .smcaps {
	font-variant: small-caps;
	letter-spacing: 2px;
	font-size: 115%;
}
#pagewrap .leading2x {
	line-height: 2em;
}
#pagewrap .center {
	text-align: center;
}
/* @end */

/* @group colors */
.dkbluebg	{
	color: #000033;
}
.orange	{
	color: #f60;
}
.brightgreen	{
	color: #cf9;
}
.brightblue	{
	color: #99cccc;
}

/* @end */

/* @group layout */

/* @group globalnav2 */

#feature ul.globalnav2 {
	list-style-type: none;
	padding: 42px 0 0 0;
	height: 44px;
}
#feature ul.globalnav2 li {
	display: inline;
	height: 44px;
	width: auto;
	padding: 0; margin: 0;
}
#feature ul.globalnav2 li a, 
#feature ul.globalnav2 li a:link, 
#feature ul.globalnav2 li a:visited {
	display: block;
	float: left;
	height: 44px;
	padding: 0 10px ;
	color: #333;
	font-size: 13px;
	line-height: 16px;
	border: none;
	text-decoration: none;
	background: transparent url(images/left-both2.gif) no-repeat scroll left top;
}
#feature ul.globalnav2 li a span {
	display: block;
	height: 43px;
	padding: 7px 14px 0 0;
	background: transparent url(images/right-both2.gif) no-repeat scroll right top;
}
#feature ul.globalnav2 li.selected a, #feature ul.globalnav2 li:hover a {
	color: #fff;
	background-position: left -83px;
}
#feature ul.globalnav2 li.selected a span, #feature ul.globalnav2 li:hover a span {
	color: #fff;
	background-position: right -83px;
}
/* @end */

body {background: #545454 url(images/body-bg.gif) repeat-x 0 0;}
#pagewrap {margin: 0 auto;}

/* wraps for stretchy page */
#headerwrap {
	height: 95px;
	background: #000033 url(images/headerbg-bot-fabric.jpg) no-repeat 50% 0%;
}
#header {
	position: relative;
	top: 20px;
	width: 800px;
	height: 50px;
	margin: 0 auto;
}

h3.logo {
	width: 225px;
	height: 43px;
	background: url(images/label-sewn.png) no-repeat 0 0;
	position: relative;
	margin: 0 0 0 -10px;
	float: left;
	padding: 0;
}

h3.logo a {
	cursor:pointer;
	display:block;
	height:65px;
	width:202px;
	border-bottom: none;
	text-decoration: none;
}

h3.logo span{
	visibility: hidden;
}

#content img.aboutImage {
	padding: 6px;
	float: left;
	margin: 5px 15px 10px 0;
}

.thirdcol {
	float: left;
	width: 30%;
	margin-right: 20px;
}

#portfolio .thirdcol h5 {
	color: #fff;
	font-weight:700;
	padding-bottom: 5px;
}

#portfolio .thirdcol p {
	font-size: 12px;
	margin-bottom: 20px;
}

.halfcol {
	float: left;
	width: 45%;
	margin-bottom: 20px;
}
.bottomcol .halfcol {
	margin: 15px 30px 0 20px;
	width: 40%;
}

.sidecol {
	float: right;
	width: 30%;
	margin: 15px 0 30px 30px;
	border:1px solid #ccc;
	border-top: 3px solid #f60;
	background-color: #fff;
	padding: 10px;
}

.bottomcol {
	border:1px solid #ccc;
	background-color: #fff;
	padding: 20px;
	margin: 20px 0 10px 0;
}

.quartercol {
	float: left;
	width: 29%;
	height: 180px;
	margin: 0 10px 10px 0;
	padding:  0 10px 10px; 
	background-color: #e8e8e8;	
}
.quartercol.over {
	background-color: #fff; cursor: pointer;
}


.twothirdscol {
	float: left;
	width: 60%;
	margin: 0 10px 0 0;
	padding: 5px 10px 10px; 
	border-bottom: 1px solid #fff;	
}
.twothirdscol.over {
	background-color: #fff; cursor: pointer;
}

/* @group globalnav */
#globalnavwrap {
	background: url(images/globalnavbg-bot.gif) repeat-x;
	height: 42px;
	overflow: hidden;
}

#globalnav {
	position: relative;
	margin: 0 auto;
	height: 42px;
	width: 800px;
	color: #ddd;
	text-decoration: none;
	font: 14px/30px Georgia, "Times New Roman", Times, serif;
	background: url(images/globalnav-left-bot.gif) no-repeat left top;
}

#globalnav ul {list-style: none;}

#globalnav li {
	float: left;
	height: 42px;
}

#globalnav a {
	display: block;
	background: url(images/globalnav-right-bot.gif) no-repeat right top;
	text-decoration: none;
	color: #fff;
	padding: 10px 15px 0;
	float: none;
}

#globalnav > ul a {width: auto;}

#globalnav li:hover a, #globalnav li.selected a {
	background-position: 100% -48px;
	color: #ddd;
}
#globalnav li:hover, #globalnav li#current {
	background-position: 0 -48px;
}

/* @group globalnav buttons */
#globalnav #buttons {
	float: right;
	height: 52px;
	width: auto;
}
#globalnav .prev {
	float: left;
	height: 42px;
	width: 45px;
	overflow: hidden;
	background: url(images/globalnav-prev-bot.gif) no-repeat;
	padding: 0;
	margin: 0;

}
#globalnav .next {
	float: left;
	margin: 0;
	padding: 0;
	height: 42px;
	width: 47px;
	background: url(images/globalnav-next-bot.gif) no-repeat;
}
#globalnav .prev:hover a, #globalnav .next:hover a {
	background-position: 100% -48px;
}

#globalnav .prev:hover, #globalnav .next:hover {
	background-position: 0 -48px;
}

/* @end */

/* @group portfoliobutton */

#globalnav li.button.fb.last a {
	background-image: none;
	padding: 0;
}
#globalnav li.button {
	float: right;
	margin-right: 5px;
}
#globalnav li.button.last {
	margin-right: 10px;
}
#globalnav li.button a, #globalnav li.button a:hover {
	display: block; float: left;
	height: 23px; 
	margin: 13px 0 0 0; 
	padding: 0 0 0 10px;
	background: url(images/globalnav-blue-button-left.gif) no-repeat 0 0;
	border: none;
	font: normal 13px/16px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #eee;
}
#globalnav li.button a span, #globalnav li.button a:hover span {
	display: block;
	height: 20px;
	padding: 3px 10px 0 0;
	background: url(images/globalnav-blue-button-right.gif) no-repeat right 0;
}
#globalnav li.button a:hover, #globalnav li.button a:hover span {
	background-position: left -23px;
	cursor: pointer;
}
#globalnav li.button a:hover span {
	background-position: right -23px;
}

#globalnav li.button.client a, #globalnav li.button.client a:hover{
	background-position: 0 -23px;
}

#globalnav li.button.client a span, #globalnav li.button.client a:hover span{
	background-position: right -23px;
}

#globalnav li.button.client a:hover span{
	background-position: right 0;
}

#globalnav li.button.client a:hover {
	background-position: 0 0;
	cursor: pointer;
}

/* @end */
/* @end */

#featurewrap {
	background: #fff url(images/portfolio-top-trim.gif) repeat-x 0 bottom;
}
#landingPageWrap {
	background: #fff;
}
#feature, #landingPage {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

#landingPage {
	background-color: #fff;
}

#Notification {
	width: 380px;
	border: 1px solid #ccc;
	padding: 20px 20px 40px;
	margin: 12px 0;
	float: left;
}

#landingPage .sidecol p {
	font-size: 11px;
	line-height: 14px;
	padding-top: 10px;
}

#landingPage .halfcol p {
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 10px;
}

#landingPage .sidecol ul li {
	list-style-type: disc;
	color: #555;
	font: 400 12px/14px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#landingPage .sidecol a, #landingPage .sidecol a:link {
	color: #f60;
}

#landingPage .sidecol a:hover {
	color: #555;
}

#portfoliowrap {
	background: #000033;
	padding-top: 10px;
	border: none;
	position: relative; 
	margin-top: -2px;
}

#portfolio {
	position: relative;
	width: 800px;
	margin: 10px auto 0 auto;
}
#portfolio div.headline-icon {
	float: right;
	position: relative; top: -10px;
	margin: 0 0 0 20px;
}
/* @group portfolio items */

.portfolioitem {
	width: 170px;
	height: auto;
	margin: 0 4px 0 0;
	padding: 10px;
	float: left;
	border: 2px solid #000033;
}
.portfolioitem.over { background-color: #fff; cursor: pointer; border: solid 2px #ff6600;}

#content .portfolioitem {
	border-top: 3px solid #f0f0f0;
	border-bottom: 3px solid #f0f0f0;
}

#content .portfolioitem ul, ul#nav_categories.nav_categories {
	list-style-type: none;
	margin: 0;
}
.portfolioitem dl {
	padding: 0 0 0 4px;
	line-height: 1.3;
	width: 172px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: 400;
	font-style: normal;
}

#portfolioitem dl a {
	border-bottom: none;
	text-decoration: none;
}

#portfolio div.portfolioitem dl p a {
	color: #fff;
	border-bottom: solid 1px #fff;
	font-size: 13px;
	text-decoration: none;
}

#portfolio div.portfolioitem.over dl p a {
	color: #0a1a58;
	border-bottom: solid 1px #0a1a58;
	text-decoration: none;
}

.portfolioitem dt {
	font-size: 10px;	
	clear: left;
	padding-right: 0.2em;
	color: #bbb;
}

.portfolioitem:hover dt {
	color: #0a1a58;
}

.portfolioitem dt.sidebyside {
	float: left;
}
	
.portfolioitem dd {
	font-size: 12px;
	margin-bottom: 0.3em;
	color: #fff;
}

.portfolioitem:hover dd {
	color: #333;
}

.portfolioitem dd.sidebyside {
	margin-left: 10px;
}

/* @group for content section */

#content .portfolioitem:hover h3 a {
	color: #f60;
}
#content .portfolioitem:hover h3 a:hover {
	color: #fff;
}

#content .portfolioitem dd {
	color: #444;
}

#content .portfolioitem dt {
	color: #0a1a58;
}

#content div.portfolioitem dl p a {
	color: #0a1a58;
	border-bottom: solid 1px #0a1a58;
}
#content .portfolioitem img.reflected {
	border: solid 1px #bbb;
	margin: 0 0 0 -1px;
}
#content .single, #content .home {
	 float:right;
	 height:auto;
	 width: 220px;
	 margin: 15px 0 15px 25px;
	 padding: 8px 15px;
 	 border: 1px solid #bbb; 
	 background-color: #fff;
}
#content .home {
	width: 170px;
	height: 390px;
	margin: 0 4px 0 0;
	padding: 10px;
	float: left;
}
#content .single.over, #content .home.over  {
 background-color: #e8e8e8;
 border: solid 1px #ff6600;
 cursor: pointer;
}
/* @end */
/* @end */
/* @group portfolio projects */
#portfolio .projectimage {
	float: left;
	width: 370px;
	margin: 20px 0;
	}
#portfolio .projectdescription {
	float: left;
	width: 320px;
	margin: 20px 0 20px 15px;
	}
#portfolio .projectdescription h4 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 26px;
	line-height: 24px;
	color: #fff;
	width: 100%;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: normal;
	}
.projectimage dl {
	padding: 0 0 0 4px;
	line-height: 15px;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0 10%;
	width: 80%;
}

#portfolio div.portfolioitem dl p {
	height: 39px;
}
#portfolio div.projectimage dl p a {
	color: #fff;
	border-bottom: solid 1px #fff;
	font-size: 13px;
}
.projectimage dt {
	font-size: 10px;
	clear: left;
	margin-top:  5px;
	padding-right: 0.2em;
	color: #bbb;
}
.projectimage dt.sidebyside {
	float: left;
	margin-top: 10px;	
	}

.projectimage dd {
	font-size: 12px;
	margin-top: 10px;
	color: #fff;
}
.projectimage dd.sidebyside {
	margin-left: 50px;
	}
/* @end *//* @group portfolio prevnext */
#portfolio .prevnext {
	float: right;
	width: auto;
	margin: 0 0 0 8px;
	padding-top: 4px;
	height:33px;
}

#portfolio .prevnext .next {
	float: left;
	width:34px;
	height:33px;
	margin: 0 6px;
	padding: 0;
	border: none;
	background: url(images/next-round.gif) no-repeat;
}
#portfolio .prevnext .prev {
	float: left;
	width:34px;
	height:33px;
	margin-right: 4px;
	border: none;
	background: url(images/prev-round.gif) no-repeat;
}
#portfolio .prevnext .prev:hover a, #portfolio .prevnext .next:hover a {
	background-position: 100% -33px;
	border: none;
}

#portfolio .prevnext .prev:hover, #portfolio .prevnext .next:hover {
	background-position: 0 -33px;
	border: none;
}

/* @end */

#content ul.clientList {
	float: left;
	margin: 10px 40px 10px 0; 
	padding: 0;
}

#content ul.clientList li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#content ul.clientList li a {
	font-style: normal;
	color: #666;
	border-bottom: 1px solid #ccc;
}

#content ul.clientList li a:hover {
	color: #f60;
	border-bottom: 1px solid #f93;
}

#contentwrap {
	background: #f0f0f0;
}

#content {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 10px;
}
#rightcolfloat	{
	position: relative;
	float: right;
	margin: 20px 0 20px 15px;
	border: 1px solid #ccc;
	border-top: 3px solid #f60;
	background-color: #fff;
	padding: 4px 8px 8px 8px;
}

.w170 {	width: 170px;}
.w200 {	width: 200px;}
.w250 {	width: 250px;}
.w260 {	width: 260px;}

.w300 {
	width: 300px;
	float: left;
	margin-right: 50px;
}

.lpWrap {
	position: relative;
	width: 800px;
	background-color: #eee;
}

#footerwrap {
	height: 170px;
	background: url(images/footer-top-bot.gif) repeat-x;
}
#footer {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

/* @end */

/* @group textstyles */

/* @group buttons */
a.button {
	float: left;
	margin-right: 0;
}
a.button, a.button span {
	display: block;
	height: 23px; 
	margin: 0; padding: 0 10px 0 10px;
	background: url(images/blue-button-left.gif) no-repeat 0 0;
	border: none;
	font: normal 13px/22px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-decoration: none;
	color: #eee;
}
a.button span {
	padding-left: 0;
	background: url(images/blue-button-right.gif) no-repeat right 0;
}
a.button:hover, a.button:hover span {
	background-position: left -23px;
	cursor: pointer;
	border: none;
}
a.button:hover span {
	background-position: right -23px;
}

/* @group portfoliobutton */
#content a.button {
	float: right;
	margin-right: 0;
}
#content a.button, #content a.button span {
	display: block;
	height: 23px; 
	margin: 0; padding: 0 10px 0 10px;
	background: url(images/blue-button-left.gif) no-repeat 0 0;
	border: none;
	font: normal 13px/22px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #eee;
}
#content a.button span {
	padding-left: 0;
	background: url(images/blue-button-right.gif) no-repeat right 0;
}
#content a.button:hover, #content a.button:hover span {
	background-position: left -23px;
	cursor: pointer;
	border: none;
}
#content a.button:hover span {
	background-position: right -23px;
}

/* @end */
/* @end */
/* @group header */

#header h4	{
	font: normal 18px/20px Georgia, "Times New Roman", Times, serif;
	color: #f60;
	float: left;
	letter-spacing: 1px;
	text-transform: lowercase;
	margin: 11px 0 0 18px;
}

#header h4 span.phone {
	font-size: 12px;
	font-style: italic;
	margin: 0 0 0 2px;
}

#header h4 a, #header h4 a:link, #header h4 a:visited, #header h4 a:hover {
	color: #f60;
	text-decoration: none;
	border-bottom: none;
}

/* @end */
/* @group feature */

#feature h1, #feature h2, #landingPage h1, #landingPage h2{
	color: #333;
	font: normal 28px/32px Georgia, "Times New Roman", Times, serif;
	padding: 25px 0 0 0;
}

#landingPage h2 {
	font: normal 19px/24px Georgia, "Times New Roman", Times, serif;
	padding: 5px 0 12px 0;

}
#landingPage h1 {
	color: #f60;
	font-size: 36px;
	line-height: 38px;
	padding: 5px 0 15px 0;
}

#landingPage ol {
	margin-bottom: 20px;
}

#landingPage li {
	color: #666;
	font-size: 14px;
	list-style-type: decimal;
	margin: 0 0 8px 26px;
}

#feature h3, #landingPage h3 {
	color: #333;
	font: normal 16px/20px Georgia, "Times New Roman", Times, serif;
	padding: 10px 0 15px 0;
}

#landingPage h3 {
	padding-top: 5px;
	font-style: italic;
}

#landingPage h4 {
	color: #333;
	font: 400 14px/16px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px 0 15px 0;
}

#landingPage h5 {
	color: #333;
	font: normal 13px/15px Georgia, "Times New Roman", Times, serif;
	padding: 10px 0 15px 0;
}

#landingPage h6 {
	font-size: 12px;
}

#feature li {
	width: 200px;
	float: left;
	margin-right: 35px;
	font: normal 20px/18px Georgia, "Times New Roman", Times, serif;
	height: 102px;
}

#feature li.one, #feature li.two, #feature li.three {
	color: #666699;
	padding-left: 25px;
	margin-left: 10px;
	background: url(images/numbers.gif) no-repeat left 38px;
	font: normal 18px/18px Georgia, "Times New Roman", Times, serif;
}

#feature li.two	{
	color: #333399;
	padding-left: 35px;
	background-position: left -79px;
	
}
#feature li.three {
	color: #6666cc;
	margin-right: 0;
	padding-left: 35px;
	background-position: left -196px;
}

#feature li.one>a, #feature li.two>a, #feature li.three>a {
	float: right;
	padding-top: 15px;
	margin-right: 5px;
}

#feature li.one>a {padding-top: 34px;}

#feature a	{font-size: 14px; line-height: 14px; color:#999; text-decoration:none; border-bottom: solid 1px #999;}
#feature a:visited, #feature a:hover {color: #999; text-decoration:none;} 
#feature a:hover, #feature a:active {color: #ccc; text-decoration:none;}   
/* @end */

/* @group portfolio */
#portfolio h1 {
	color: #fff;
	font: normal 32px/32px 'Josefin Sans Std Light', Georgia, "Times New Roman", Times, serif;
	padding-bottom: 5px;
	letter-spacing: .05em;
}
#portfolio h2, #portfolio h2 a, #portfolio h2 a:link {
	color: #f93;
	font: normal 16px/26px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: relative;
	border: none;
	margin-bottom: 10px;
	width: 90%;
}

/* #portfolio h2 span	{
	background: url(images/gradient-dkblue.png) repeat-x 0 3px;
	position: absolute;
	display: block;
	width: 100%;
	height: 30px;
} 
*/

#portfolio .projectdescription h3{
	color: #f93;
	font: normal 15px/18px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 4px 0;
	letter-spacing: 1px;
	padding-bottom: 5px;
}

#portfolio h3{
	color: #ccc;
	font: normal 16px/20px Georgia, "Times New Roman", Times, serif;
	padding: 0 0 15px 0;
}

#portfolio h4{
	color: #ccc;
	font: normal normal 14px/18px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#portfolio h5{
	color: #ccc;
	font: normal 14px/18px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#portfolio h6 {
	color: #fff;
	font: normal 14px/18px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#portfolio ul	{
	list-style-type: disc;
	margin: 0 0 10px 30px;
	padding: 0 0 0 5px;
}

#portfolio li {
	color: #ccc;
	font: normal 11px/13px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 6px;
}

#portfolio p {
	color: #ccc;
	font: normal 14px/18px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#portfolio p.caption {
	text-align: center;
	padding-bottom: 15px;
}

#portfolio h2 div.paragraphtext {
	color: #ccc;
	font-size: 12px;
	display: inline;
	position: relative;
	top: -1px;
}
#portfolio h2 div.paragraphtext a {
	font: 12px/16px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ccc;
	border-bottom: none;
}
#portfolio h2 div.paragraphtext a:hover, #portfolio h2 div.paragraphtext a.selected {
	color: #f93;
	font-size: 12px;
	border-bottom: solid 1px #f93;
}

#portfolio .projectdescription p {
	color: #ccc;
	font: normal 11px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 2px 0 10px 0;
}

#portfolio .projectdescription p.quote {
	font-style: italic;
	line-height: 16px;
	padding: 6px 0 0 26px;
	background: url(images/quotes-open.gif) no-repeat 0 0;
	margin: 10px 0 5px 0;
}
#portfolio .projectdescription p.author {
	font-style: italic;
	float: right;
	margin-bottom: 15px;
}

#portfolio a, #portfolio a:link {color:#ccc; text-decoration:none; border-bottom: solid 1px #ccc;}

#portfolio a:visited {color: #fff; text-decoration:none;} 
#portfolio a:hover {color: #fff; text-decoration:none;}  
#portfolio a:active {color: #fff; text-decoration:none;}
#portfolio .unchecked {
	color:  #999;
}
#portfolio div.portfolioitem a {
	border: none;
	text-decoration: none;
}

#portfolio div.portfolioitem a img {
	border: none;
	text-decoration: none;
}


/* @end */
/* @group content */

#content h1	{
	color: #007672;
	font: normal 32px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#content h2	{
	color: #333f66;
	font: normal 20px/28px Georgia, "Times New Roman", Times, serif;
	padding: 12px 0 0 0;
}

#content h3	{
	color: #333;
	font: 400 18px/22px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 2px 0;
}

#content h3.summary {
	color: #666;
	font: 400 21px/28px Georgia, "Times New Roman", Times, serif; Geneva, sans-serif;
	padding: 0px 0px;
}

#content h4	{
	color: #000033;
	font: 700 14px/14px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	padding: 6px 0 0 0;
}
#content h5	{
	color: #333f66;
	font: 700 16px/20px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 5px;
}
#content h5 span	{
	background: url(images/gradient.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 33px;
}
#content h6, #landingPage h6 {
	color: #333366;
	font: 700 10px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	padding: 6px 0 0 0;
	text-transform: uppercase;
}

#content p, #landingPage p {
	color: #555;
	font: 400 14px/22px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 5px 0;
}

#content .thirdcol p {
	font-size: 12px;
	line-height: 18px;	
}

#content ul	{
	list-style-type: disc;
	margin: 10px 0 10px 30px;
	padding: 0 0 0 5px;
}
#content ul li ul {
	margin: 0 0 0 10px;
}
#content ol	{
	list-style-type: decimal; 
	margin: 5px 0 10px 20px;
	padding: 0 0 0 5px;
}
#content li	{
	color: #555;
	font: italic 12px/16px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0px 0 4px 0;
}
#content ul li ul li {
		font: italic 10px/14px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

#content a	{color:#f60; text-decoration:none; border-bottom: solid 1px #ff6600;}
#content a:link, #content a:visited {color: #f60; text-decoration:none;}
#content a:hover, #content a:active {color: #666; text-decoration:none;border-bottom: solid 1px #666;}  

#content a.client, #content a.client:link, #content a.client:visited{
	color: #666; border-bottom: 1px solid #666;
}

#content a.client:hover {
	color: #f60; border-bottom: 1px solid #f60;
}

#content #rightcolfloat a, #content #rightcolfloat a:link, #content #rightcolfloat a:visited {
	color: #6666cc; text-decoration: none; border-bottom: 1px solid #6666cc;	
}

#content #rightcolfloat a:hover, #content #rightcolfloat a:active { color: #333366; text-decoration: none; border-bottom: 1px solid #6666cc;	
}

/* @end */

/* @group sidecol */

#content .sidecol ul, #content .bottomcol ul {margin: 0 0 0 15px;}


#content .sidecol h2 {
	font-size: 17px;
	line-height: 20px;
	color: #333f66;
	padding: 6px 0 0 0;
}

#content .bottomcol h2 {
	font-size: 20px;
	color: #f60;
	padding: 0;
}

#content .sidecol ul li {
	color: #666;
	font: normal 11px/14px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 5px 0;
}

#content .bottomcol ul li {
	font: normal 11px/14px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 5px 0;
	margin: 0 0 0 10px;
	width: 70%;
}

#content .sidecol p {
	color: #666;
	font-size: 11px;
	line-height: 14px;
}

#content .bottomcol p {
	font-size: 12px;
	line-height: 18px;
	padding-top: 5px;
}

/* @end */

/* @group footer */
#footer ul.footernav {
	list-style: none;
	padding: 15px 0;	
}

#footer ul.footernav li {
	float: left;
	border-right:#9a9a9a 1px solid;
	padding: 0 6px;
	font: italic 10px/12px Georgia, "Times New Roman", Times, serif;
}

#footer ul.footernav li.first {
	border-left:#9a9a9a 1px solid;
}

#footer ul.footernav li.last {
	border-right: none;
}

#footer h1	{
	font: normal 16px/18px Georgia, "Times New Roman", Times, serif;
	color: #ff6600;
	letter-spacing: 1px;
	padding: 15px 0 4px 0;
}
#footer p {
	color: #fff;
	font: italic 11px/18px Georgia, "Times New Roman", Times, serif;
	padding: 8px 0 0 0;
}
#footer .paragraphtext {
	color: #fff;
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: normal;
}
#footer p a, #footer p a:link {
	color: #c8c8c8;
	font: normal 10px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding: 5px 0 0 0;
	text-decoration: none;
}
#footer a	{color:#c8c8c8; text-decoration:none; }
#footer a:link {color: #c8c8c8; text-decoration:none;}
#footer a:visited, #footer p a:visited {color: #c8c8c8; text-decoration:none;} 
#footer a:hover, #footer p a:hover {color: #fff; text-decoration:none;}  
#footer a:active, #footer p a:active {color: #fff; text-decoration:none;}
/* @end */
/* @end */

/* @group forms */

form { width: 55%; 
	margin: 20px 0 0 100px; 
	padding: 20px;
}

form span { float:left; margin: 5px 0 0 10px; padding: 0 1px; font-size:9px;}

form span.medium { float:left; width:200px; margin: 3px 0 0 10px; }

form input { float:left; margin: 0 2px 0 0;}

form label { display:block; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#666; 
letter-spacing:1px; clear:both; }

label.error {
	text-align: right;
	color: #6E2222;
	margin: 1px 0 10px 0;
}

form input.choice, label.choice { float:left; margin: 0 6px 0 0; clear:none; }

form .ruleabove { width: 100%; }

form span.error { padding: 3px 4px 2px 4px; background-color: #E2D3D3; border: solid 1px #C5A7A7;}

div.errorheader { 
	font-size:15px;
	line-height:18px;
	color:#6E2222;
	margin: 30px 20px;
	border: solid 1px #C5A7A7;
	padding: 10px; 
	background-color: #E2D3D3; 
	}
div.error { 
	font-size:15px;
	line-height:18px;
	color:#6E2222;
	padding: 3px 0px 2px 4px; 
	background-color: #E2D3D3; 
	border: solid 1px #C5A7A7;	}
form h4 { margin: 0; }


/* @end */

/* @group edit entry */

#contentwrap p.edit-entry a, #portfolio p.edit-entry a {
	clear: both;
	display: block;
	width: 180px;
	margin: 10px 0;
	padding: 3px 8px;
	font-size: .8em;
	line-height: 1.2em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .3em;
	color: #fff;
	background: #000;
	text-decoration: none;
	border-bottom: none;
}
#contentwrap p.edit-entry a:hover, #portfolio p.edit-entry a:hover { 
	background-color: #666; 
	border: none; 
	text-decoration: none;
	color: #fff;
}

#portfolio p.edit-entry a {
	border: 1px solid #666;
}

#portfolio p.edit-entry a:hover {
	border: 1px solid #666;
}

/* @end */

/* @group quickContact */

#quickContactWrapper a { position: relative; text-decoration: none;}

#quickContactContainer { 
	position: relative;
	width: 800px;
	margin: 0 auto; 
	background: none; }
#quickContactContainer .hide { height: 1px; } 
.quickContact { 
	position: relative; 
	overflow: hidden;
	height: 0;  
}
.quickContact h4 { color: #fff; font-weight: 400; font-size: 2em; margin: 30px 0 10px 48px;}
.quickContact h5 { color: #fff; font-weight: 700; margin: 15px 0 5px 50px; }
.quickContact p { color: #eee; width: 70%; margin:0 0 10px 50px; line-height: 140%;}
.quickContact p strong { font-size: 150%;}
.quickContact span.button { margin-left: 50px; }
.quickContact input#name, .quickContact input#email, .quickContact input#phone { width: 95%; font-size: 120%; margin-bottom: 10px;}
.quickContact label { clear: none; font-size: 11px; margin-bottom: 4px; color: #eee;}	
.quickContact label.error { margin: 2px 10px 10px 5px; color: #E2D3D3;}	

.quickContact #messageSent { display: none; }
.quickContact form {
	width: 90%;
	padding: 0;
	margin: 0 0 0 50px;
}
.quickContact form h4 {
	margin-left: 0; margin-top: 20px;
	padding: 10px 0;
}
.contactButton {
	position: absolute;
	left: 625px;
	height: 26px;
	width: 152px;
	padding: 12px 0 0 15px;
	background: url(images/contact-button2.gif) no-repeat 0 0;
	color: #f60;
	font: 700 13px/15px Georgia, "Times New Roman", Times, serif;
	border-bottom: none;
	cursor: pointer;
	z-index: 1000;
}
.contactButton:hover { background-position: 0 -38px; color: #fff;}

.button.hidebutton { display: block; }
#submitMessage, #hiddenDIV, #contactNotification, .contactButton.hideButton, #submitSupportRequest, #supportNotification { display: none; }
#contactNotification .button { 
	background: url(images/submit-button-bg.gif) no-repeat 0 0;
	width: 160px;
	border: none;
	font: normal 14px/18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	height: 24px;
	color: #eee;
	margin: 5px 0 0 48px;
	padding: 4px 0 0 0;
	text-align: center;
}
#contactNotification .button a {
	color: #eee; 
	margin: 5px auto 0 auto;
}
#contactNotification .button:hover { 
	cursor: pointer;
	background-position: 0 -29px;
}

input#email.required.email.error, input#name.required.error, input#phone.required.error {
	background: #ffcccc;
}
form#quickContactForm label.error {color: #f93; font-style: italic; margin: -5px 20px 0 10px; float: right; }

/* @end */

/* @group SBG form */

.sbgWrap {
	float: left;
	margin-top: 5px;
	height: auto;
}


#sbgRequestForm, #LandingPageForm { margin: 0; padding: 0; width: auto;}

#sbgSubmitMessage, #sbgNotification { display: none; }
#sbgRequestForm input, #LandingPageForm input {
	margin: 4px 0 8px 0;
}
#sbgRequestForm input {
	width: 230px;
	height: 20px;
}
#LandingPageForm input {
	width: 345px;
	font-size: 1.2em;
	padding: 5px;
}
#sbgRequestForm label.error, #LandingPageForm label.error {
	position: relative;
	top: -5px;
}
#content ul.sbg { 
	margin: 0 0 10px 8px; 
	padding: 0; 
	list-style: none;
}
input#sbgSubmit, #sbgSubmit:hover {
	background: url(images/largebutton.png) repeat-x -20px -8px;
	width: 240px;
	border: none;
	font: normal 16px/18px Georgia, "Times New Roman", Times, serif;
	height: 29px;
	color: #eee;
	margin: 4px 0 8px 0; 
	padding: 0;	
}
#sbgSubmit:hover {
	background-position: -20px -54px;
	cursor: pointer;	
}

input#sbgLgSubmit, input#sbgLgSubmit:hover {
	background: url(images/largebutton.png) no-repeat 0 0;
	border: none;
	font: normal 18px/18px Georgia, "Times New Roman", Times, serif;
	color: #eee;
	width: 530px;
	height: 45px;
	margin: 6px 0 0 85px; 
	padding: 0;
}

input#sbgLgSubmit:hover {
	background-position: 0 -45px;
	cursor: pointer;
}

/* @end */

#contactSubmit, #contactSubmit:hover {
	background: url(images/submit-button-xbg.gif) no-repeat 0 0;
	width: 250px;
	border: none;
	font: normal 16px/18px Georgia, "Times New Roman", Times, serif;
	height: 29px;
	color: #eee;
	margin: 5px 0 0 0;	
}

#contactSubmit:hover {
	background-position: 0 -29px;
	cursor: pointer;
}

/* @group ColorBox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(images/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(images/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(images/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(images/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(images/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; 
        background: url(images/close-button.png) no-repeat 0 0;
        padding: 7px 30px 11px 40px;
        color:#999; font: 700 13px/14px Verdana, Arial, Helvetica, Geneva, sans-serif; letter-spacing: 1px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/* @end */
.tweet {
	background: #333;
	width: 300px;
	float: right;
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.tweet .icon {
	float: right;
	
}