/* @override http://clockwork.dev/css/styles.css */

/* Primary Selectors */ 

body
{
	background-color: #FFF;
	color: #000;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	word-spacing: .1em;
	text-align: center;
}


div.wrapper
{
 text-align: left;
 width: 645px;
 /*border: 2px solid #DCDCDC;*/
 margin-top: 175px; 
 margin-left: auto;
 margin-right: auto;
 padding: 0 0 0 15px;
}


em 
{	
	font-style: normal;
	font-weight: bold;
}

a, a:link, a:visited
{
	color: #666;
	text-decoration: none;
}

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

#homePage
{
	background-color: #CCC;
}

/* Home Page Specific */

/*

#homePage .topArea
{
	background-color: #777;
	height: 250px;
	color: #DDD;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.2em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1.5px;
	margin: 0;
	padding: 0;
}

#homeMenuContainer { width: 185px; }

#homeMenuContainer ul
{
	list-style-type: none;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 20px 0 0 0;
}

#homeMenuContainer li
{
	margin:0;
	padding:0;
}

#homeMenuContainer a
{
	display: block;
}

#homeMenuContainer a:link, #homeMenuContainer a:visited
{
	color: #666;
	padding: 5px 0 6px 5px;
	text-decoration: none;
}

#homeMenuContainer li a:hover
{
 	color: #000;
	text-decoration: none;
}

#homeQuote
{
	margin-top:80px;
	width: 410px;
	float: left;
	color: #FFF;
	text-align:left;
}

#homeQuote h2
{
	font-size: 17px;
	font-weight: normal;
	padding:0;
	margin:0;
}


#homeQuote h3
{
	font-size: 13px;
	font-weight: normal;
	padding:0;
	margin:8px 0 0 0;
}


#blocks
{
	background-image: url(../images/interface/home_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

*/

/* Page Divisions */

#bodyTable { 
	width: 100%;
	height: 100%;}

#logoArea
{
	width: 185px;
	text-align: right;
	vertical-align: middle;
}

#logoArea div {
	padding: 15px;
	}

#menuArea 
	{ 
	width:185px;
	text-align: right;
	vertical-align: top;	
	}

#subMenuArea 
	{ 
	width:230px;
	}	
	
#device
{
	margin: 0;
	padding: 0 15px 0 10px;
	height: 300px;
	background-image: url(../images/interface/device_bg.gif);
	background-repeat: no-repeat;
	background-position: 167px 80px;
}
	
#topBarLeft
	{ 
	text-align: right;
	vertical-align: top;
	width: 230px;
	}	

#topBarLeft div
{
	float: right;
	width: 100px;
	font-size: 15px;
	color: #999;
	padding: 10px;
	letter-spacing: 0px;
}

#topBarLeft a:link, #topBarLeft a:visited
{
	color: #FFF;
	text-decoration: none;
}

#topBarLeft a:hover
{
 	color: #000;
	text-decoration: none;
}

td#topBarLeft, td#topBarRight
{
	background-color: #666;
	height: 90px;
}


#topBarRight div
{
	vertical-align: middle;
	text-align: left;
}

#quote
{
	width: 450px;
	border-color: #999;
	border-width: 1;
	border-style: dotted;
}

#quote div 
{
	vertical-align: middle;
	text-align: center;
	margin: 10px;
	padding: 5px;
}

#quote div p
{
	font-size: 14px;
	color: #999;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 1em;
	text-align: center;
	margin: 0;
	padding:0;
}


#quote p
{
	font-size: 9px;
	color: #CCC;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: right;
	margin: 0;
	padding: 4px 0 0 0;
}

td#subMenuArea
{
	background-image: url(../images/interface/submenu_bg.jpg);
	background-repeat: repeat-x;
	background-color: #EEE;
	vertical-align: top;
}

#subMenuArea h1 
{ 	font-size: 18px;
	color: #666;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: right;
	margin: 0;
	padding: 0px 15px 0px 0;
}

#subMenuArea h2 
{ 	font-size: 10px;
	color: #F60;
	font-weight: normal;
	text-align: right;
	letter-spacing: 0px;
	margin: 0;
	padding: 10px 15px 2px 0;
}

#subMenuSeparator 
{	text-align: center;
	margin: 0;
	padding: 15px 0 15px 0;
}

#emptyBg {
	text-align: right;
	margin: 0;
	padding: 2px 15px 0 15px ;
}

#contactText {
	text-align: right;
	margin: 0;
	padding: 0 15px 0 15px ;
}

#contactText  p {
	font-size: 11px;
	color: #333;
	font-weight: normal;
	text-align: right;
	letter-spacing: 1px;
	line-height: 2em;
	margin: 0;
	padding: 2px 0 40px 0 ;
}

td#contentArea
{
	/*background-image: url(../images/interface/content_bg.jpg);
	background-repeat: repeat-x;*/
	background-color: #FFF;
	vertical-align: top;
}

#contentContainer 
{
	width: 450px; 
	position: relative;
 }
 
 #contentContainer h1 
{
	font-size: 18px;
	color: #F60;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
	margin: 0;
	padding: 23px 0 10px 25px;
}

 #contentContainer h2 
{
	font-size: 13px;
	color: #F60;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
	margin: 0;
	padding: 15px 0 0 25px;
}

 #contentContainer p 
 {
 	font-size: 12px;
 	color: #000;
 	text-align: left;
 	letter-spacing: 1px;
 	margin: 0;
 	padding: 5px 0 5px 25px;
 	line-height: 1.5em;
 }
 
 
 #contentContainer ul
{
	list-style-type: disc;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#contentContainer ol
{
	font-size: 12px;
	color: #000;
	font-weight: normal;
	letter-spacing: 1px;
}

#contentContainer li
{
	padding: 0 0 .5em 0;
}

#bioTable 
{
	font-size: 13px;
	color: #F60;
	letter-spacing: 0px;
	text-align: left;
	position: relative;
	left: 25px;
}

#bioTable a, #bioTable a:link, #bioTable a:visited
{
	color: #F60;
	text-decoration: none;
}

#bioTable a:hover
{
	color: #F60;
	text-decoration: underline;
}


#form,  #clients, #links, #caseList

{
 	margin: 0;
 	padding: 15px 0 15px 25px;
}

#form p
{
 	font-size: 12px;
 	color: #F60;
 	text-align: left;
 	letter-spacing: 0px;
 	margin: 0;
 	padding: 10px 0 0 0;
}

#clients td
{
vertical-align: top;
}

#clients .sector
 {
 	font-size: 11px;
 	color: #F60;
 	text-align: left;
	font-weight: bold;
 	letter-spacing: 1px;
	
}

#clients .client
 {
 	font-size: 12px;
 	color: #000;
 	text-align: left;
	font-weight: normal;
 	letter-spacing: 1px;
	
}

#clients .description
 {
 	font-size: 12px;
 	color: #666;
 	text-align: left;
	font-weight: normal;
 	letter-spacing: 1px;
}

#links td, 
{
	vertical-align: top;
	padding: 5px 5px 5px 0px;
}

#links p
{
	padding: 5px 5px 5px 15px;
}

#links .logo
{
 	text-align: right;
}

#caseList td
{
	vertical-align: middle;
	padding: 5px 25px 15px 0;
}

#caseList .client
 {
 	font-size: 12px;
 	color: #000;
 	text-align: left;
	font-weight: normal;
 	letter-spacing: 1px;
	
}

#caseList .description
 {
 	font-size: 12px;
 	color: #666;
 	text-align: left;
	font-weight: normal;
 	letter-spacing: 0px;
}

#caseList .name, #projectId .name
{
 	font-size: 11px;
	color: #F60;
 	letter-spacing: 0px;
	font-style: italic;
}

#caseList .logo
{
 	text-align: right;
}

#projectId

{
 	margin: 0;
 	padding: 0 0 10px 25px;
}

#projectId td
{
	vertical-align: top;
	padding: 5px 10px 2px 0;
}

#projectId .cat
{
 	font-size: 11px;
 	color: #999;
 	text-align: left;
	font-weight: bold;
 	letter-spacing: 1px;
}

#projectId .details 
 {
 	font-size: 11px;
 	color: #333;
 	text-align: left;
	font-weight: normal;
 	letter-spacing: 1px;
}

#logo
{
	padding: 20px 0px 10px 25px;
}

#bodySeparator
{
 	margin: 0;
 	padding: 5px 0 5px 25px;
}

a.specialLink , a.specialLink:link, a.specialLink:visited
{
	color: #F60;
	text-decoration: none;
}

 a.specialLink:hover
{
	color: #000;
	text-decoration: underline;
}

.twocol {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	}

.twocol td {
	vertical-align:top;
}
	
.twocol .rightcol { text-align: right; }	


/* --------*/
/* Menu Styles*/
/* --------*/

/* Main Menu */

#menuContainer { width: 185px; }

#menuContainer ul
{
	list-style-type: none;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

#menuContainer li
{
	margin:0;
	padding:0;
}

#menuContainer a
{
	display: block;
 	background-color: #FFF;
}

#menuContainer a:link, #menuContainer a:visited
{
	color: #666;
	padding: 5px 15px 6px 5px;
	text-decoration: none;
	background-color: #FFF;
}
#menuArea li a:hover
{
	background-color: #EEE;
 	color: #000000;
	text-decoration: none;
}

#menuContainer #menuIndent
{
	margin: 0;
	padding: 0 15px 5px 0;
	background-color: #FFF;
}

#menuContainer #menuIndent a:link, #menuContainer #menuIndent a:visited
{
	color: #666;
	padding: 5px 15px 6px 5px;
	text-decoration: none;
	background-image: url(../images/interface/indentDot.gif);
	background-repeat: no-repeat;
	background-position: 160px 10px;
	background-color: #FFF;
}


#menuContainer #menuIndent a:hover
{
 	color: #000;
	text-decoration: none;
	background-color: #FFF;
	background-image: url(../images/interface/indentDot_over.gif);
	background-repeat: no-repeat;
	background-position: 160px 10px;
}

/* Home Menu */



/* Sub Menu */


#subMenuContainer, #subMenuContainer_short, #subMenuContainer_long
{
	width: 230px;
	text-align: right;
}

#subMenuContainer
{
	height: 132px;
	background-image: url(../images/interface/menuDots.gif);
	background-repeat: no-repeat;
	background-position: 200px 0px;
}

#subMenuContainer_short
{
	height: 70px;
	background-image: url(../images/interface/menuDots_short.gif);
	background-repeat: no-repeat;
	background-position: 200px 0px;
}

#subMenuContainer_long
{
	height: 254px;
	background-image: url(../images/interface/menuDots_long.gif);
	background-repeat: no-repeat;
	background-position: 200px 5px;
}

#subMenuContainer ul, #subMenuContainer_short ul, #subMenuContainer_long ul
{
	list-style-type: none;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

#subMenuContainer li, #subMenuContainer_short li, #subMenuContainer_long li
{
	margin:0;
	padding:0;
}


#subMenuContainer a, #subMenuContainer_short a, #subMenuContainer_long a
{
	display: block;
}

#subMenuContainer a:link, #subMenuContainer a:visited, #subMenuContainer_short a:link, #subMenuContainer_short a:visited, #subMenuContainer_long a:link, #subMenuContainer_long a:visited
{
	color: #666;
	padding: 5px 35px 5px 5px;
	text-decoration: none;
}
#subMenuArea li a:hover, #subMenuContainer_short li a:hover, #subMenuContainer_long a:hover
{
 	color: #000;
	text-decoration: none;
}


/** Recently added CSS **/


div#indexHead
{
 margin: 0;
 padding: 0;
 width: 645px;
}

img#glass
{
 position: absolute;
 top: 23px;
 left: 485px;
}

body#contactPage div#contentContainer
{
 width: 500px; 
}


body#contactPage div#contentContainer p 
{
 position: relative;
 font-size: 12px;
 color: #333;
 font-weight: normal;
 line-height: 191%;
}


#indexHead
{
  position: relative;
}


#indexHead h2#index
{
 width: 645px;
 font-size: 16px;
 font-weight: bold;
 background-image: url(../images/orange.jpg);
 background-repeat:no-repeat;
 background-position: 510px -2px;
 color: #A4A4A4;
 padding: 108px 0 20px 0;
 margin: 1px;
}


#indexHead img#indexLogo
{
 position: absolute;
 bottom: 50px;
 left: 2px;
}


div#indexContent
{
 width: 125px;
 margin: 0 0 0 0;
}


#indexContent ul
{
 list-style-type: none;
 width: 200px;
 text-align: right;
 font-size: 11px;
 color: #666;
 font-weight: bold;
 line-height: 1em;
 margin: 0;
 padding: 10px 0 0 0;
 position: relative;
 left: -85px;
}


#indexContent li
{
 margin:  0;
 padding: 0;
}


#indexContent a
{
 display: block;
}


#indexContent a:link, #indexContent a:visited
{
	color: #666;
	padding: 5px 0 6px 5px;
	text-decoration: none;
}


#indexContent li a:hover
{
 	color: #000;
	text-decoration: none;
}


div#contentContainer div.registration ul.legal 
{
	font-size: 9px;
	color: #666;
	text-align: left;
	padding: 0;
	margin: 100px 0 0 0;
	list-style: none;
}		


.registration ul.legal li
{
 padding: 0;
 margin: 0;
}