/*------------PAGE WIDE SETTINGS------------*/
* {
padding: 0;
margin: 0;
border: 0;
}

body, html {
margin: 0;
padding: 0;
border: 0;
}

body {
font: 62.8%/1.7 Verdana, Tahoma, sans-serif;
text-align: center;
background:#7ab5d8;
margin: 0 auto;
}

#mastimage, #footer {
background-color: #7ab5d8;
background-image: url(../images/masthead/trial11.jpg);
background-repeat: no-repeat;
background-position: -25px 0px;
}

.center {text-align: center;}
.justify {text-align: justify;}
.right {text-align: right;}
.left {text-align: left;}
.inline {display: inline;}
.block {display: block;}
.italic {font-style: italic;}
.allcaps {font-variant: small-caps;}
.bold {font-weight: bold;}

h1 {font-size: 1.5em;padding-left: 30px;border-bottom: 1px dotted #fff;background: transparent url(../images/arrowover.gif) no-repeat left;}
h2 {font-size: 1.4em;font-weight: bold;margin-top: 10px;margin-bottom: 5px;}
h3 {font-size: 1.3em;margin-bottom: -10px;}
p {font-size: 1.1em;margin-top: 10px;}
acronym {cursor: help;}

a:link, a:visited{
color: #7b1417;
}

a:link:hover, a:visited:hover{
color: #fff;
}



/*------------POSITIONING------------*/
#wrapper {
width: 700px;
margin: 0px auto;
text-align: left;
background:url(../images/back.gif) center repeat-y;
}

#mastbox {
position:relative;
width: 651px;
height: 150px;
margin: 0px 25px 0px 26px;
border-top: 10px solid #fff;
}

#head {
position:absolute;
top:0px;
right: 0px;
}

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

#navbox {
position: relative;
width: 660px;
height: 30px;
margin:0 auto;
margin-top: -50px;
background: transparent;
text-align: center;
}

#container {
float: left;
width: 700px;
margin: 0 auto;
}

#content {
float: right;
width: 425px;
padding-top: 10px;
padding-left: 20px;
padding-right: 40px;
padding-bottom: 20px;
}

#sidebar {
margin-right: 485px;
text-align: left;
}

#access {
margin: 0 auto; 
border-bottom: 1px dotted #fff;
line-height: 2.0; 
text-align: center;
background: #fff;
}

#footer {
clear: both;
width: 651px;
margin: 0px 25px 0px 26px;
border-bottom: 10px solid #fff;
line-height: 50px; 
text-align: center;
}

/*------------HEAD------------*/
#head h1 {
width:410px;
height: 33px;
padding: 7px 7px 0 0;
border: 1px solid #fff;
border-top:0;
background: transparent url(../images/head.png) no-repeat;
text-indent: -100.0em;
overflow: hidden;
}

#head h1 a {
text-decoration:none;
display: block;
line-height: 33px;
}

/*------------MASTBOX------------*/


/*------------NAVBAR------------*/

ul#navbar  {
position: relative;
width: 660px;
margin:0; padding: 0;
text-align: center;
}

#navbar li {
float: left;
list-style-type: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#navbar a {
width: 110px;
display: block;
padding: 0px;
font-weight: bold;
font-size: 1.4em;
font-variant: small-caps;
text-decoration: none;
line-height: 30px;
background: transparent url(../images/navback.png);
}

/*#navbar a:first-letter - the presence of the :first-letter pseudoclass here is applying the first letter properties, but is overriding the color of the first-letter and returning it to the page default in IE*/
#navbar a span{ 
text-decoration: underline;
}

#navbar a:hover{
background-image: none;
}
#navbar a.active {
color: #fff;
background-image: none;
}
/*------------CONTAINER-------*/
#switchbox{
margin-left: 26px;
margin-right: 23px;
line-height: 1.2; 
text-align: right;
background: #fff;
}

#switchbox p, #switchbox ul, #switchbox li {
display:inline;
margin: 0;
padding: 2px;
font-size: 1.0em;
color:#172f53;
}

#switchbox a, #switchbox :link:hover {
text-decoration: none;
color:#172f53;
}

/*------------CONTENT------------*/
#content ol {
margin-left: 20px;
}

#content ul, #content ol, #content li {
font-size: 1.0em;
}

#content li ul {
font-size: 0.9em;
}

.emphlist {
width: 300px;
margin: 15px auto;
padding: 0px 20px;
color:#123;
}
.emphlist li {
padding-left:10px;
}
/*--contact form--*/
form, label {
font-size: 1.0em;
}

fieldset{
margin-top: 15px;
}

fieldset p {
display:block;
width: 30.0em;
margin-top: 10px;
text-align:right;
}

label input, label textarea, #reset, #submit {
font: 1.1em Verdana, Tahoma, sans-serif;
border: 1px solid #000;
background: #bddaec;
}

.rtt{text-align:right;}

#sitemap_list, #sitemap_list ul{
list-style-type: inside;
margin-left: 30px;
font-size:1.0em;
}

/*------------SIDEBAR------------*/
#sidebar .infobox {
float: left;
clear:left;
width: 150px;
margin: 10px 0px 10px 50px;
padding:0 0 5px 0;
border: 1px solid #fff;
text-align: center;
}
#sidebar .infobox p{
padding:0 5px;
}



/*--header image swap--*/

#sidebar h2.swap {
border-bottom: 1px solid #fff;
background-repeat:no-repeat;
background-color:#badaec;
background-position: center;
margin:0px;
height:26px;
text-indent: -100.0em;
overflow: hidden;
}

h2#t_services{background-image: url(../images/services.gif);}
h2#t_rates{background-image: url(../images/rates.gif);}
h2#t_portfolio{background-image: url(../images/portfolio.gif);}
h2#t_about{background-image: url(../images/about.gif);}
h2#t_contact{background-image: url(../images/contact.gif);}
h2#t_info{background-image: url(../images/info.gif);}
h2#t_discount{background-image: url(../images/discount.gif);}
h2#t_casestudy{background-image: url(../images/casestudy.gif);}
h2#t_articles{background-image: url(../images/articles.gif);}
h2#t_clients{background-image: url(../images/clients.gif);}
h2#t_designers{background-image: url(../images/designers.gif);}
h2#t_other{background-image: url(../images/other.gif);}
/*h2#t_{background-image: url(../images/.gif);}*/


/*--sidebar lists (localnav)--*/

#sidebar ul {
list-style-type: none;
font-size: 2.5em;
color: #274f8a;
text-align: right;
}

#sidebar li {
display:inline;
font-size: 0.5em;
}

#sidebar li a {
display: block;
text-decoration: none;
padding-right: 25px;
background: transparent url(../images/arrow.gif) right no-repeat;
color: #7b1417;
margin:0;
}

#sidebar li a:hover {
color: #7b1417;
background: transparent url(../images/arrowover.gif) right no-repeat;
}

body#servicesoverview li#ov a,
body#servicesdesign li#d a,
body#servicescopywriting li#cw a,
body#serviceslocalsearch li#ls a,
body#servicesmaintenance li#m a,
body#servicescode li#cs a,
body#servicesdomain li#dh a,
body#ratesplans li#rp a,
body#rateshourly li#rh a,
body#ratesdiscounts li#rd a,
body#aboutcompany li#oc a,
body#aboutsite li#os a,
body#aboutprocess li#op a,
body#aboutaccessibility li#a a,
body#contactestimate li#ce a,
body#contactquestion li#cq a,
body#contactcomment li#cc a,
body#portfolio li#p a,
body#info li#i a
{
color: #7b1417;
background: transparent url(../images/arrowover.gif) right no-repeat;
}

/*--sidebar boxes (index.php)--*/
#code{width:100px;}


/*------------FOOTER------------*/

#access h2, #access p, #access ul, #access li {
display:inline;
margin: 0;
padding: 2px;
font-size: 1.0em;
line-height:1.0;
}
#footer a, #footer p {
color: #fff;
}
#access a {
color: #7b1417;
}
#access p{
color:#000;
}
#smallfont{font-size:1.0em;}
#mediumfont{font-size:1.2em;}
#largefont{font-size:1.4em;}
/*------------HACKS------------*/