/* CSS Document */

/**

 * -----------------------------------------------------------------------

 * @copyright Copyright (c) 2008 Gouka Design

 * @author:   Keith Morrell <info@goukadesign.co.uk>

 * @DATE:     28th September 2008

 * @VERSION:  3.00

 * @desc      Portfolio

 * -----------------------------------------------------------------------

 */



  /*page styles 

 /* all */

body {padding:0px;margin:0px;background: #0491B6 url("../images/bgs/bgcyan.jpg") repeat-y;}



/* body */

#conTain {padding-left:130px;width:912px;height:2500px;display:block;background-color:#0298BF;}

#headEr {margin-left:20px;width:892px;height:68px;display:block;line-height:68px;text-align:right;font-size:46px;color:#FFFFFF;font-family:"Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;font-weight:lighter;}
#headEr a:link{font-size:46px;color:#FFFFFF;font-family:"Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;font-weight:lighter;text-decoration:none;}
#headEr a:visited{font-size:46px;color:#FFFFFF;font-family:"Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;font-weight:lighter;text-decoration:none;}
#headEr a:active{font-size:46px;color:#FFFFFF;font-family:"Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;font-weight:lighter;text-decoration:none;}
#headEr a:link{font-size:46px;color:#FFFFFF;font-family:"Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;font-weight:lighter;text-decoration:underline;}

#mainCon {width:912px;height:auto;display:block;}
#mcLeft {width:256px;height:auto;float:left;}

.mainNav {margin-right:10px;width:246px;height:180px;display:block;text-align:right;}
.mainNav a:link{color:#FFFFFF;font-size:36px;line-height:40px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;font-weight:lighter;letter-spacing:1px;text-decoration:none;}
.mainNav a:visited{color:#FFFFFF;font-size:36px;line-height:40px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;font-weight:lighter;letter-spacing:1px;text-decoration:none;}
.mainNav a:active{color:#FFFFFF;font-size:36px;line-height:40px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;font-weight:lighter;letter-spacing:1px;text-decoration:none;}
.mainNav a:hover{color:#FFFFFF;font-size:36px;line-height:40px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;font-weight:lighter;letter-spacing:1px;text-decoration:underline;}

.aboUt {margin-right:10px;width:246px;display:block;color:#FFFFFF;font-size:12px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;text-align:right;}
.aboUt a:link {color:#FFFFFF;font-size:12px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:underline;}
.aboUt a:visited {color:#FFFFFF;font-size:12px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;}
.aboUt a:active {color:#FFFFFF;font-size:12px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:underline;}
.aboUt a:hover {color:#FFFFFF;font-size:12px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;}

#mcRight {width:656px;height:auto;float:right;}

.subTitle {margin-right:40px;width:616px;height:30px;display:block;color:#FFFFFF;line-height:30px;font-size:16px;font-family:"Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;font-weight:lighter;text-align:right;}

.dotSpace {margin-left:5px;width:611px;height:2px;line-height:2px;background:url("../images/objects/dots.png") no-repeat;}


/* front page content */

.whiteBox {width:656px;height:317px;display:block;background:url("../images/objects/squarebg.png") no-repeat;}

.whiteBox img{margin-left:6px;margin-top:7px;}
.introText {margin-top:5px;margin-left:5px;width:615px;text-align:justify;display:block;color:#FFFFFF;font-size:24px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;font-weight:lighter;letter-spacing:-1px;}
.introText a:link{color:#FFFFFF;text-decoration:underline;}
.introText a:visited{color:#FFFFFF;text-decoration:underline;}
.introText a:active{color:#FFFFFF;text-decoration:underline;}
.introText a:hover{color:#FFFFFF;text-decoration:none;}
.textBox {width:615px;margin-top:5px;margin-left:5px;text-align:justify;display:block;color:#FFFFFF;font-size:14px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;}
.textBox a:link{color:#FFFFFF;font-size:14px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:underline;}
.textBox a:visited{color:#FFFFFF;font-size:14px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:underline;}
.textBox a:active{color:#FFFFFF;font-size:14px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:underline;}
.textBox a:hover{color:#FFFFFF;font-size:14px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;}

.tiTle {margin-left:3px;color:#FFFFFF;font-size:24px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;font-weight:lighter;letter-spacing:-1px;margin-bottom:5px;margin-top:3px;}
.portFolio {margin-left:3px;width:615px;display:block;color:#FFFFFF;}
.portFolio a:link {color:#FFFFFF;font-size:11px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;}
.portFolio a:visited {color:#FFFFFF;font-size:11px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;}
.portFolio a:active {color:#FFFFFF;font-size:11px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;}
.portFolio a:hover {color:#FFFFFF;font-size:11px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:underline;}
.portTitle {color:#FFFB00;font-size:18px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;font-weight:lighter;letter-spacing:-1px;}
.portText {margin-bottom:5px;color:#FFFFFF;font-size:11px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;}
.portText a:link {color:#FFFFFF;font-size:11px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:underline;}
.portText a:visited {color:#FFFFFF;font-size:11px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:underline;}
.portText a:active {color:#FFFFFF;font-size:11px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:underline;}
.portText a:hover {color:#FFFFFF;font-size:11px;font-family: "Avant Garde", DIN, DINPro, Helvetica, Verdana, sans-serif;text-decoration:none;}