/**************************************************************************************************************************/
/* HTMLTag Redefinitions **************************************************************************************************/
/**************************************************************************************************************************/

body								{ color: #fff;  background: #FFF; font-family: Arial, Helvetica, Sans-Serif; }

.bodyteal                           { background: #164A55 url(/resources/images/backgrounds/aqua.jpg) no-repeat fixed top center; }

.bodygrey                           { background: #777777 url(/resources/images/backgrounds/grey.jpg) no-repeat fixed top center; }

.bodygreen                          { background: #0D7E41 url(/resources/images/backgrounds/green.jpg) no-repeat fixed top center; }

.bodypurple                         { background: #553671 url(/resources/images/backgrounds/purple.jpg) no-repeat fixed top center; }

.bodybrown1                         { background: #764E2A url(/resources/images/backgrounds/brown_bar.jpg) no-repeat fixed top center; }

.bodybrown2                         { background: #563B34 url(/resources/images/backgrounds/brown_sig.jpg) no-repeat fixed top center; }

.bodybrown3                         { background: #A77B54 url(/resources/images/backgrounds/brown_light.jpg) no-repeat fixed top center; }

.bodyred                            { background: #872D36 url(/resources/images/backgrounds/red.jpg) no-repeat fixed top center; }

.lightgrey                          { background: #d5d5d5 url(/resources/images/backgrounds/lightgrey.jpg) no-repeat fixed top center; }



.bodystaff                          { background: #164A55 url(/resources/images/pages/background_staff.jpg) no-repeat fixed top center; }

h1									{ font-size: 3em; font-weight: bold; color: #fff; margin-bottom: 0px; }



h2									{ font-size: 2em; font-weight: bold; color: #fff; margin-bottom: 10px; }
	
h3									{ font-size: 1.0em; font-weight: bold; color: #fff; margin-bottom: 10px; }

p                               	{ line-height: 1.4em; margin-bottom: 1em; }

p.large                         	{ font-size: 1.2em; }

a img                           	{ border: 0px; }

strong                          	{ font-weight: bold; }

em                              	{ font-style: italic; }

p.small                         	{ font-size: 0.8em; }

/**************************************************************************************************************************/
/* Main layout styles *****************************************************************************************************/
/**************************************************************************************************************************/

#main								{ width:960px; margin: 0px auto; }

#main_inner							{ float: left; width: 980px; display: inline; }

#head                           	{ float: left; width: 960px; height: 90px; padding-top: 40px; margin-bottom: 10px; padding-left: 20px; }

#content                        	{ width: 960px; float: left; }

#left                           	{ float: left; width: 500px; display: inline; margin-right: 10px; }

.padded                             { padding-left: 200px; }

.padded_logo                        { padding-left: 180px; }

.blog                               { min-height: 400px; }

.blog_menu                      	{ width: 170px; float: left; padding-left: 40px; padding-top: 10px; font-size: 1.1em; font-weight: bold; line-height: 1.2em; margin-bottom: 70px; }

.blog_menu li                   	{ margin-bottom: 5px; }

.blog_menu li a                 	{ text-decoration: none; }

.blog_menu h2                       { font-size: 3em; margin-bottom: 30px; }

.work_menu                      	{ width: 300px; float: right; }

.work_menu ul                       { padding-bottom: 50px; }

.work_menu li                   	{ margin-bottom: 5px; }

.work_menu li a                 	{ text-decoration: none; }

.blogBackLink						{ display: block; text-align:right; margin-bottom: 20px; width: 460px; }

.commentLink				{ display: block; float:right; margin-bottom: 10px; margin-top: 15px; padding-left: 50px; width: 80px; height: 29px; background: #fff url(../images/add.png) left no-repeat; clear:both; }

.logo                               { float: left; width: 180px; padding-top: 5px; }

.portfolioBackLink			        { display: block; text-align:right; margin-bottom: 30px; }

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

.blogPages							{ text-align:right; border-bottom: 0px solid #CCC; padding-bottom: 10px; margin-bottom: 10px; width: 460px; }

.intro								{ margin-bottom: 20px; margin-top: 10px; }

#footer								{ width: 960px; float: left; }

#footer	ul li						{ float: left; margin-bottom: 10px; font-size: 1.8em; margin-right: 20px; color: #999; }

#footer	ul li label					{ color: #FF0066; display: block; font-size: 12px; margin-bottom: 1px; font-weight: normal; }

#footer p							{ clear: both; color: #999; }

#right								{ float: left; width: 550px; height: 350px; display: inline; }
#right-tall								{ float: left; width: 550px; height: 425px; display: inline; }

#left ul li							{ line-height: 1.2em; margin-bottom: 5px; list-style-type: disc; list-style-position: inside; }

#left ul							{ margin-bottom: 10px; }

.blog p img							{ padding: 0px 20px 20px 0px; }

.home_head							{ background-image: url(../images/titles/home_intro_1.png); text-indent: -1800px; width: 389px; height: 51px; margin-top: 10px; margin-bottom: 0px; }
.home_intro							{ background-image: url(../images/titles/home_intro_2.png); text-indent: -1800px; width: 389px; height: 52px; margin-bottom: 20px; margin-top: 0px; }
.history_intro						{ background-image: url(../images/titles/history_intro.png); text-indent: -1800px; width: 389px; height: 105px; margin-bottom: 20px; margin-top: 10px; }
.services_intro						{ background-image: url(../images/titles/services_intro.png); text-indent: -1800px; width: 389px; height: 195px; margin-bottom: 20px; margin-top: 10px; }
.work_intro							{ background-image: url(../images/titles/work_intro.png); text-indent: -1800px; width: 389px; height: 137px; margin-bottom: 20px; margin-top: 10px; }
.contact_intro						{ background-image: url(../images/titles/contact_intro.png); text-indent: -1800px; width: 389px; height: 137px; margin-bottom: 20px; margin-top: 10px; }
.newsletter_intro					{ background-image: url(../images/titles/newsletter_intro.png); text-indent: -1800px; width: 389px; height: 77px; margin-bottom: 20px; margin-top: 10px; }
.thankyou_intro						{ background-image: url(../images/titles/thankyou_intro.png); text-indent: -1800px; width: 389px; height: 108px; margin-bottom: 20px; margin-top: 10px; }

.services_head						{ background-image: url(../images/titles/services_heading.png); text-indent: -2000px; width: 660px; height: 85px; margin-bottom: 20px; }

.servicecol							{ width:250px; padding-right:100px; margin: 10px 20px 40px 0px; float: left; }

.servicecol						h2	{ font-size: 1.25em; color: #EB088D; margin-bottom: 2px; font-weight: normal; }

.servicecol	p.larger					{ font-size: 1.1em; }

.servicecol 				h2.clientslarge { text-indent: -2000px; height: 44px; width: 248px; background-image: url(../images/titles/services_subtitle.png); }

.rimage                             { min-height: 450px; padding-top: 70px; width: 355px; float: left; }

.rimage                         h1  { margin-top: -70px; margin-bottom: 70px; }

.rimage                         h1.largetext { margin: 0px; margin-bottom: 20px; }

h1.contacthead { margin-top: 0px; margin-bottom: 40px; }

.largetext                          { font-size: 2.2em; line-height: 26px; font-weight: bold }

.largertext                          { font-size: 2.6em; line-height: 30px; }

.midtext                            { font-size: 1.6em; line-height: 20px; font-weight: bold }

.benefit				{ width: 224px; margin-right: 20px; float: left; min-height: 147px; margin-bottom: 40px; }

.benefit			p	{ font-size: 1.35em; line-height: 1.2em; }

.posted             { font-size: 1.1em; }

.caselogo           { margin-bottom: 20px; }

.emph               { font-size: 1.3em; }

.contact            { float: left; min-width: 120px; margin-right: 20px; }

.contact    	p	{ font-size: 1.3em; line-height: 1.2em; }

#slides               { display: none; }

.faces                { display: none; }

#slides          div { width: 380px; position: absolute; margin-top: 100px; margin-left: 200px }

#slides div.services  { width: 300px; position: absolute; margin-top: 20px; margin-left: 20px }

#slides div.services h1 { margin-bottom: 50px; }

.faces            h2 { margin: 5px 0px 20px 0px; font-size: 1.1em; font-weight: bold; }

#caseslides              div   { display: none; }

.extrabottom           { margin-bottom: 40px; }

.closetop           { margin-top:-45px; }

.twitter                { font-size: 1.3em; font-weight: normal; margin-bottom: 40px; }

.benefithilite          { color: #333333; }

.fright                 { float: right; }

#board                  { margin: 155px 10px 10px 15px; width: 180px; color: #000; display: none; }

/**************************************************************************************************************************/
/* Menu layout styles *****************************************************************************************************/
/**************************************************************************************************************************/

#menu								{ width: 740px; font-size: 1.3em; font-weight: bold; padding-top: 0px; }

#menu, .submenu, .submenu_empty		{ float: left; display: inline; }

ul.midtext							{ list-style-type: none; }

ul.midtext						    li  { padding-bottom: 10px; }

.submenu, .submenu_empty        		{ font-size: 1em; padding-left: 0px; padding-top: 0px; min-width: 300px; }
	
.submenu_empty						{ background-image: none; }

#menu li, .submenu li, .submenu_empty li           { float: left; padding: 10px 30px 3px 0px; }

#menu li a, .submenu li a , .submenu_empty li a    { padding: 3px 3px 3px 0px; }

.blogItem							{ float: left; border-bottom: 2px solid #7FA2AA; padding-bottom: 0px; margin-bottom: 45px;  margin-top: 15px; clear: both; width: 460px; }

.blogSep                            { border-bottom: 2px solid #7FA2AA; margin-bottom: 10px; clear:both; }

.blogItem h1						{ padding-top: 6px; }

.blogItem .icon						{ float:left;padding-right:8px; }

/**************************************************************************************************************************/
/* Classes ****************************************************************************************************************/
/**************************************************************************************************************************/

.portfolioThumbnail                 { border: solid 1px #EEEEEE; width: 187px; height: 122px; margin-right: 5px}
.portfolioHead                      { float: left; padding-right: 40px; }
.portfolioHead                   h3 { color: #8CC63F;font-size: 0.9em; margin-bottom: 3px;  }
.portfolioHead                   h1 { color: #9F9F9F;font-size: 1.2em; }
.portfolioColumn                    { width: 260px; float:left; padding-right:40px; }
.portfolioColumn                 h3 { color: #E1007E; font-size: 0.9em; margin-bottom: 10px; }
.portfolioMainImage                 { padding-bottom: 15px; }

/**************************************************************************************************************************/
/* Links ******************************************************************************************************************/
/**************************************************************************************************************************/

a:link		            		   	{ color: #D3D3D3; text-decoration: none; }
a:visited       			        { color: #D3D3D3; text-decoration: none; }
a:hover			            	    { color: #ffffff; text-decoration: none; }
a:active			                { color: #ffffff; text-decoration: none; }

a.white:link		            		{ color: #ffffff; text-decoration: none; }
a.white:visited       			        { color: #ffffff; text-decoration: none; }
a.white:hover			            	{ color: #ffffff; text-decoration: none; }
a.white:active			                { color: #ffffff; text-decoration: none; }

#left a:link		            	{ text-decoration: underline; }
#left a:visited       			   	{ text-decoration: underline; }
#left a:hover			           	{ text-decoration: underline; }
#left a:active			           	{ text-decoration: underline; }

#menu ul li a:link				    { color: #D3D3D3; text-decoration: none; }
#menu ul li a:visited			    { color: #D3D3D3; text-decoration: none; }
#menu ul li a:hover				   	{ color: #fff; text-decoration: none; }
#menu ul li a:active			   	{ color: #fff; text-decoration: none; }

#menu ul li.selected         a:link { color: #ffffff; }
#menu ul li.selected         a:visited { color: #ffffff; }
#menu ul li.selected         a:hover { color: #ffffff; }
#menu ul li.selected         a:active { color: #ffffff; }

.submenu li.selected          a:link { color: #ffffff; }
.submenu li.selected         a:visited { color: #ffffff; }
.submenu li.selected         a:hover { color: #ffffff; }
.submenu li.selected         a:active { color: #ffffff; }

.blog a.selected                          { color: #ffffff; }
.portfolio a.selected                     { color: #ffffff; }

#submenu ul li a:link			   	{ color: #666; text-decoration: none; }
#submenu ul li a:visited		   	{ color: #666; text-decoration: none; }
#submenu ul li a:hover		       	{ color: #666; text-decoration: none; }
#submenu ul li a:active			    { color: #666; text-decoration: none; }
#submenu ul li.selected a           { color: #000; }

#board                           a:link { color: #333; }
#board                           a:visited { color: #333; }
#board                           a:hover { color: #666; }
#board                           a:active { color: #666; }

.blog_menu li.selected a             { color: #ffffff; }
.work_menu li.selected a            { color: #ffffff; }

.commentform                        { clear:both; border-top: 1px solid #CCC; padding-top: 20px; }
.commentform label                  { width: 200px; display: block; float:left;}
.commentform .commenttext           { width: 350px; }

.bottomline 				{ border-bottom: 1px solid #9E9E9E; width: 100%; height:5px; padding: 0px; margin-bottom: 15px; }
.dba 						{ float:left; width: 180px; margin-bottom: 35px; }
.address 					{ float:left; width: 600px; }



/**************************************************************************************************************************/
/* Portfolio **************************************************************************************************************/
/**************************************************************************************************************************/


#folioMenu ul li:hover { color:#fff; cursor:pointer; }
#folioMenu .selected { color:#fff; }

#folioMenu
{
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 22px;
    line-height: 30px;
    color: #D3D3D3;
    float:left;
    width:175px;
}

#folioItems
{
    float:left;
    width:730px;
    z-index:7;
}

#folioItems .item
{
    float:left;
    margin-bottom:8px;
    margin-right:10px;
    min-height:155px;
    width:225px;      
    z-index:8; 
    position:relative;
}

#folioItems .bg
{
    height:155px;
    width:255px;
    z-index:9;
    position:relative;
}

#folioItems .info
{
    background-color:Black;
    height:25px;
    width:198px;
    float:left;
    margin-top:-41px;
    margin-left:6px;
    font-weight:bold;
    padding-top:10px;
    padding-left:10px;
    font-size:1.1em;
    z-index:10;
    position:relative;
}

#foliobrief
{
    width:160px;
    color:#777;
    line-height:14px;
    margin-left:20px;
    font-size:1.02em;
    float:left;
    margin-top:40px;
}

#foliobrief span
{
    color:#fefefe;
    font-weight:bold;
    padding-right:4px;
}

#folioweb
{
    width:700px;
    height:450px;
    float:left;
}

#folioweb h2
{
    padding-left:20px;
    color:#757575;
    display:inline;
}

#folioweb .folioweb_item
{
    padding-left:25px;
    padding-top:20px;
}

#folioweb .prevNext
{
    color:#757575;
    float:right;
    font-size:1.1em;
    font-weight:bold;
    padding-right:25px;
    padding-top:7px;
}
#folioweb .prevNext a
{
    color:#757575;
}

#folioweb .prevNext .nextProject
{
    color:#525252;
}




/**************************************************************************************************************************/
/* Benefits ***************************************************************************************************************/
/**************************************************************************************************************************/

#benefits_shadow
{
    background-image:url('/resources/images/benefits/shadow.png');
    background-repeat:no-repeat;
    width:800px;
    height:350px;
    margin-left:-70px;
    margin-top:150px;
}

#benefits_grammarphone
{
    background-image:url('/resources/images/benefits/grammarphone_lit.png');
    background-repeat:no-repeat;
    width:237px;
    height:299px;
    margin-top:-460px;
    margin-left:70px;
}
#benefits_grammarphone:hover
{
    background-image:url('/resources/images/benefits/grammarphone_lit.png');
}

    
#benefits_cup
{
    background-image:url('/resources/images/benefits/cup_lit.png');
    background-repeat:no-repeat;
    width:172px;
    height:235px;    
    margin-top:-265px;
    margin-left:345px;
}
#benefits_cup:hover
{
    /* background-image:url('/resources/images/benefits/cup_lit.png'); */
}

#benefits_milk
{
    background-image:url('/resources/images/benefits/milk_lit.png');
    background-repeat:no-repeat;
    width:234px;
    height:208px;   
    margin-top:-150px; 
    margin-left:225px;
}
#benefits_milk:hover
{
    /* background-image:url('/resources/images/benefits/milk_lit.png'); */
}

#benefits_bible
{
    background-image:url('/resources/images/benefits/bible_lit.png');
    background-repeat:no-repeat;
    width:102px;
    height:168px;    
    margin-top:-195px;
    margin-left:445px;
}
#benefits_bible:hover
{
    /* background-image:url('/resources/images/benefits/bible_lit.png'); */
}
    
#benefits_magic
{
    background-image:url('/resources/images/benefits/magic_lit.png');
    background-repeat:no-repeat;
    width:114px;
    height:130px;    
    margin-top:-90px;
    margin-left:360px;
}
#benefits_magic:hover
{
    /* background-image:url('/resources/images/benefits/magic_lit.png'); */
}

#benefits_text
{
    width:300px;
    height:250px;
    color:#fff;
    margin-top:-15px;
    font-size:1.4em;
    font-weight:bold;
    line-height:20px;
    
}
#benefits_text h2
{
    color:#fff;
    font-size:2.3em;
    margin-bottom:17px;
}