#wrapper #content #who h1 {
	font-family: Consolas, "Andale Mono", Arial;
	font-size: 130%;
	font-weight: normal;
}
html {
	background-color: #FFF;
	color: #666;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 75%;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
}

body { text-align: left;  }

.hide { display: none; }

/* -- FRAMEWORK -- */
.clear {clear:both;display:block;overflow:hidden;width:0;height:0}

.left { float: left; }
.right { float: right; }

.mleft30 {
	margin-left: 30px;
}
.mleft15 { margin-left: 15px; }

.mright30 { margin-right: 30px; }
.mright15 { margin-right: 15px; }

.padd30 {
	padding-left: 30px;
	padding-right: 30px;
}
.padd15 { padding-left: 15px; padding-right: 15px; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .imgcol { float: left; }

.col1 { width: 123px; }
.col2 {
	width: 580px;
}
.col3 { width: 435px; }
.col4 { width: 588px; }
.col5 { width: 745px; }
.col6 { width: 900px; }

.col7 { width: 775px; }
.col8 { width: 365px; }

.imgcol { width: 223px; }
/* -- end FRAMEWORK -- */	

#wrapper {
	width: 962px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
 }	
	
#header {
	width: 960px;
	background: #fff;
	border: 1px solid #c5c5c5;
	margin-bottom: 10px;
	float: left;
	
}	
 
.logo {
	width: 555px;
	height: 126px;
	text-indent: -999em;
	margin-left: 10px;
	position: relative;
	top: -50px;
	float: left;
	margin-bottom: -60px;
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
}

#header .col7 { padding: 25px 0; float: left; }

#header .home { border-bottom: 1px dotted #767676; }

.slogan { font-size: 10px; text-transform: uppercase; letter-spacing: 2px; color: #525151; float: left; margin-left: 30px; margin-bottom: 0; }


#content {
	float: left;
	margin-bottom: 10px;
}

#cform {
	width: 248px;
	float: left;
	background: #fff;
	border: 1px solid #c5c5c5;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-top: 10px;
}

#about, #services, #portfolio, #contact { background: #fff; border: 1px solid #c5c5c5; padding-bottom: 30px; padding-top: 30px; }

#team, #badge { background: #fff; border: 1px solid #c5c5c5; padding-bottom: 30px; margin-bottom: 30px; }

#bottom { float: left; padding-top: 20px; border-top: 1px dotted #767676; margin-top: 20px; }

#footer { 
	border-top: 1px dotted #767676; }

#copy p {
	float: right;
	letter-spacing: 1px;
	margin-bottom: 0;
	font-size: 10px;
	color: #787878;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
}
	

.icon { float: left; }
.follbtn { width: 100px; margin-bottom: 15px; float: left; }
.follbtn.alt { margin-left: 20px; }

.follbtn a { background: #fff; border: 1px solid #c5c5c5; padding-top: 3px; padding-bottom: 3px; margin-left: 20px; padding-left: 20px; font-size: 10px; text-decoration: none; display: block; color: #444; }
.follbtn a:hover { background: url(../img/follbtn_bg.gif) repeat-y left top; }

.follbtn .icon { position: relative; top: -3px; }

.member { margin-top: 10px; height: 32px; }
.member p { border-bottom: 1px solid #c5c5c5; padding-bottom: 6px; text-align: right; font-size: 14px; color: #282425; margin-left: 20px; margin-bottom: 0; }

.client-comment { color: #6c6b6b; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; padding: 15px; background: #fff url(../img/bubble-bg.gif) repeat-x 0 bottom; margin-bottom: 0; }
.client { background: url(../img/bubble-btm.gif) no-repeat 0 top; margin-bottom: 30px; padding-top: 8px; border-bottom: 1px dotted #c5c5c5; padding-bottom: 8px; color: #525151; text-align: right; }
	.client.last { border-bottom: none; margin-bottom: 0; }

a.viewbtn { width: 52px; height: 17px; display: block; text-indent: -999em; float: right; margin-top: 10px; background: url(../img/view.gif) no-repeat; }
	a.viewbtn:hover { background: url(../img/view_h.gif) no-repeat; }
	
a.viewmorebtn { width: 104px; height: 25px; display: block; text-indent: -999em; float: right; margin-top: 10px; background: url(../img/viewmore.gif) no-repeat; }
	a.viewmorebtn:hover { background: url(../img/viewmore_h.gif) no-repeat; }

a.readmorebtn { width: 85px; height: 25px; display: block; text-indent: -999em; float: right; margin-top: 10px; background: url(../img/readmorebtn.gif) no-repeat; }
	a.readmorebtn:hover { background: url(../img/readmorebtn_h.gif) no-repeat; }

#teamimg img { width: 218px; margin-top: 30px; border: 1px solid #767676; }

#about img { border: 1px solid #767676; padding: 5px; margin: 10px; }


/* -- PORTFOLIO -- */
.works { padding-left: 29px; border-left: 1px dotted #767676; }
.headings { width: 250px; padding-right: 30px; float: left; }

#websites { float: left; margin-top: 30px; }
#print, #branding { float: left; }

.item {
	margin-bottom: 30px;
	color: #767676;
	width: 211px;
}
.item p { font-size: 10px; margin-bottom: 0; }
.item .workimg { border: 1px solid #c5c5c5; height: 118px; width: 276px; overflow: hidden; display: block; }
.item a.workimg:hover { border: 1px solid black; }

.stripe { position: absolute; height: 10px; width: 590px; background-image: url(../img/stripe.gif); }

a.top { text-indent: -999em; width: 19px; height: 26px; display: block; overflow: hidden; float: left; background: url(../img/top.gif) no-repeat 0 bottom; position: relative; left: -80px; opacity: .5; bottom: 8px; }
	a.top:hover { opacity: 1; }
	
.folioblock { margin-bottom: 30px; }

/* --end portfolio */

/* -- slide box -- */	

#slideshow {
	position:relative;
	width: 900px;
	height:400px;
	margin: 30px;
	border: 1px solid #767676;
}

#slideshow img {
	position:absolute;
	width: 900px;
	height:400px;
}

/* -- #slide box -- */

/* -- Text Style -- */

h2 {
	color: #68554E;
	border-bottom: 1px dotted #767676;
	line-height: 25px;
}
#wrapper #content #cform .required a img {
	padding-right: 10px;
}
	#who h2 {
	border: none;
	font-family: "Century Gothic";
	font-size: 22px;
	color: #68574F;
	padding-bottom: 20px;
	padding-top: 20px;
}
#wrapper #content #who h3 {
	font-family: "Century Gothic";
	font-size: 24px;
	text-decoration: none;
	padding-top: 10px;
}
#wrapper #content #cform h2 a {
	color: #68574F;
}
	#what h2 {
	text-indent: -999em;
	border: none;
	background-image: url(../img/events.jpg);
	width: 280px;
	height: 63px;
	margin-bottom: 20px;
}
	#cform h2 {
	font-size: 22px;
	color: #5e5e5e;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
}
	#about h2, #services h2, #portfolio h2, #contact h2 { font-size: 48px; letter-spacing: 3px; padding-bottom: 20px; margin-bottom: 30px; }
	#portfolio h2 { margin-bottom: 10px; }
	
	#team h3, #follow h3, #testimonials h3, #badge h3 {
	letter-spacing: 2px;
	font-size: 20px;
	color: #484848;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}
	#bottom h3 { font-size: 18px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; padding-bottom: 10px; color: #282425; border-bottom: 1px dotted #767676; }
	.headings h3 { font-size: 24px; letter-spacing: 1px; margin-bottom: 20px; text-align: right; color: #5e5e5e; }
	#about h3 {font-size:21px;}

#about h4 {font-size:19px;}
	.item h4 { font-size: 16px; color: #282425; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px; border-bottom:1px dotted grey; padding-bottom:6px;}
	
#about h5 {font-size:17px;}
#about h6 {font-size:15px;}

h3,h4,h5,h6,pre{margin-bottom:20px;}
	
p { margin-bottom: 1.25em; }
	#about p, #who p, #what p, #services p, #contact p { line-height: 1.8em; }
	p.sign { text-indent: -999em; width: 126px; height: 34px; background: url(../img/sign.gif) no-repeat; float: right; margin-top: 10px; margin-bottom: 0; }
	#badge p { margin-bottom: 0; }

#content a {
	color: black;
	text-decoration: none;
}
	#content a:hover { text-decoration: none; }
pre, code{font-size: 13px;}
blockquote {margin-left:30px;border-left:3px solid grey;padding-left:10px;font-size:14px;}
strong {font-weight:bold;}
em{font-style: italic;}
del{text-decoration: line-through;}
#bottom li { list-style-type: disc; list-style-position: inside; font-size: 11px; margin-bottom: .5em; }

#content.home li{list-style:disc;list-style-position:inside;margin:10px 10px 2px;padding:3px 0;border-bottom:1px dotted gray;}


/* NAVIGATION */

#nav { 
	float: right; }

#nav ul { 
	float: left;
 }

#nav li {
	list-style: none;
	display: inline;
	float: left;
	margin-right: 30px;
}

#nav li a, #submenu li a { position: relative; text-decoration: none; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #525151; overflow: hidden; }
	#nav li a:hover, #nav .selected a, #submenu li a:hover { padding-bottom: 5px; border-bottom: 1px dotted #767676; }
	
#nav li.last, #submenu li.last { margin-right: 0; }

#secnav { 
	float: left;
	padding: 15px 30px;
}
#secnav li	{
	list-style: none;
	display: inline;
	float: left;
	margin-right: 20px;
}

#secnav li a { position: relative; font-size: 9px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; color: #787878; }
#secnav li a:hover, #secnav .selected a { padding-bottom: 5px; border-bottom: 1px dotted #767676; }

#submenu { float: right; }
#submenu li { display: inline; list-style: none; margin-right: 20px; text-transform: uppercase; }
h3 {
	color: #000;
}