/* CSS Document */

/*Typography.css*/



body,ul,ol,dl,td,th,caption,pre,p,ul,ol,h4,h5,h6,strong,em{
	font-family:"Helvetica" Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	background-color:#282826;
}


input {}
textarea {}
ul {list-style-type:square;}
ol {list-style-type:decimal;}

h1 {font-size:14px; text-align:left; color: white;font-weight:bold;}
h2 {font-family:"Helvetica" Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color: #f4eec7;
line-height:18px;}

h3 {font-family:"Helvetica" Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
line-height:25px;
display:inline;}

h4 {font-size:10px; margin-bottom:5px;  font-weight:bold;}
h5 {font-size:8px;  margin-bottom:5px;  font-weight:bold;}
h6 {font-size:8px;  margin-bottom:5px;}

blockquote {margin: 0 0 5px 5px; color: #f4eec7; font-style: italic; }
strong     {font-weight: bold;}
em         {font-style:italic;}



html { /*keeps right scroll bar to stop page jumping*/
height: 100%;
margin-bottom: 0.01em;
}

* html{
	overflow: auto; /*turns off ie overflow until its needed*/
}


/* basic divs */
#wrapper {
	width: 977px; /* sets width */
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	border:20px;
		background-color:#494947;
}
#header {
position:relative;
background-color:#282826;
		height: 120px;	
	
}

#logo {
position:absolute;
top:0px;
}

#phone {
position:absolute;
top:30px;
right:0px;
font-family: font-family:"Helvetica" Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#f4eec7;
}

#strapline{
position:absolute;
top:70px;
left:30px;
font-weight:bold;
font-size:13px;
color:#f4eec7;
font-family: font-family:"Helvetica" Verdana, Arial, Helvetica, sans-serif;
}

#mainpage {
	min-height: 420px;
	position: relative;
	text-align: left;
	
	color: #f4eec7;
	}

* html #mainpage{
	height: 420px; /* minimum height for ie*/
}

#h_nav {
	position: absolute;
	top:-45px;
	right:0px;
	padding-left: 20px; /* sets gap to left edge of 'ul' */ /* or right */
	height: 25px;
	width: 400px;
	text-align:right; /* or left if required*/

	
}

#h_nav ul {
	margin: 0px;
	background-color:#282826;
	padding-left:20px; /* sets gap from left edge of 'ul' to first menu item*/ /* or right */
	text-align:right; /* positions menu items to left or right */
}

#h_nav li {
	display:inline;
	list-style: none;
	margin-left: 20px; /* sets gap between menu items*/
	margin-bottom: .5px;
	font-size:12px;
	font-weight:bold;
	font-family:"Helvetica" Verdana, Arial, Helvetica, sans-serif;
}

#h_nav li a:link, #h_nav li a:visited {
color: #f4eec7;
text-decoration:none;
font-weight:bold;
}

#h_nav li a:hover {
color: white;
font-weight:bold;
text-decoration:underline;
}

#cleaner {
position:relative;
/*border-bottom: 1px solid white;*/
height:1px;
}

#maincontent {
	line-height: 16px;
	font-size: 11px;
	padding-left: 30px;
	padding-right:14px;
	font-family:Helvetica; 
	background-color:#494947;
	color:#f4eec7;
	/*color:#282826;*/
	height: 420px;
	width:282px;
	padding-top:10px;
	overflow:auto;}
	
* html #maincontent{
	height: 420px; /* minimum height for ie*/
}
#portmaincontent {
	line-height: 22px;
	font-size: 12px;
	/*padding-left: 30px;*/
	width:977px;
	/*margin-right:20px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#494947;
	min-height: 400px;
	padding-bottom:20px;
	color:#f4eec7;
	padding-top:20px;
	text-align:center;}

* html #portmaincontent{
	height: 700px; /* minimum height for ie*/
}
#menu{
position:absolute;
width: 150px;
height: 20px;
border: 1px solid #666666;
top:20px;
right:20px;
}
.portfolio {
padding-left:200px;
}

.background {
background-color:#494947;
}

#imagepg{
position:relative;
right:0px;
float:right;

}

#footer {
/*border-top: 1px solid white;*/
border-bottom: 1px solid #666666;
clear:both;
text-align:right;
color:white;
font-size: 12px;
padding-right:10px;
line-height: 16px;
background-color:#494947;
}

#info {
	font-size: 9px;
	text-align: right;
	background-color:#282826;
	color:white;
	
}

#seo {
	font-size: 9px;
	text-align: right;
	padding-top:10px;
	background-color:#282826;
	color:white;
}

a:link, a:visited {
color: white;
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:underline;
font-weight:bold;
}
/*

.brd-right
{
border-right:1px solid #626659;
}

.brd-left
{
border-left:1px solid #626659;
}

.brd-bottom
{
border-bottom:1px solid #bac2a5;
}

.brd-top
{
border-top:1px solid #bac2a5;
}



.heading
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
line-height:25px;
display:inline;
}

a.top-nav
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:white;
line-height:17px;
text-decoration:none;

}

a.top-nav:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#626659;
line-height:17px;
text-decoration:underline;

}

a.wht-link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
line-height:18px;
text-decoration:underline;
}

a.wht-link:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#989792;
line-height:18px;
text-decoration:none;
}

.txt
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#989792;
line-height:18px;
}

.bottom-txt
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#bac2a5;
line-height:18px;
background-color:#282828;
}
.image-border{
border: 1px solid #bdbfb1 ;
background:#989792;
width:150px;;
height:117px
*/