@charset "UTF-8";


html 
{overflow:auto;
}

body
{background: #FFF url(../images/main-bg.jpg) repeat-x top left;
margin:0;
padding:0;
border:0;
}

h1, h2, h3, h4
{font-size:1px;
text-indent:-3333px;
}


p
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6e7072;
margin:10px 0 10px 0px;
padding:0;
line-height:20px;
}

li
{font-family:Arial, Helvetica, sans-serif;
}

ul
{margin:0;
padding:0;
}

p a:link, p a:visited, li a:link, li a:visited
{font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#6e7072;
border-bottom:1px dotted #7ec142;
}

p a:hover, li a:hover
{font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#6e7072;
border-bottom:1px solid #6e7072;
}

h1, h2, h3, h4, h5
{padding:0;
margin:0;
}

/**SPAN TAGS**/

.green
{color:#7ec142;
}

.uppercase
{text-transform:uppercase;
}

.grey
{color:#6e7072;
}

.topSpace1
{margin-top:10px;
}

.topSpace2
{margin-top:20px;
}

.topSpace3
{padding-top:30px;
}

.adobeRed
{color:#C30;
}

.wordBlue
{color:#69C;
}

.paddingRight
{padding-right:10px;
}

.bold
{font-weight:bold;
}

.italic
{font-style:italic;
}

.bottomBorder
{border-bottom:1px dotted #6e7072;
padding-bottom:15px;
}

.topBorder
{border-top:1px dotted #6e7072;
padding-top:15px;
}

.smallerText
{font-size:10px;
}

#container
{
width :900px;
height:auto;
margin : 0px 0 0 0;
border:0;
text-align : left;
color:#6e7072;
background-color:#FFF;
}

/**NAVIGATON**/

#navBar 
{
width:900px; 
height:40px; 
background:#7ec142; 
padding:0px 0 0 0; 
position:relative;
}

#nav {padding:0; margin:0 0 0 0; list-style:none; height:24px; position:absolute; bottom:0px; left:115px; z-index:50; width:512px;}
#nav li.top {display:block; float:left; margin:0 3px 0 0; padding:0;}

#nav li a.home {display:block; float:left; height:24px; width:64px; border:0; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.aboutMe {display:block; float:left; height:24px; width:86px; border:0; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.services {display:block; float:left; height:24px; width:86px; border:0; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.portfolio {display:block; float:left; height:24px; width:93px; border:0; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.blog {display:block; float:left; height:24px; width:61px; border:0; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.contactMe {display:block; float:left; height:24px; width:103px; border:0; text-decoration:none; padding:0; cursor:pointer;}

#nav li a b {margin-left:-9999px;}

#nav li a.home {background:url(../images/home_tab.gif);}
#nav li a.aboutMe {background:url(../images/aboutme_tab.gif);}
#nav li a.services {background:url(../images/services_tab.gif);}
#nav li a.portfolio {background:url(../images/portfolio_tab.gif);}
#nav li a.blog {background:url(../images/blog_tab.gif);}
#nav li a.contactMe {background:url(../images/contactme_tab.gif);}

#nav li.active a
{background-position: 0 24px;}

#nav li.active a:hover
{background-position: 0 0px;}

#nav li a
{outline:none;
}

#icons
{position:absolute;
right:0px;
top:8px;
}

#icons a
{text-decoration:none;
border-bottom:none;
padding:0;
margin:0;
}

/**MASTHEAD 1**/

#mastHead1
{height:133px;
position:relative;
background-color:#f7f7f7;
padding:0 0 0 115px;
}

#mainLogo
{position:absolute;
left:115px;
top:38px;
}

/**twitter**/

#twitterBird
{
position:absolute;
right:0;
bottom:23px;
}

#twitterCloud
{
position:absolute;
right:48px;
bottom:40px;
}

#twitter_div
{
width:320px;
height:50px;
position:absolute;
right:71px;
bottom:41px;
font-size:10px;
color:#418fce;
}

#twitter_div ul
{list-style-type:none;
padding:0;
margin:0;
}

#twitter_div a
{border-bottom:none;
padding:0;
margin:0;
}

/**MASTHEAD2**/


#mastHead2
{height:159px;
position:relative;
background-color:#6e7072;
border-top:5px solid #cccccc;
border-bottom:5px solid #cccccc;
padding:0 0 0 115px;
margin:0 0 0px 0;
}

#welcomeText
{position:absolute;
top:30px;
}

#businessCard
{
position:absolute;
right:36px;
top:-30px;
z-index:10;
}


/**WHITE SPACE**/

#whiteSpace
{height:48px;
background-color:#FFF;
}


/**MAIN CONTENT AREA**/

#mainContainer
{background:url(../images/container-bg.gif);
}

#content
{width:485px;
float:left;
position:relative;
background-color:#FFF;
margin:0px 0 70px 0;
padding:0 35px 0 115px;
}

#content li
{font-size:12px;
line-height:20px;
list-style-type:none;
background:url(../images/bullet1.png) no-repeat 0 4px;
padding-left:20px;
}

#chooseService
{
position:absolute;
left: 5px;
top: 40px;
}

/**home page**/

#welcomeGraphic
{background-color:#FFF;
height:300px;
width:300px;
position:relative;
margin:30px 0;
}

#bubbleMan
{
	position:absolute;
	left: -115px;
	top: -10px;
}

#tanoyText
{
	position:absolute;
	z-index:10;
	left: 176px;
	top: 13px;
}


/**ABOUT ME**/

#about_me_ul
{border-top:1px dotted #7ec142;
margin:10px 0;
padding:20px 0 0 0;
}

/**SERVICES**/

#workTime
{margin:20px 0 10px 0;
background-color:#F7F7F7;
border:1px solid #999;
padding:10px;
}

#workTime p
{color:#666;
}

#serviceNav
{height:55px;
margin:15px 0 0 0;
}

#serviceNav li.top2 {margin:0 2px 0 0; padding:0; background:none;}

#serviceNav li a.webDesign {float:left; height:55px; width:79px; border:0; text-decoration:none; padding:0; cursor:pointer;}
#serviceNav li a.emailMarketing {float:left; height:55px; width:80px; border:0; text-decoration:none; padding:0; cursor:pointer;}
#serviceNav li a.designForPrint {float:left; height:55px; width:80px; border:0; text-decoration:none; padding:0; cursor:pointer;}
#serviceNav li a.googleServices {float:left; height:55px; width:80px; border:0; text-decoration:none; padding:0; cursor:pointer;}
#serviceNav li a.webSurveys {float:left; height:55px; width:80px; border:0; text-decoration:none; padding:0; cursor:pointer;}
#serviceNav li a.logoDesign {float:left; height:55px; width:80px; border:0; text-decoration:none; padding:0; cursor:pointer;}

#serviceNav li a b {margin-left:-9999px;}

#serviceNav li a.webDesign {background:url(../images/button_web.jpg);}
#serviceNav li a.emailMarketing {background:url(../images/button_email.jpg);}
#serviceNav li a.designForPrint {background:url(../images/button_print.jpg);}
#serviceNav li a.googleServices {background:url(../images/button_google.jpg);}
#serviceNav li a.webSurveys {background:url(../images/button_surveys.jpg);}
#serviceNav li a.logoDesign {background:url(../images/button_logo.jpg);}




#serviceNav li.active2 a
{background-position: 0 -55px;}

#serviceNav li.top2 a:hover
{background-position: 0 -55px;}

#serviceNav li a
{outline:none;
}





#iDo li
{
background:url(../images/bullet_tick.png) no-repeat 0 4px;
}

#iDont li
{
background:url(../images/bullet_cross.png) no-repeat 0 4px;
}

#content #faq
{background:#F9F9F9;
padding:10px 20px 30px 10px;
}

/**design for print**/

#content ol
{margin:0 0 0 20px;
padding:0;
}

#content ol.whyChooseMe li
{
background:none;
list-style-type:circle;
padding:0;
margin:0;
}

/**PORTFOLIO**/

#content ol#portfolioOl
{margin:20px 0 0 0;
padding:0;
}


#content ol#portfolioOl li
{
background:none;
list-style-type:none;
padding:0;
margin:0;
}

#sideBar ul li.activeClient
{
background:url(../images/bullet_tick.png) no-repeat 0 4px;
}

#sideBar #clientList li a:visited
{
background:#F6F6F6;
}


/**portfolio gallery**/

/* slides styling */

#content #info li
{list-style-type:none;
background:none;
}

#content #info a
{border:none;
text-decoration:none;
}



.photo {padding:20px 2px 10px 13px; background:#F9F9F9; width:470px; height:530px; text-align:left; margin:20px 0 20px 0; border-top:1px dotted #6e7072; border-bottom:1px dotted #6e7072;}
.photo h1 {font-size:14px; font-weight:normal; color:#fc0; margin:0 0 0 0px; padding:0;}
.photo ul {list-style:none; padding:10px 0 0 0; margin:0; width:150px; background:#FFF; border:0px solid #666; position:relative; height:144px;}
.photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background:url(../images/arrow.gif) no-repeat; text-decoration:none;}
.photo ul li a b {display:none;}
.photo ul li a img {display:block; width:24px; height:24px; border:0px solid #666; border-top-color:#ccc;}

.photo ul li a:hover {white-space:normal;position:relative;}

.photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#fc0;}
.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#fc0;}



.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#000; position:absolute; left:165px; top:0; width:295px; height:295px; border:0px solid #fc0; padding:0px 0px;}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#000; position:absolute; left:165px; top:0; width:295px; height:295px; border:0px solid #fc0; padding:0px 0px;}
.photo ul li a:focus b, .photo ul li a:active b {display:block; position:absolute; width:138px; height:300px; border:0px solid #666; top:165px; left:0; color:#ddd; font-weight:normal; padding:6px; font-size:10px; background-color:#FFF; color:#6e7072;}



/**sitemap**/

#content #sitemap ul
{margin:0 0 0 20px;
}

#content #sitemap ul.subUl
{margin:0 0 0 20px;
padding-left:20px;
}

#content #sitemap li
{list-style-type:circle;
background:none;
padding-left:20px;
}


/**SIDEBAR**/

#sideBar
{width:248px;
height:100%;
float:left;

margin:0px 0 60px 0px;
padding:0px 0px 30px 15px;
}

#sideBar p
{margin-right:10px;
}

.sidebarArticle2
{margin:40px 0 0 0;
}

#portfolioIcons
{margin:20px 0;
}

#portfolioIcons a
{border-bottom:none;
}

#miniIcons
{padding:0 10px 0 0;
}

#miniIcons img
{padding:0 4px 4px 0;
}

#sideBar li
{font-size:12px;
line-height:20px;
list-style-type:none;
background:url(../images/bullet1.png) no-repeat 0 4px;
padding-left:20px;
}

#sideBar #sidebarFeatures li
{background:url(../images/bullet_tick.png) no-repeat 0 4px;
}

#caseStudies img
{margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #000;
}

#sidebarBottom
{clear:both;
}

#hireTime
{margin:20px 10px 0px 0;
background-color:#F7F7F7;
border:1px solid #C30;
padding:5px;
}

#hireTime p
{margin:0;
padding:0;
}

/**FOOTER**/

/**footer navigation**/

#footer
{height:285px;
background-color:#6e7072;
border-top:5px solid #cccccc;
border-bottom:5px solid #cccccc;
clear:both;
padding:0 0 0 115px;
position:relative;
margin:50px 0 0 0;
z-index:0;
}

#footer p
{color:#FFF;
}

#footer p a
{color:#FFF;
}

#footer p a:hover
{color:#FFF;
border-bottom:#FFF 1px dotted;
}



#blogRSS
{position:absolute;
left:115px;
bottom:45px;
}

#flickrGallery
{position:absolute;
left:115px;
bottom:83px;
}

#twitterRSS
{position:absolute;
left:115px;
bottom:20px;
}

#flickrRSS
{
position:absolute;
left:370px;
bottom:45px;
}

#panoramioRSS
{
position:absolute;
left:370px;
bottom:20px;
}

#rssContainer1
{
position:absolute;
left:649px;
top:13px;
}

#rssContainer1 a:link, #rssContainer1 a:visited
{color:#FFF;
font-weight:bold;
font-size:14px;
}


#PictoBrowser100202111411
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
}



/**SUB FOOTER**/

#subFooter
{
height:40px;
margin:10px 0;
padding:0 0 0 115px;
background-color:#FFF;
}

#subFooter ul
{
margin:0;
padding:0;
color:#6e7072;
}

#subFooter li
{list-style-type:none;
display:inline;
padding:0 6px 0 3px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
border-right:1px solid #CCC;
margin:0;
}

#subFooter li.firstList
{padding-left:0;
}

#subFooter li.lastList
{padding-right:0;
border-right:none;
}