/* -------------- FONTS -------------- */

H1 { 
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #333;
	background-color: #FFFFFF;
	margin: 6px 0px 7px 0px;
}

p { 
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	line-height: 22px;
	font-weight: normal;
	color: #666;
	margin: 7px 0px 7px 0px;  
}

p a:link, p a:visited, p a:active {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

p a:hover {
	color: #00A8FF;
	font-weight: normal;
}

H2 { 
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #777;
	text-transform: lowercase;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 2px;
	padding: 10px 60px 5px 0px;
}

H2 a:link, H2 a:visited, H2 a:active {
	color: #00A8FF;
	text-decoration: none;
}

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

H3 { 
	font-family: Arial, Sans-Serif;
	font-size: 9px;
	line-height: 20px;
	font-weight: normal;
	color: #FFF;
	text-transform: lowercase;
	margin: 0px 0px 0px 0px;
}

H3 a:link, H3 a:visited, H3 a:active {
	color: #00A8FF;
	text-decoration: none;
}

H3 a:hover {
	color: #777;
	text-decoration: none;
}


strong {
	font-weight: normal;
	text-transform: lowercase;
}

.intro {
	font-weight: normal;
	text-transform: none;
}

.black {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFF;
	background-color: #000;
	padding: 5px 10px 5px 10px;
	margin: 0px 5px 0px 0px; 
}

.blackbottom {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	line-height: 22px;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFF;
	padding: 0px; 
	margin: 0px; 
}

.bigblue {
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	text-transform: lowercase;
	font-weight: normal;
	color: #00A8FF;
	background-color: #FFF;
	padding: 5px 10px 5px 0px;
	margin: 0px 5px 0px 0px; 
}


.blue {
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	text-transform: lowercase;
	line-height: 16px;
	color: #00A8FF;
	font-weight: normal;
	margin: 0px; 
}

.bluetitle {
	color: #00A8FF;
}

.bluerose {
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	text-transform: lowercase;
	line-height: 16px;
	color: #00A8FF;
	background-color: #FFFFFF;
	font-weight: normal;
	margin: 0px; 
}

small { 
	font-size: 10px; 
	font-family: Arial, Verdana, sans-serif; 
	line-height: 18px;
	font-weight: normal;
	color: #808080;
	margin: 20px 0px 20px 0px;  
}

small a:link, small a:visited, small a:active {
	color: #808080;
	font-weight: normal;
	text-decoration: none;
}

small a:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}

.italic {
	font-size: 10px;
	text-transform: lowercase;
	font-style: italic;
}

.italic a:link, .italic a:visited, .italic a:active {
	font-weight: normal;
	color: #777;
	text-decoration: none;
}

.italic a:hover {
	font-weight: normal;
	color: #00A8FF;
	text-decoration: underline;
}

.imagelink {
	font-family: Arial, Sans-Serif;
	font-size: 8.5px;
	line-height: 16px;
	font-weight: normal;
	text-transform: lowercase;
	color: #555;
	margin: 0px; 
}

.imagelink a:link, .imagelink a:visited, .imagelink a:active {
	font-weight: normal;
	color: #555;
	text-decoration: none;
}

.imagelink a:hover {
	font-weight: normal;
	color: #555;
	text-decoration: underline;
}

div.img img {
  	border: 1px solid #999;
	font-family: Verdana, Helvetiva, Sans-Serif;
	font-size: 9px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #999;
	background-color: #FFFFFF;
}

div.img a:hover img {
 	border: 1px solid #000;
}

/* -------------- CONTENT -------------- */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000;
	text-align: center;
	background: #333;
	width: 100%;
	min-width: 940px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
}

#main {
	width: 940px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	border: 0px solid #000;
    background: #FFF;
}

#fixed {
	margin: 0px auto 0px;
	width: 940px;   /* you can use px, em or % */
	text-align: left;
}

.headerblue {
	position: relative;
	width: 940px;
	padding: 0px;
	margin: 0px;
	background: #FFF;
	margin: 0px 0px 0px 0px;
	border-width: 5px 0px 0px 0px;
	border-color: #00A0FF;
	border-style: solid;
}

.header {
	position: relative;
	width: 880px;
	height: 130px;
	padding: 0px 0px 0px 0px;
	margin: 30px 30px 0px 30px;
	background: #FFF;
	border: 0px solid #000;
}

.header1 {
	position: absolute;
	background: #FFF;
	left: 0px;
	width: 100px;
	height: 100px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}

.header2 {
	position: absolute;
	background: #FFF;
	text-align: right;
	left: 495px;
	width: 380px;
	height: 100px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}

.whitemenu {
	width: 940px;
	margin: 0px;
	padding: 0px;
	background: #FFF;
	border: 0px solid #FFF;
}

.menu {
	width: 880px;
	height: 30px;
	margin: 0px 30px 0px 30px;
	padding: 0px;
	background: #FFF;
	border-width: 1px 0px 1px 0px;
	border-color: #CCCCCC;
	border-style: solid;
}

.colmask {
		position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear: both;
	    float: left;
        width: 100%;			/* width of whole page */
		overflow: hidden;	/* This chops off any overhanging divs */
	}
	
/* 2 column right menu settings */


.rightmenu {
	    background: #FFF;
}

.rightmenu .colleft {
	float: left;
	width: 200%;
	margin-left: -180px;
	position: relative;
	right: 100%;
	background: #FFFFFF;
}
    
.rightmenu .col1wrap {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	background: #FFF;
}

.rightmenu .col1 {
	margin: 0px 0px 0px 210px;
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-style: solid;
	border-color: #CCCCCC;
	overflow: hidden;
}

.rightmenu .col2 {
	float: right;
	width: 150px;
	position: relative;
	left: 150px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	border: 0px solid #FFF;
	background:#FFF;
 }

.first-footer {
	clear: both;
	width: 880px;
	margin: 0px 0px 0px 0px;
	padding: 20px 30px 20px 30px;
	background: #000;
	border-width: 0px 0px 0px 0px;
	border-color: #000;
	border-style: solid;
}

.footer {
	clear: both;
	width: 880px;
	margin: 0px 0px 0px 0px;
	padding: 10px 30px 10px 30px;
	background: #999;
	border-width: 0px 0px 0px 0px;
	border-color: #000;
	border-style: solid;
}

.white {
	position: relative;
	width: 940px;
	background: #FFF;
	border-width: 20px 0px 0px 0px;
	border-color: #FFF;
	border-style: solid;
}

.porfolio {
	position: relative;
	width: 700px;
	border-width: 1px 0px 5px 0px;
	border-color: #CCCCCC;
	border-style: solid;
	padding: 20px 0px 20px 0px;
	margin: 10px 0px 30px 0px;
}

.porfolioFixed {
	position: relative;
	width: 700px;
	height: 321px;
	border: 0px solid #FFF;
	padding: 0px;
	margin: 0px;
}

.porfolioFixed356 {
	position: relative;
	width: 700px;
	height: 356px;
	border: 0px solid #FFF;
	padding: 0px;
	margin: 0px;
}

.porfolioFixedShort{
	position: relative;
	width: 700px;
	height: 255px;
	border: 0px solid #FFF;
	padding: 0px;
	margin: 0px;
}

.porfolioHome {
	position: relative;
	width: 700px;
	border-width: 1px 0px 5px 0px;
	border-color: #CCCCCC;
	border-style: solid;
	padding: 20px 0px 10px 0px;
	margin: 10px 0px 30px 0px;
}

.porfolioHomeFixed {
	position: relative;
	width: 700px;
	height: 360px;
	border-width: 0px;
	border-color: #CCCCCC; 
	border-style: solid;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.porfolioHomeFixedShort{
	position: relative;
	width: 700px;
	height: 255px;
	border-width: 0px;
	border-color: #CCCCCC; 
	border-style: solid;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.porfolioLogo {
	position: relative;
	width: 700px;
	border-width: 1px 0px 5px 0px;
	border-color: #CCCCCC;
	vertical-align:top; 
	border-style: solid;
	padding: 50px 0px 50px 0px;
	margin: 10px 0px 30px 0px;
}

.porfolio3 {
	position: relative;
	width: 700px;
	height: 360px;
	border-width: 1px 0px 5px 0px;
	border-color: #CCCCCC;
	vertical-align:top; 
	border-style: solid;
	padding: 20px 0px 20px 0px;
	margin: 20px 0px 20px 0px;
}

.porfolio4 {
	position: relative;
	width: 782px;
	height: 260px;
	border-width: 1px 0px 5px 0px;
	border-color: #CCCCCC;
	vertical-align:top; 
	border-style: solid;
	padding: 20px 0px 20px 0px;
	margin: 20px 0px 20px 0px;
}

.box1 {
	position: absolute;
	background: #FFF;
	left: 0px;
	width: 264px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}

.box2 {
	position: absolute;
	background: #FFF;
	left: 264px;
	width: 250px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}

.box3 {
	position: absolute;
	background: #FFF;
	left: 528px;
	width: 264px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}

.box180-1 {
	position: absolute;
	background: #FFF;
	left: 0px;
	width: 200px;
	height: 255px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}

.box180-2 {
	position: absolute;
	background: #FFF;
	left: 200px;
	width: 200px;
	height: 255px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}

.box180-3 {
	position: absolute;
	background: #FFF;
	left: 400px;
	width: 200px;
	height: 255px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}

.box180-4 {
	position: absolute;
	background: #FFF;
	left: 600px;
	width: 200px;
	height: 255px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}

.thin-line {
	position: relative;
   	color: #CCC;
	margin: 10px 0px 20px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

.thin-line-thick {
	position: relative;
   	color: #CCC;
    	width: 700px;
	margin: 10px 0px 20px 0px;
	border-width: 0px 0px 5px 0px;
	border-style: solid;
}

.thin-line-black {
	position: relative;
   	color: #FFF;
	margin: 10px 0px 10px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

.thin-line-short {
	position: relative;
   	color: #CCC;
	margin: 15px 0px 15px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

.thin-line-five {
	position: relative;
   	color: #CCC;
   	width: 700px;
	margin: 20px 0px 30px 0px;
	border-width: 0px 0px 5px 0px;
	border-style: solid;
}

    /* --> */
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
}