/*
(c) Cidamon
http://cidamon.com/

2007-06-03

v. 2
2007-05-19
*/

/* ------ ( GENERAL ) ---------------------- */

body {
	margin: 25px 0 25px 0;
	padding: 0;
	font-size: 12px;
	font-family: "Lucida Grande", Tahoma, Verdana, Helvetica, Arial;
	background-color: #EFF9FE;
	line-height: 1.5em;
	color: #444;
}

.hidden {
	display: none;
}

h1, h2, h3, h4, h5 {
	color: silver;
}	

h2 {
	margin-bottom: -7px;
	height:  38px;
}

h2 span {
	display: none;
}

abbr, acronym {
	border-bottom: 1px dotted #ddd;
	cursor: help;
}

#content a {
	color: #06a;
}

#content a:hover {
	color: red;
	text-decoration: none;
}

#content a:visited {
	color: purple;
}

a img {
	border: 0;
}


/* ------ ( PAGES & DECO IMAGE ) ---------------------- */


#sidebar {
	height: 550px;
	width: 266px;
	float: left;
}	

#index      #sidebar { background: url(../common/sideBackground_index.jpg) no-repeat top left; }
#about      #sidebar { background: url(../common/sideBackground_about.jpg) no-repeat top left; }
#portfolio  #sidebar { background: url(../common/sideBackground_portfolio.jpg) no-repeat top left; }
#blog       #sidebar { background: url(../common/sideBackground_blog.jpg) no-repeat top left; }
#pAssistant #sidebar { background: url(../common/sideBackground_pAssistant.jpg) no-repeat top left; }
#colophon   #sidebar { background: url(../common/sideBackground_colophon.jpg) no-repeat top left; }
#developer  #sidebar { background: url(../common/sideBackground_developer.png) no-repeat top left; }
#error      #sidebar { background: url(../common/sideBackground_error.jpg) no-repeat top left;}
#people      #sidebar { background: url(../common/sideBackground_13.jpg) no-repeat top left;}


/* ------ ( LAYOUT ) ---------------------- */

#container {
	margin: 0 0 0 290px;
	width: 444px;
	background-color: white;
	border: 1px solid #eee;
	position: relative;
}

#extra-1,
#extra-2,
#extra-3,
#extra-4 {
	position: absolute;
	width: 10px;
	height: 10px;
}

#extra-1 {background: url(../common/corners/corner-NW.gif) no-repeat top left;     top:    -1px; left:  -1px;}
#extra-2 {background: url(../common/corners/corner-NE.gif) no-repeat top right;    top:    -1px; right: -1px;}
#extra-3 {background: url(../common/corners/corner-SW.gif) no-repeat bottom left;  bottom: -1px; left:  -1px;}
#extra-4 {background: url(../common/corners/corner-SE.gif) no-repeat bottom right; bottom: -1px; right: -1px;}


#content {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial;
	margin: 0 10px 10px 10px;
}

#content h2, #content h3, #content h4, #content h5 {
	font-family: "Lucida Grande", Tahoma, Verdana, Helvetica, Arial;
}

#globalNav {
	width: 428px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	height: 25px;
}

#globalNav li { 
	height: 23px;
	margin: 2px 0 0 10px;
	padding: 0;
	color: #d5d5d5;
	font-size: 11px;
	display: inline;
	list-style-type: none;
}

#globalNav a {
	text-decoration: none;
	color: red;
	padding: 0.3em;
}

#globalNav a:hover {
	color: #cc0000;
	text-decoration: underline; 
}

#index      #globalNav #nav_index      a,
#about      #globalNav #nav_about      a,
#portfolio  #globalNav #nav_portfolio  a,
#people		#globalNav #nav_people	   a,
#blog       #globalNav #nav_blog       a,
#pAssistant #globalNav #nav_pAssistant a {
	color: silver;	
}

#index      #globalNav #nav_index      a:hover,
#about      #globalNav #nav_about      a:hover,
#portfolio  #globalNav #nav_portfolio  a:hover,
#blog       #globalNav #nav_blog       a:hover,
#pAssistant #globalNav #nav_pAssistant a:hover {
	text-decoration: none;
}

#footer {
	width: 450px;
	height: 25px;
	margin-left: 285px;
	text-align: center;
	font-size: 10px;
	color: #888;
}

/*#footer {
	width: 450px;
	height: 25px;
	margin-left: 390px;
	text-align: center;
	font-size: 10px;
	color: #888;
}
*/
#footer a {
	color:  #888;
}

#footer a:hover {
	text-decoration: none;
	color:  red;
}







/* ------ ( INDEX ) ---------------------- */

#index img {
	margin-top: 25px;
}

#index #container {
	height: 550px;
}

#index h1 {
	width: 407px;
	height: 470px;
	background: url(../common/introText.png) no-repeat 1px 1px;
}

#index h1 span {display: none;}

#index #footer {
	margin-top:-10px !important;
	margin-top:0;
}




/* ------ ( PORTFOLIO ) ---------------------- */

#portfolio #container {
	width: 670px;
}

#portfolio h1 span {
	display: none;
}

#portfolio h1.portfolio {
	height: 38px;
	margin: 20px 0 -15px -8px;
	background: url(../common/headlines/portfolio.gif) no-repeat top left;
}

#portfolio h1.dev {
	height: 38px;
	margin: 15px 0 -15px -8px;
	background: url(../common/headlines/development_portfolio.gif) no-repeat top left;
}

#portfolio h3 {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	height: 25px;
	margin: -1px 0 0 0;
	clear: right;
	font-size: 14px;
}

#portfolio h3 a {
	display: block;
	height: 15px;
	text-decoration: none;
	color: silver;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}

#portfolio h3 a:hover {
	background-color: #f6f6f6;
}

#portfolio h3 a:visited {
	color: silver;
}

#portfolio h3 a span {
	float: left;
}

#portfolio .accordion {
/* 	padding-bottom: 10px; */
}

#portfolio div.imagebox {
	float: right;
	margin: 10px 0 10px 10px;
	border: 1px solid silver;
	display:block;
}

#portfolio div.imagebox a {
	display: block;
}

#portfolio div.imagebox img {
 	margin: 0 0 -5px 0;
}

#portfolio #footer {
    width: 670px;
	height: 25px;
	/*margin-left: 450px !important; */
	/*margin-left: 350px;*/ 
	text-align: center;
}


/*about page*/

#about a.vcard {
	display: block;
	height: 12px;
	width: 14px;
	font-size: 2px;				/*for IE mainly. Won't let you set the height for small numbers if the content of it won't fit*/
	background: url(../common/vcard.gif) no-repeat 0 0;
	float: right;
	margin: -19px 10px 0 0;
}

/* .vcard {
	display: block;
	height: 9px;
	width: 14px;
	margin: -19px 10px 0 0;
	float: right;
}
 */
/* #about #content .vcard div {
	width: 14px;
	height: 12px;
	border: 1px solid silver;
}
 */
#about #content a.vcard:hover {
	background: url(../common/vcard.gif) no-repeat 0 -12px;
}

#about .vcard span {
	display: none;
}

#about h2 span {
	display: none;
}

#about h2 {
	height: 38px; 
	margin-bottom: -5px;
}

#about h3 {
	font-size: 16px;
	margin-bottom: 3px;
}

#about p {
	margin-top: 0;
}

#about h2#about_us             { background: url(../common/headlines/about_us.gif) no-repeat -7px 0; }
#about h2#production_standards { background: url(../common/headlines/production_standards.gif) no-repeat -7px 0; }
#about h2#getting_in_touch     { background: url(../common/headlines/getting_in_touch.gif) no-repeat -7px 0; }

    



/*pAssistant*/

#pAssistant h1 span {
	display: none;
}

#pAssistant h1 {
	height: 38px;
	width:  425px;
	margin-top:  20px;
	background: url(../common/download_pAssistant.gif) no-repeat 0 0;
}

#pAssistant h1 a {
	display: block;
	height: 38px;
	width: 425px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#pAssistant h1 a:hover {
	border-top:  1px solid silver;
	border-bottom:  1px solid silver;
}

#pAssistant p {
	margin-top:  0;
}

#pAssistant h2.what_is_it              { background: url(../common/headlines/what_is_it.gif) no-repeat -7px 0; }
#pAssistant h2.what_makes_it_different { background: url(../common/headlines/what_makes_it_different.gif) no-repeat -7px 0; }
#pAssistant h2.how_much_does_it_cost   { background: url(../common/headlines/how_much_does_it_cost.gif) no-repeat -7px 0; }
#pAssistant h2.installation            { background: url(../common/headlines/installation.gif) no-repeat -7px 0; }
#pAssistant h2.tips                    { background: url(../common/headlines/tips.gif) no-repeat -7px 0; }
#pAssistant h2.whats_next              { background: url(../common/headlines/whats_next.gif) no-repeat -7px 0; }



/*colophon page*/

#colophon #content {
	height: 510px;
}

#colophon h2 span {
	display:  none;
}

#colophon h2 {
	height:  38px;
}

#colophon h2#what_does_cidamon_mean { background: url(../common/headlines/meaning_of_cidamon.gif) no-repeat -7px 0;}
#colophon h2#font                   { background: url(../common/headlines/headline_font.gif) no-repeat -7px 0;}
#colophon h2#web_standards          { background: url(../common/headlines/web_standards.gif) no-repeat -7px 0;}
#colophon h2#tools                  { background: url(../common/headlines/tools.gif) no-repeat -7px 0;}
#colophon h2#client_access          { background: url(../common/headlines/client_access.gif) no-repeat -7px 0;}

#colophon p {
	margin-top:  0;
}





/* error page */

#error #container {
	height: 550px;
}

#error h2 span {
	display:  none;
}

#error h2 {
	height:  38px;
}

#error h2#page_not_found { background: url(../common/headlines/page_not_found.gif) no-repeat -4px 0;}


.lbl {
	width:280px !important; 
	width:170px;
	display:block;
	float:left;
}

.elbl {
	width:280px !important; 
	width:170px;
	color:#FF0000;
	font-size:10px;
	display:block;
	float:left;
}

.lbl1 {
	width:160px !important; 
	width:170px;
	display:block;
	float:left;
}

.ctrl {
	width:250px !important;
	width:260px;
}

.ctrl2 {
	width:253px !important;
	width:265px;
}

.ctrl3 {
	width:420px !important;
	width:412px;
	height:218px !important;
	height:148px;
}

.ctrl4 {
	width:50px !important;
	width:412px;
}


/* ---------- ( PEOPLE PAGE ) ---------------------------- */

#people #content div {
	border: 1px solid #ddd;
	padding: 1px;
	float: left;
	margin: 15px 14px 14px 0;
}

#people #content img {
	float: left;
}

#people h3 {
	font-size: 16px;
	margin: 19px 0 0 0;
}