/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
}

body 
{
    min-width       : 1000px;
    overflow        : visible;
}

h1 
{
}

h2 
{
    padding-left    : 0px;
    padding-top     : 8px;
    margin-bottom   : -22px;
}

h3 
{
    padding         : 0 0 52px 6px;
}

h4 
{
    margin-bottom   : 5px;
}

h5 
{
    padding         : 0 0 0 1px;
}

h6 
{
    padding         : 0 0 0 1px;
}

p 
{
    display         : block;
    padding-bottom  : 1em;
}

ul 
{
}

ol
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/
.sidebar
{
    position        : relative;
    display         : inline-block;
    width           : 263px;
    vertical-align  : top;
    margin          : -1px 0 0 3px;
}

.sidebar b
{
    display         : block;
}

.org,
.adr,
.street-address,
footer .tel,
.sidebar .postal-code
{
    display         : block;
}

.sidebar .tel,
.sidebar .fax,
#contact strong
{
    display         : inline-block;
}

.home h2, .home h3, .home h4, .home h5,
h2.home, h3.home, h4.home, h5.home
{
    margin-bottom   : .1em;
}

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/
.primary
{
    display         : inline-block;
    padding         : 10px 10px 0 230px;
    width           : 655px;
    margin-left     : -220px;
}

.primary.home
{
    padding-right   : 0;
    margin-top      : 1px;
    margin-bottom   : 8px;
    width           : 665px;
}

/*___ HEADER _________________________________________________________________*/
header
{
    position        : relative;
    display         : block;
    width           : 960px;
    margin          : 1px auto 0 auto;
    position        : relative;
    z-index         : 1;
}

/*___ FOOTER _________________________________________________________________*/
footer
{
    position        : relative;
    display         : block;
    width           : 960px;
    margin          : 0 auto;
    padding         : 38px 0 0 10px;
    height          : 368px;
    clear           : both;
}

/*___ NAV _________________________________________________________________*/
#main
{
    position        : relative;
    display         : block;
    width           : 960px;
    margin          : 0 auto;
    z-index         : 2;
}

.categories
{
    margin          : -25px 0 10px 0;
    display         : block;
    width           : 655px;
}

.filmstrip
{
    display         : block;
    width           : 100%;
    text-align      : right;
    padding-bottom  : 5px;
    margin-bottom   : 10px;
}

/*___ ADDRESS _________________________________________________________________*/
address
{
    position        : relative;
    display         : inline-block;
    vertical-align  : top;
    padding         : 0 5px;
    width           : 443px;
    z-index         : 2;
}

/*___ ARTICLE _________________________________________________________________*/

article.portfolio
{
	overflow: hidden;
	display: block;
	position: relative;
}
    
/*___ SECTION _________________________________________________________________*/
#mainContent
{
    display         : inline-block;
    width           : 895px;
}

.primary #mainContent
{
    display         : inline-block;
    width           : 440px;
    vertical-align  : top;
}

.primary.home #mainContent
{
    width           : 450px;
}

#blogs
{
    display         : block;
    padding         : 10px 0;
}

.blog
{
    display         : inline-block;
    width           : 48%;
    padding         : 0 5px 0 0;
    vertical-align  : top;
}

.flickr
{
    position        : relative;
    display         : block;
    margin          : 0 auto;
    width           : 170px;
}

.home .flickr
{
    margin-top      : 10px;
}

.facebook
{
    width           : 180px;
    display         : block;
    margin          : 10px auto;
}

.projects
{
    display         : block;
    margin          : 20px 0;
}

#services
{
    margin-top      : -82px;
    margin-left     : 5px;
}

#contact
{
    display         : block;
    padding         : 0 20px;
}

.featClient
{
    position        : absolute;
    top             : 3px;
    left            : 686px;
    display         : block;
    width           : 263px;
    height          : 82.3%;
    padding-top     : 40px;
    text-align      : center;
}

.david section
{
    display         : block;
    margin-bottom   : 15px;
    text-align      : center;
}

#tutorials
{
    padding         : 0 10px;
}

/*___ DIV _________________________________________________________________*/

header div
{
    position        : absolute;
    display         : block;
    top             : 0;
    right           : 0;
}

#content
{
    position        : relative;
    display         : block;
    width           : 960px;
    margin          : 0 auto;
    padding         : 0 0 10px 0;
}

#login
{
    position        : absolute;
    bottom          : 70px;
    left            : 480px;
    width           : 165px;
    z-index         : 2;
}

#flickr
{
    position        : relative;
    display         : inline-block;
    vertical-align  : top;
    width           : 190px;
    z-index         : 2;
}

#footnote
{
    display         : inline-block;
    position        : absolute;
    left            : 20px;
    bottom          : 75px;
    width           : 415px;
    z-index         : 2;
}

#twitter
{
    position        : absolute;
    left            : 676px;
    bottom          : 50px;
    width           : 242px;
    height          : 116px;
    padding         : 53px 24px 33px 24px;
    z-index         : 2;
}

#flickr div
{
    display         : inline-block;
    width           : 70px;
    padding         : 0 10px 10px 10px;
}

.twitter
{
    display         : block;
    padding         : 50px 15px;
    height          : 90px;
}

.rusty .twitter
{
    height          : 110px;
    padding         : 40px 15px;
}

.flickr div
{
    display         : inline-block;
    width           : 75px;
    height          : 75px;
    margin          : 5px;
}

.facebook .fb_root_vert
{
    width           : 178px;
}

.facebook .fb_vert
{
    width           : 176px;
}

.clear
{
    height          : 1px;
    clear           : both;
}

#gMap
{
	position		: absolute;
	left			: 50%;
	top				: 100px;
	width			: 500px;
	height			: 500px;	
}

.boogaloo
{
	width			: 890px;
	height			: 317px;
	margin			: -10px 0 0 -66px;
	text-indent		: -9999em;
}

/*___ SPAN _________________________________________________________________*/
#twitter span
{
    display         : block;
}

.twitter span
{
    display         : block;
}

footer .tel
{
    margin-bottom   : 10px;
}

.portfolio span
{
    display         : block;
    margin-bottom   : 1em;
}

.contactInfo span
{
    display         : inline-block;
    width           : 100px;
}

.contactExtra span
{
    display         : block;
}

#contactForm .required
{
    display         : inline-block;
    vertical-align  : top;
    width           : 80px;
    margin-left     : 5px;
}

#contact span
{
    line-height     : 1.6em;
}

/*___ ASIDE _________________________________________________________________*/
.primary aside
{
    display         : inline-block;
    margin-left		: 10px;
    width           : 199px;
    vertical-align  : top;
}


.ad
{
    position        : relative;
    display         : inline-block;
    width           : 665px;
    float           : left;
    margin          : 5px 0 0 0;
    padding         : 60px 0 35px 10px;
}

.ad.home
{
    width           : 100%;
    margin-top      : 0;
    padding-top     : 50px;
}

aside.featured
{
    margin          : -10px 0 0 11px;
	padding			: 0 15px;
	width			: 169px;
}

/*___ H1 _________________________________________________________________*/
header h1
{
    margin-left     : -16px;
}

/*___ H2 _________________________________________________________________*/
h2.home
{
    margin          : 0 0 .3em 10px;
    padding-top     : 0;
}

/*___ H3 _________________________________________________________________*/
h3.home
{
    padding         : 0 0 10px 13px;
    margin-bottom   : 82px;
    margin-top      : -5px;
}

/*___ H4 _________________________________________________________________*/
.sidebar h4
{
    margin          : 60px 0 15px 0;
    text-align      : right;
}

.sidebar h4:first-child
{
    margin          : 0;
    position        : absolute;
    top             : -105px;
    right           : 0;
}

#services h4:first-child
{
    top             : -20px;
}

.home h4
{
    margin-bottom   : 0.1em;
}

.featured h4
{
    margin-top      : .5em;
}

/*___ H5 _________________________________________________________________*/
footer h5
{
    margin-bottom   : 3px;
}

#services h5
{
    width           : 263px;
    height          : 54px;
    padding         : 28px 0 14px 0;
    display         : block;
    text-indent     : -9999em;
}

.featClient h5
{
    padding         : 6px 0;
}

.description
{
    margin-bottom   : 1em;
}

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/
#contact h6
{
    margin          : 25px 0 10px 0;
    clear           : both;
}

/*___ P _________________________________________________________________*/
aside.featured p
{
    display         : block;
    margin-top      : 10px;
}

#services p
{
    padding         : 10px 22px 0 22px;
    line-height     : 1.5em;
}

.figure.list p 
{
	margin-right	: 177px;
}

.copyright
{
    position        : absolute;
    bottom          : 40px;
    left            : 20px;
    z-index         : 2;
}

/*___ UL _________________________________________________________________*/
#main ul
{
    display         : block;
    margin          : 0 0 42px 10px;
    width           : 658px;
}

#staff
{
    display         : block;
    margin          : 0 -2px 0 -12px;
    padding-top     : 20px;
}

#links
{
    display         : inline-block;
    vertical-align  : top;
    height          : 368px;
    width           : 243px;
    margin          : -38px 0 0 28px;
    padding         : 38px 10px 0 10px;
}

#footerNav
{
    display         : inline-block;
    position        : absolute;
    bottom          : 0;
    left            : 0;
    width           : auto;
    height          : 406px;
    padding-left    : 10px;
    z-index         : 1;
}

.tags
{
    margin          : 0 5px 0 45px;
}

.projects ul
{
    margin          : 15px 0 0 0;
    display         : block;
    width           : 650px;
}

.projectCategory
{
    margin-bottom   : 1em;
}

article.portfolio > ul
{
	position		: relative;
	margin-left		: 0;
}

#tutorials ul
{
    margin          : 10px 0;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/
#main li
{
    display         : inline-block;
    margin          : -3px 8px 0 8px;
}

#staff li
{
    padding-left    : 35px;
    clear           : both;
}

#links li
{
    display         : inline-block;
    vertical-align  : top;
    width           : 45%;
    padding         : 5px 0;
}

#footerNav li
{
    display         : inline-block;
    vertical-align  : bottom;
    padding         : 375px 0 7px 0;
    margin          : 0 15px;
    height          : 25px;
}

#footerNav li:first-child
{
    margin-left     : 0;
}

.categories li
{
    display         : inline-block;
    margin          : 0 10px 0 0;
    padding         : 0 0 0 10px;
}

.categories li:first-child
{
    margin-left     : 0;
}

.filmstrip li
{
    display         : inline-block;
    margin-left     : 5px;
}

.tags li
{
    display         : inline-block;
}

.posts li
{
    padding         : 15px 0 5px 0;
    margin          : 0 0 0 20px;
}

.projects li
{
    display         : inline-block;
    width           : 32%;
    vertical-align  : top;
    text-align      : center;
}

#mainContent.home li
{
    margin-top      : 15px;
    padding         : 0 0 1em 0;
}

#mainContent.home li:first-child
{
	padding-top		: 0;
}

#mainContent.home .projects li
{
    margin-top      : 0;
}

.projectCategory li
{
    display         : inline-block;
    margin          : 0 10px 0 0;
    padding         : 0 0 0 10px;
}

.projectCategory li:first-child
{
    padding-left    : 0;
}

fieldset
{
    display         : block;
}

article.portfolio > ul li
{
	float			: left;
	width			: 655px;
}

.sidebar#portfolio li
{
    display         : inline-block;
    vertical-align  : top;
    text-align      : center;
    margin-left     : 9px;
}

#contact li
{
    margin-bottom   : 10px;
}

.figure.list li 
{
	overflow		: hidden;
	
}

/*___ DT _________________________________________________________________*/
dt
{
    display         : inline-block;
    width           : 145px;
    vertical-align  : top;
    padding         : 0 0 10px 0;
}

/*___ DD _________________________________________________________________*/
dd
{
    display         : inline-block;
    width           : 495px;
    vertical-align  : bottom;
    padding         : 0 0 10px 0;
}

/*___ STRONG _________________________________________________________________*/
#contact strong
{
    width           : 60px;
}

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
header h1 a
{
    display         : block;
    height          : 120px;
    width           : 499px;
    text-indent     : -9999em;
}

#main a
{
    display         : block;
    padding         : 10px;
}

.sidebar a
{
    display         : block;
    width           : 100%;
    overflow        : hidden;
    padding         : 5px
}

#links a
{
    display         : inline-block;
    vertical-align  : middle;
    padding         : 0 2px;
}

.email,
.email:hover,
.email:visited
{
    width           : 200px;
    padding         : 2px 10px;
    margin-left     : -10px;
}

.button,
.button:hover,
.button:visited
{
    display         : block;
    width           : 100px;
    padding         : 2px 10px;
    margin          : 0 0 10px 0;
    text-align      : center;
}

#footerNav a,
#footerNav a:hover,
#footerNav a:visited
{
    display         : block;
    padding         : 5px 15px;
}

.tags a
{
    padding         : 0;
}

h6 a,
h6 a:hover,
h6 a:visited
{
    display         : block;
}

.tellMore
{
    display         : block;
    padding-left    : 15px;
}

#services a
{
    display         : inline;
    padding         : 0;
}

.projects .thumbnail,
.projects .thumbnail:hover,
.projects .thumbnail:visited
{
    display         : block;
    height          : 176px;
    width           : 190px;
    overflow        : hidden;
}

#portfolio.sidebar a,
#portfolio.sidebar a:hover,
#portfolio.sidebar a:visited
{
    cursor          : pointer;
}

.sidebar #contact a,
.sidebar #contact a:hover,
.sidebar #contact a:visited
{
    padding         : 0 0 10px 0;
    width           : 150px;
}

.sidebar #contact .map,
.sidebar #contact .map:hover,
.sidebar #contact .map:visited
{
    width           : 48px;
    padding         : 6px 0 6px 30px;
    float           : right;
}

.boogalooLink
{
	margin			: -10px -10px 0 -10px;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/
#staff img
{
    float           : left;
    margin-right    : 5px;
}

#flickr img
{
    width           : 70px;
    height          : 70px;
}

ul.primary img
{
    margin-bottom   : 10px;
}

.mindflyPeople
{
    padding         : 0 300px 4px 16px;
    margin-top      : -81px;
    display         : block;
    width           : auto;
}

aside.featured img
{
    width           : 165px;
    height          : auto;
    display         : block;
    margin          : 0 auto;
}

.facebook img
{
    display         : block;
    position        : relative;
    width           : auto;
    margin          : 0 auto;
}

aside.featured .flickr img
{
    width           : auto;
    height          : auto;
}

.ad img
{
    margin-right    : 20px;
}

h2 img
{
    display         : inline-block;
    vertical-align  : top;
}

.portfolio img
{

    margin-bottom   : 1em;
}

.projects img
{
    display         : block;
    width           : 350px;
}

.sidebar#portfolio img
{
    width           : 95px;
    height          : 95px;
    padding         : 4px;
}

.figure.list img 
{
	float			: right;
	margin			: 0 0 10px 10px;
}

.featured .boogalooLink img
{
	width			: auto;
	margin			: -28px 0 0 -15px;
}

img.youTubeThumb
{
    margin-right    : 10px;
    float		: left;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/
input[type="text"],
input[type="password"]
{
    padding         : 2px 10px;
    margin          : 4px 0;
}

#login input
{
    width           : 85%;
}

input[type="button"]
{
    cursor          : pointer;
}

#login input[type="button"]
{
    padding         : 2px 0;
    text-align      : center;
    width           : 95%;
}

#contactForm input
{
     margin-bottom  : 0;
}

/*___ LABEL _________________________________________________________________*/
#contactForm label
{
    display         : block;
    margin-bottom   : 10px;
}

/*___ SELECT _________________________________________________________________*/
select
{
    padding         : 2px 2px 2px 10px;
    margin          : 8px 0 15px 0;
    width           : 187px;
}

/*___ TEXTAREA _________________________________________________________________*/
.primary textarea
{
    width           : 437px;
    height          : 200px;
    margin          : 10px 0;
}

/*___ CITE _________________________________________________________________*/
footer .mindfly
{
    position        : absolute;
    right           : 53px;
    bottom          : 13px;
}

/*___Group/Section/Class_________________________________________________________________*/