/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }




body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 62.5%; line-height:12px; color: #000 !important;}


	#subnav a { border-right-width: 1px; padding-right: 10px; border-right-color: #ababab; border-right-style: solid; color:#40a7ff;  font-size: 16px; }
.last { padding-right: 5px;color:#40a7ff;  font-size: 15px; }

p { font-family: Helvetica, Arial;
	font-size: 13px;
	line-height: 22px;
	color: #7f888a;
	padding: 13px;}

.emphasis {background-color: #def5ff; color:#f14033;}

#def5ff

b {font-size: 2em; color: #929dac;}


 .largetext
{
	font-family: Helvetica, Arial;
	font-size: 18px;
	line-height: 24px;
	color: #CCC;
	font-weight: bold;
	padding: 13px;


}


ul li {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background: 0;
}





a {
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #588bb5;
	outline: none;
}

a:hover {
	border-style: none;
	color: #79caaf;
	text-decoration: none;
	outline: none;
}


h1 {
	margin-left: 13px;
	font-style: normal;
	font-weight: normal;
	font-family: Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
	padding-left: 0px;
	padding-right: 0;
	padding-top: 20px;
	font-size: 22px;
	letter-spacing: 0px;
	color: #6f7080;
	padding-bottom: 20px; 
}

h2 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	margin-left: 11px;
	margin-right: 0;
	margin-top: 0;
	clear: right;
	border-bottom-style: none;
	width: 400px; font-size: 20px; color: #aeafad; padding: 0; height: auto; float: left; padding-bottom: 15px; margin-bottom: 0;
}

#homeimage h2 {
	margin-left: 505px;
	margin-top: 190px;
	font-style: normal;
	width: 250px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 148px;
	line-height: 1.4em;
	letter-spacing: 0px;
	color: #3f4e67;
	font-size: 1.5em;
}

.underline { margin-bottom: 10px; border-bottom-color: #d1d3df; border-bottom-width: 1px; width: 160px; border-left-style: none; border-right-style: none; padding-left: 0px; padding-bottom: 10px; padding-right: 0; padding-top: 10px; border-bottom-style: solid;
	font-family: Helvetica, Verdana, Arial;
	letter-spacing: 0px;
	color: #445c8c;
	font-size: 1.6em;}

h3 {
	padding-left: 0;
	padding-bottom: 20px;
	padding-right: 0;
	padding-top: 20px;
	line-height: 1.3em;
	font-style: normal;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.5em;
	color: #f14033;
}
.intro { width: 450px; padding-right: 0px; position: relative; padding-bottom: 193px; left: 0px; top: 50px; margin-bottom: 0px; margin-right: 0px; font-style: normal; font-weight: normal; padding-left: 0px; color: #7581a2; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 14px;}

.details {height: 0px; width: 250px; line-height: 10px; max-width: 250px; color: #778fa1;}
.worktitle { font-weight: bold; color: #5a92ff;}

.company { font-style: normal; font-weight: normal; color: #3751bf;}

img {padding-right: 15px; display: inline; border-width: 0px; border-style: none; text-decoration: none;}


                         
                                      
                                       
                                       
                                          .inline {clear: none; float: left; padding-right: 50px; display: inline; border-width: 0px; border-style: none; text-decoration: none;}


button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}


.small { font-family: Georgia, "Times New Roman", Times, serif; padding-left: 0px; color: #63bea0; padding-bottom: 5px; padding-top: 5px; font-size: 1.1em; font-style: italic;}



/* LAYOUT STRUCTURE
--------------------------------------------------*/

.right {float: right;}

#mainWrapper {
	background: 0 0;
}

#gridwrapper { background-image: url(../images/grid.jpg);
	background-repeat: repeat;
	background: 0 0;}

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

#headerwrapper {width: 2000px; }


#header { 
	width: 960px; 
	height: 83px;
	position:relative;
	background: center top no-repeat;
}

#homecontent {background-repeat: no-repeat; margin-top: 0px; padding-top: 0px; background-image: url(../images/bg_homecontent.png); float: left; position: relative; display: inline; width: 960px;}

#homecontent p{	width: 300px;	text-align: left;	display: block;	z-index: 2;	left: 569px;	position: absolute;	top: 275px;	font-family: Helvetica, Arial;
	font-size: 13px;
	line-height: 24px;
	color: #7f888a;
	padding: 13px;
}



#content { color: white; padding-top: 0px; font-style: italic; font-weight: bold; float: left; display: inline; width: 910px; margin-left: 65px; }

#contentservices { margin-bottom: 50px; background-position: 0; margin-top: 50px; float: left; padding-top: 0px; display: inline; width: 250px; margin-left: 200px; }

#contentabout { margin-bottom: 25px; margin-top: 25px; text-align: justify; float: left; padding-top: 0px; display: inline; width: 900px; margin-left: 60px; }

#contentcontact { margin-top: 50px; background-repeat: no-repeat; float: left; padding-top: 0px; display: inline; width: 900px; margin-left: 200px; }


#contentcontactright { background-repeat: no-repeat; float: left; padding-top: 0px; display: inline; width: 200px; margin-left: 10px; }


#col1 { margin-left: 0px;
	display: inline;
	margin-top: 45px;
	float:left;
	width: 510px;
	padding-right: 0px;
	background: 0 0;
	padding-left: 0px;}

#col2 { 	display: inline;
	border-left-style: none;
	color: #5e5e5e;
	float:left;
	width: 200px;
	margin-left: 35px;
	margin-top: 135px;}



#samplecontainer {padding-left: 0px; margin-left: 0px; width: 710px; display:inline;float:left; }

#left {
	width: 500px;
	padding-left: 60px;
	padding-bottom: 25px;
	padding-right: 0;
	padding-top: 70px;
}

#container { background-color: white; width: 960px; margin-top:15px; }

#fullwidth {margin-top: 50px; margin-left: 55px; width: 800px; float:left; display:inline; padding-top: 0px; }
#servicesfullwidth {margin-top: 75px; margin-left: 125px; width: 800px; float:left; display:inline; padding-top: 0px; }
#aboutleft {width: 500px; margin-left: 100px; float:left; display:inline; padding-top: 0px; }
#aboutright {color: #8c8d8c; padding-top: 0px; width: 300px;margin-right: 150px; float: right; display:inline; }
#aboutright li {margin-bottom: 10px; line-height: 15px; color: #919391; list-style-type: none; width: 200px; margin-left: 0px;margin-right: 5px; float: left; display:inline; }
#aboutright ul { color: #919391; list-style-type: none; width: 200px; margin-left: 0px; float: left; display:inline; }
#aboutright a { border-bottom-width: 0px; border-left-style: none; border-bottom-style: none; border-right-style: none; border-top-style: none; color: #488bcf; }
#aboutright a:hover {color: #ff443d;  }
#aboutleft p {width: 385px; }



#homeimage { float: left; background-image: url(../images/homemain.png); display: inline; background-repeat: no-repeat; margin-bottom: 0px; padding-bottom: 0px; height: 531px; width: 915px;}

#homeimage p {font-family: Georgia, "Times New Roman", Times, serif; padding-top: 0px;padding-left: 520px; width: 250px; height: auto}


#aboutimage { width: 510px; margin-bottom: 0px; padding-bottom: 0px; padding-left: 40px; padding-top: 60px; }


#aboutimage p { max-width: 350px; width: 350px; margin-left: 25px; }


#footer {
	font-family: Helvetica, Verdana, Arial;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	padding-top: 120px;
	color: #c6c8c6;
	width: 100%;
	clear: both;
	float: left;
	display: inline;
	height: 200px;
	background: 0 0;
	margin-top: 55px;
}


#innerFooter {
	display: inline;
	height: 100%;
	width: 100%;
	background-color: #1a2b58;
	text-align: center;
	padding-right: 225px;
	color: #b6cdff;
	background-position: 0;
	margin:0 auto;
	padding-top: 30px;
	line-height:25px;
}

#footer a {color: #989998;}


#footer a:hover {color: #79caaf;}


.clear {clear:both;}


#pageindex {
	position: relative;
	margin-bottom: -330px;
	height: 100%;
	background: no-repeat center top;
	width: 100%;
	display: table;
}


#pageabout {
	height: 100%;
	background: no-repeat center top;
	width: 100%;
	display: table;
}

#page{ 
	position: relative;
	margin-bottom: -330px;
	height: 100%;
	background: url(../images/BG_large_header_new.png) no-repeat center top;
	width: 100%;
	display: table;
}


#portfolio { 
	background-image: url(../images/BG_large2.jpg); 
	margin-bottom: -330px; 
	position: relative;
	height: 100%;
	background: no-repeat center top;
	width: 100%;
	display: table;
}



#pagecontact { 
	background-color: #d0d0d0; 
	position: relative;
	margin-bottom: -330px;
	height: 100%;
	background: url(../images/BG_large_header.png) no-repeat center top;
	width: 100%;
	display: table;
}

#pageservices{ 
	position: relative;
	margin-bottom: -330px;
	height: 100%;
	background: url(../images/BG_large2.jpg) no-repeat center top;
	width: 100%;
	display: table;
}

#bggrid{ 
	position: relative;
	margin-bottom: -330px;
	height: 100%;
	background: url(../images/BG_grid.jpg) repeat-x center top;
	width: 100%;
	display: table;
}


#featured {margin-top:65px;}



		

#servicesleft {width="400px";float:left; }
#servicesright{width="300px"; float:left;}



/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/

#homebtn {border-width: 0px; height: 157px; width: 157px; float: left;display: inline; }

#homebtn ul {border-width: 0px; height: 157px; 

     visibility: visible;

     float:left;

     display: block;

     padding: 0px;

     margin: 0px;


}

#homebtn ul li#home{

     border-width: 0px;

     visibility: visible;

     width: 157px;

     padding: 0px;

     margin: 0px;
 
 	 height: 157px;

     background: url(.images/z.jpg) no-repeat;

}



#homebtn ul li#home:hover{ background-color: none; border-width: 0px; background-position: 0 -166px; height: 157px; background-image: url(.images/z_logo.jpg); width: 157px;}

#homebtn ul li#home.active{border-width: 0px; width: 157px; background-image: url(.images/z_logo.jpg); height: 157px; background-position: bottom;}




#logo {
	position:absolute;
	top: 55px;
	left: 85px;
	
}

#logo h1 {
	padding:0;
}

#logo h1 a, #logo h1 a:hover{
	background:url(../images/z_logo.png) 0 0 no-repeat;
	width: 50px;
	height:44px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
}

#topheadline {
	margin-left: 20px;
	width: 242px;
	position:absolute;
	top:70px;
	left: 199px;
	background:url(../images/creativecommunication.png) 0 0 no-repeat;
	text-indent:-9999px;
	height:17px;
}

#topMenu {
	border-left-style: none;
	position:absolute;
	top: 76px;
	right: 20px;
}

#topMenu li {
	border-width: 0px;
	border-right-style: none;
	float:left;
	padding:0 20px;
	background:none;
}

#topMenu li a {
	border-width: 0px;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

#topMenu li a:hover {
	border-width: 0px;
	color:#94CDE2;
}

#topMenu li.selected a{
	border-width: 0px;
	color:#94CDE2;
}

#subcontainer {position: relative; display:inline; width: 200px; }

#subMenu {
	margin-bottom: 25px;
	position: relative;
	border-left-style: none;
}

#subMenu li {
	float: left;
	display: inline;
	border-right-style: none;
	padding:0 20px;
	background:none;
}

#subMenu li a {
	float: left;
	display: inline;
	font-size: 13px;
	color: #417dff;
	text-decoration: underline;
	text-transform:uppercase;
}

#subMenu li a:hover {
	text-decoration: none;
	color:#94CDE2;
}

#subMenu li.selected a{
	text-decoration: none;
	color:#94CDE2;
}



/* HOME BTN*/


.span item
{
  border-width: 0px;
  width: 100%;
  height: 75px;
  visibility: hidden;
  display: block;
}

/* HOME FADE BTN*/
#navcontainer {height: 75px; width:453px; padding-left: 100px; display:inline; float:right;}


#navigation {
  padding-right: 0px;
  height: 75px;
  float: right;
  list-style: none;
  width: 409px;
}

#navigation li {
  border-width: 0px;
  height: 75px;
  float: left;
}

#navigation a * {
  border-width: 0px;
  height: 75px;
  display: none;
}

#navigation a,
#navigation a .hover {
  border-width: 0px;
  height: 75px;
	position: relative;
	display: block;
	background: url(../images/fadebuttons2.png) 0 0 no-repeat;
}

/* individual navigation items */


#homebtn{
  padding-left: 30px;
  border-width: 0px;
  width: 160px;
  height: 75px;
  float: left;
  list-style: none; 
  	background: 0 0;


}

#homebtn li {
  border-width: 0px;
  display: block;
  width: 193px;
  height: 75px;
  float: left;
  
  
}

#homebtn a.home {
  border-width: 0px;
  width: 193px;
  height: 75px;
  display: block;
    	background: 0 0 no-repeat;

}


#homebtn a * {
  border-width: 0px;
  height: 75px;
  display: none;
}


#homebtn a{
  height: 75px;
	position: relative;
	display: block;
}










#homebtn a.home{
height: 75px; 
width: 157px}

#homebtn .highlight a.home:hover,
#homebtn a.home .hover {
  border-width: 0px;
  height: 75px;
  width: 193px;
}

#navigation a.about {
  border-width: 0px;
  height: 75px;
  background-position: 0 -39px;
  width: 100px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover {
  border-width: 0px;
  height: 75px;
  background-position: 0 -189px;
  width: 100px;
}

#navigation a.services {
  border-width: 0px;
  height: 75px;
  background-position: -100px -39px;
  width: 100px;
}

#navigation .highlight a.services:hover,
#navigation a.services .hover {
  border-width: 0px;
  height: 75px;
  background-position: -100px -189px;
}

#navigation a.portfolio {
  border-width: 0px;
  height: 75px;
  background-position: -200px -39px;
  width: 100px;
}

#navigation .highlight a.portfolio:hover,
#navigation a.portfolio .hover {
  border-width: 0px;
  height: 75px;
  background-position: -200px -189px;
}

#navigation a.contact {
  border-width: 0px;
  height: 75px;
  background-position: -300px -39px;
  width: 100px;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  border-width: 0px;
  height: 75px;
  background-position: -300px -189px;
}


/*END HOME FADE BTN */


/* ICON INFO  */

/* HOME BTN*/


#rightcolitem { margin-bottom: 5px; background-position: -4px -2px; padding-left: 10px; padding-right: 0px; padding-top: 16px; display: block; background-repeat: no-repeat; height: 80px; width: 279px; background-image: url(../images/BG_rightcolitem.jpg);}



/*CONTENT ELEMENTS
--------------------------------------------*/

#colLeftindex {
	float:left;
	width: 500px;
	padding-right: 60px;

	margin-top: 0px;
	padding-left:80px;
}


#colLeftindex p{
	margin-top: 50px;
	float:left;
	width: 500px;
	padding-right: 60px;
	padding-left:0px;
}

#colRightindex p{
	color: #5e5e5e;
	float:left;
	width:200px;
	margin-left:20px;
	margin-top:60px;
	
}


#colLeft {
	margin-top: 20px;
	margin-bottom: 200px;
	margin-right: 100px;
	margin-left: 110px;
	display: inline;
	float:left;
	width: 550px;
	padding-right: 0px;
	background: 0 0;
	padding-left: 0px;
}


#colLeft p {
	text-align: justify;
	margin-bottom: 5px;
	float:left;
	width: 350px;
	padding-right: 0px;
	background: 100% 0;
}


#colRight {
	display: inline;
	border-left-style: none;
	color: #5e5e5e;
	float:left;
	width: 200px;
	margin-left: 0px;
	margin-top: 0px;
	
}

#colRight p {

	font-size: 11px;

	color: #7785a1;

	max-width: 240px;

	width: 240px;

} 

#colRight li {

	list-style-position: inside;

	list-style-type: none;

	max-width: 240px;

	width: 240px;

} 



#colRight p.line {
	width: 250px;
	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;
	display:block;
	padding:10px 0;
	margin:0;
}

#colRight p img {
	vertical-align:middle;
	padding-right:5px;
}

#colRight .featured {
	margin:10px 0;
}

#colRight .featured img{
	background:#fff;
	padding:6px;
	border:none;
}


.servicescolumnfirst {
	margin-right: 40px;
	border-right-style: none;
	display: inline;
	margin-top: 15px;
	float:left;
	width: 120px;
	padding-right: 40px;
	background: 0 0;
	padding-left: 0px;}

.servicescolumn {
	background-color: #d9ffe6;
	text-align: left;
	margin-left: 0px;
	margin-right: 40px;
	border-right-style: none;
	display: inline;
	margin-top: 15px;
	float:left;
	width: 120px;
	padding-right: 40px;
	background: 0 0;
	padding-left: 0px;}

#servicesfull p {width: 385px;}


#servicesfull {margin-left: 0px; display:inline; 
width: 980px; float:left; margin-bottom: 25px;}

.servicesborder { margin-left: 0px; padding-left: 0px; height: 225px; width: 120px; padding-right: 35px;}


.bullet {
	text-align: left;
	margin-left: 0px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	list-style-type: none;
	color: #858f9e;
	font-size: 1.1em;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	border-bottom-color: #abd9ff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 6px;
	padding-right: 0px;
	padding-top: 6px;
	background: 0 0px;
}

.lastbullet { font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	list-style-type: none;
	color: #858f9e;
	font-size: 1.1em;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	list-style-position: inside;
	padding-bottom: 6px;
	padding-right: 0px;
	padding-top: 6px;
	background: 0 0px;border-bottom-style:none;}

.arrow {	list-style-image: url(./images/arrow.jpg);
}


.portfolioitem {
	padding-bottom: 65px;
	display: block;
	float:left;
	border:none;
}

.portfolioItem2 {
	margin-right: 0px;
	display: inline;
	font-style: normal;
	font-weight: normal;
	width: 400px;
	margin-left: 45px;
	padding-left: 0;
	padding-bottom: 15px;
	padding-right: 0;
	padding-top: 0px;
	background:url(../images/bk_horizline.jpg) 0 0px repeat-x;
	
}

.portfolioItem .itemDetails {
	margin-left: 8px;
	display: inline;
	background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
	float:left;
	padding-left: 0px;
}

.portfolioItem .title {
	margin-right: 50px;
	width: 200px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding-bottom: 20px;
	padding-top: 25px;
	font-size: 13px;
	color: #949fb6;
}

.portfolioItem .ribbonType {
	position:absolute;
	top: 22px;
	left: 380px;
	width:45px;
	height:43px;
}


#portleft {margin-left: 50px; margin-right: 50px; float: left; display: inline; width: 400px;}
#portright{float: left; display: inline; width: 400px;}

#formcontainer { margin-top: 30px; margin-left: 10px;}

.samples {
	width: 945px;
	overflow:hidden;
	margin-top:32px;
	}
		
#samples li {
	overflow:hidden;
	width:403px;
	float:left;
	margin:0 13px 38px;
}

#samples img {
	display:block;
	margin-bottom:-7px;
	}

#interior #content {
	width:596px;
	float:right;
	}

#interior #content.fullwidth {
	width:100%;
	}
	
#interior #sidebar {
	float:left;
	width:219px;
	text-align:right
	}

#featuredarea {
	margin-left: 55px;
	background-image: url(../images/featuredblock.png);
	background-repeat: no-repeat;
	display: inline;
	height: 400px;
	float:left; 
	width: 800px;
	
}

.featuredboxfirst { margin-top: 75px; background-color: f6fbfe; background-repeat: no-repeat; margin-right: 90px; margin-left: 65px; width: 151px; height: 350px; float:left;}
.featuredbox { margin-top: 75px; background-color: f6fbfe; background-repeat: no-repeat; margin-right: 90px; width: 151px; height: 350px; float:left; }

.featuredproj { margin-top: 15px; background-repeat: no-repeat; margin-right: 10px; padding-bottom: 40px;  width: 150px; height: 70px; float:left; }

.featureddetails {margin-bottom: 0px; padding-bottom: 0px; height: 400px; padding-top:15px; width: 150px;}

.title {margin-bottom: 0px; padding-bottom: 0px; color: #e9423e; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, sans-serif;}


           
                                               
.featurep {line-height: 1.3em; margin-bottom: 0px; padding-bottom: 0px; font-family: "Lucida Grande", Verdana, Arial, sans-serif;}


/* CAROUSEL
---------------------------------------------*/
#slider { margin-top: 10px; background-repeat: no-repeat;}


.stepcarousel{
	margin-left: 0px;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 773px; /*Width of Carousel Viewer itself*/
	height: 450px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	background-repeat: no-repeat;
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{
	padding-right: 0px;
	padding-top: 15px;
	margin-right: 2px;
	margin-top: 20px;
	background: 0 0;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 450px;
	position:relative;
}

.stepcarousel .panel .projectDetails {
	font-style: normal;
	font-weight: normal;
	margin-left: 75px;
	color: white;
	text-decoration: none;
	height: 350px;
	padding-left: 25px;
	margin-bottom: 0;
	margin-right: 0;
	float:left;
	width: 375px;
}

.stepcarousel .panel .projectDetails .title {
	color: #f0fcff;
	font-size: 14px;
	font-weight: bold;
}

.stepcarousel .panel .ribbonType {
	position:absolute;
	top:23px;
	left: 332px;
	width:45px;
	height:43px;
}

.stepcarousel .panel .projectImg {
	text-decoration: none;
}

.stepcarousel .panel a {text-decoration: none;}

.web {
	background:url(../images/ribbon_web.png) 0 0 no-repeat;
}

.logo {
	background:url(../images/ribbon_logo.png) 0 0 no-repeat;
}

.print {
	background:url(../images/ribbon_print.png) 0 0 no-repeat;
}



/* FORMS
-------------------------------------------------*/
form label {
	display:block;
	padding:8px 0 2px;
	font-weight:bold;
}

form input, form textarea {
	border:1px solid #E5E5E5;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
}

form textarea {
	width:500px;
}

form input.submit {
	border:none;
	width:103px;
	height:24px;
	text-align:center;
	padding-top:4px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	background:url(../images/bk_submit.jpg) 0 0 no-repeat;
}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}



/*CLASSES
--------------------------------------------------*/

.lightblue {
	color: #b6c2e7;
}

.orange {
	font-family: serif;
	font-style: normal;
	font-weight: normal;
	color: #f14033;
}

.facebook { background-repeat: no-repeat; background-image: url(images/facebook.gif); display: inline; list-style-type: disc; margin-bottom: 2px; border-bottom-style: none; padding-bottom: 3px;}
.twitter {list-style-type: none; margin-bottom: 2px; background-repeat: no-repeat; border-bottom-style: none; padding-bottom: 3px; padding-top: 3px;}
.linkdin {list-style-type: none; margin-bottom: 2px; background-repeat: no-repeat; padding-bottom: 2px; padding-top: 3px; border-bottom-style: none;}
.lastfm { list-style-type: none; background-repeat: no-repeat; padding-bottom: 3px; padding-top: 3px; border-bottom-style: none;}

.resume { margin-bottom: 2px; font-style: normal; font-weight: normal; padding-bottom: 3px; padding-top: 3px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cadee2; list-style-position: inside; list-style-image: url(../images/resume.png);}

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}



	#prevBtn, #nextBtn{ 
		display:block;
		width:44px;
		height:149px;
		position:absolute;
		left:-100px;
		top:40px;
		}	
	#nextBtn{ 
		left:380px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:44px;
		height:149px;
		background:url(easyslider/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(easyslider/images/btn_next.gif) no-repeat 0 0;	
		}
	#element{
		}
	element{
		}
		
		


		
		</style>