/*tripoli reset---------------------------------------------*/
 
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


/*tripoli generic-----------------------------------------*/

fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea,  input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */

/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 1px solid #7671AB; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }


/* Tripoli Overrides--------------------------------------*/

p+ul { margin-top: -0.8em }

fieldset { border:none; }


/*end-----------------------------------------------------*/


html { font-size: 62.5%; font-family: tahoma,"microsoft sans serif", arial, sans-serif; }

body {
	color: #999;
	font-family: tahoma,"microsoft sans serif", sans-serif;
	background:white;
    font-size: 1.2em; 
	line-height: 1.6em; 
	background:#fff;
	 }


/*Site Text formating--------------------------------------*/

blockquote *:first-child { margin: .8em 0; }
 hr,  p,  ul,  ol,  dl,  pre,  blockquote,  address,  table,  form { margin-bottom: 1.6em;}
 p+p { margin-top: -.8em; }

 h1 { font-size: 4em; margin: 0.55em 0em 0.5em ;  }
 h2 { font-size: 2em; margin: 1.07em 0 .535em; text-decoration:underline; }
 h3 { font-size: 1.6em; margin: 1.14em 0 .57em; text-decoration:underline; }
 h4 { font-size: 1.3em; margin: 1.23em 0 .615em; text-decoration:underline; }
h1, h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, serif; color:#303092; background-color:#fff}
 
#h1 h1{
position:relative;
text-indent:-9999px;
height:95px;
width:429px;
}
#h1 span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#fff url(../img/logo.gif) no-repeat;
}

h2.top {
margin-top:.5em;
}

h2.xbot {
margin-bottom:25px;
}

p {
font-size:1.2em;
line-height:1.5em;
}

p em {
color:#7671AB;
background-color:#fff;
}

address {
font-size:1.2em;
line-height:1.5em;
}



/*links styles-----------------------------------*/

a:link,
a:visited,
a:active {
	color:#7671AB;
	text-decoration:underline;
}


a:hover {
	color:#fff;
	background-color:#7671AB;
	text-decoration:none;
}


/*misc styles-----------------------------------*/



/*Lists--------------------------------------------*/

ul.types, ul.clientlist {
list-style-type:circle;
list-style-position:inside;
font-size:1.2em;
line-height:1.5em;
color:#7671AB;
background-color:#fff;
}

ul.clientlist {
color:#999;
background-color:#fff;
list-style-position:outside;
padding-top:15px;
}

ul.clientlist li {
margin-left:1em;
}

ul.projects  {
font-size:1.75em;
line-height:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
}

ul.plist  {
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
}

ul.projects li, ul.plist li {
padding-bottom:20px;
}

ul.projects li a,
ul.plist li a {
color:#303092;
background-color:#fff;
}

ul.plist li a {
text-decoration:none;
}

ul.projects li a:hover,
ul.plist li a:hover {
background-color:#fff;
color:#7671AB;
text-decoration:underline;
}


/*main divs structure------------------------------*/

#masthead {
display:block;
height:11.5em;
margin:0;
padding-top:1em;		
}

#mastinner {
margin:0 auto;
width: 735px;
}

#navouter{
display:block;
background:#303092 url(../img/menubg.gif) top repeat-x;
border-top:#ededed 3px double;
border-bottom:#10103E 1px solid;
height:3.2em;
margin:0;
padding:0;		
}

#menu {
margin:0 auto;
width: 735px;
height:3em;
}

#conttop {
display:block;
margin:0;
padding:0;
/*border-top:1px solid #3F3F95;*/
background:#fff;	
}

#conttopinner {
margin:0 auto;
width: 735px;
/*height:120px;*/
padding-bottom:1.1em;
position:relative;
border-bottom:1px dotted #3F3F95;	
}

#conttopinner img {
margin:15px;
margin-top:30px;
}

#wrap {
width:735px;
margin:0 auto;
margin-top:1px;
}					


#contentmain{
float: left;
width: 494px;
padding:0px 15px;
border-right:1px solid #ededed;
margin:10px 0px;
}


#contentright{
float: right;
width: 195px;
padding-left:15px
}

#contentleft{
float: left;
width: 120px;
padding-right:15px;
padding-left:15px;
padding-top:15px;
}

.ghold {
width:494px;
float:right;
}

.listholdleft {
width:245px;
float:left;
}

.listholdright {
width:235px;
float:left;
padding-left:10px;
}

body#project #contentmain {
border-right:none;
border-left:1px solid #ededed;
}


/*-------------Menu styles-----------------*/

#menu ul {
margin:0px 0px 0px 15px;
float:left;
padding:0em;
background:#303092 url(../img/menubg.gif) top repeat-x; 
color:#fff;
}

#menu ul li {
font-weight:300;
float:left;
display: inline;
padding: 0.75em 40px 0.5em 0px;
margin-left:0em;
}

#menu ul li a {
font-size: 1.5em;
font-weight:300;
text-decoration: none;
display: inline;	
padding:0em;
margin:0em;
}

#menu ul li.noright {
padding-right:0;
}

#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active { color:#fff;   }

#menu ul li a:hover { color:#fff; border-bottom:#b9b7dc 2px solid; background:none;  }

#menu ul li.live a:link,
#menu ul li.live a:visited, 
#menu ul li.live a:hover,
#menu ul li.homelive a:link,
#menu ul li.homelive a:visited, 
#menu ul li.homelive a:hover { color:#fff; border-bottom:#b9b7dc 2px solid; background:none; }


/*-------------Footer styles------------------*/


#foot {
float:right;
width:742px;
color: #999;
padding:10px 0px;
border-top:#999 1px solid;
margin:0;
}

#foot p {
float:left;
width:500px;
}

#foot span.right {
float:right;
text-align:right;
width:150px;
margin:0;
padding:0;
}

/*Contact styles-------------------------------------*/

fieldset.address label,
fieldset.text label {
float:left;
width:100%;
margin:15px 0px;
}

fieldset.text label {
margin-bottom:0;
}

fieldset.address label span,
fieldset.text label span {
float:left;
width:22%;
text-align:right;
text-transform:uppercase;
color:#303092;
background-color:#fff;
}

fieldset.address input {
float:right;
width:70%;
border: 1px solid #ABA9CC;
}


fieldset.text label span {
float:left;
width:22%;
text-align:right;
}

fieldset.text textarea  {
float:right;
width:70%;
border: 1px solid #ABA9CC;

}

/*submit button-----------*/

form#contact div.submit {
margin-bottom:30px;
}


form#contact div.submit input {
border:none;
color:#fff;
background-color:#303092;
padding:0.25em;
margin-right:12px;
margin-bottom:30px;
}

form#contact div.submit input:hover {
background-color:#ABA9CC;
color:#303092;
}

form#contact div.submit input {
padding:0.25em;
float:right;
text-transform:uppercase;
}