/*
Purple #32028a
Orange #ff6e00
Dark grey #3a3a3a
*/

@font-face {
    font-family: 'GillSansMTRegular';
    src: url('fonts/gil_____.eot');
    src: url('fonts/gil_____.eot') format('embedded-opentype'),
         url('fonts/gil_____.woff') format('woff'),
         url('fonts/gil_____.ttf') format('truetype'),
         url('fonts/gil_____.svg#GillSansMTRegular') format('svg');
}

body{background-color:#f4f3f1; color:#333333; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
img{border:0px}

a{color:#32028a; text-decoration:none;}
a:hover{color:#ff6e00}

h1, h2, h3{color:#32028a; font-family:Arial, sans-serif; margin:0 0 10px 0}
h2, h3{color:#ff6e00}
h1{font-size:28px; padding:0 0 15px 0}
h2{font-size:22px; margin:20px 0 15px; padding:0px}
h3{font-size:18px; color:#32028a}

hr{border:0px; border-bottom:1px dotted #ccc}

input[type=text], input[type=password], textarea{padding:4px; border-radius:4px; border:1px solid #ccc}
input[type=checkbox]{padding:0px; margin:0px}
input[type=submit]{outline:none; border:0px; padding:8px 5px}
select{padding:4px; border:1px solid #ccc; border-radius:5px}
textarea{font-family:Arial}

#masthead, #container{position:relative; width:1024px; background-color:#FFFFFF; box-shadow: 0px 0px 6px #d3d3d1}
#masthead{height:170px; margin:0px auto}

#container{margin:15px auto; padding:5px 0 0 0}

#toperror{ color:#FF0000; position:absolute; top:30px; left:662px; background-color:#FFFFFF; padding:15px; box-shadow:0px 0px 10px #666}

#topnav{list-style:none; padding:0px; margin:0px; position:absolute; right:6px; top:0px}
#topnav li{float:left; background-image:url(../images/topbav_div.gif); background-repeat:no-repeat; background-position:0px 3px; position:relative}
#topnav li:first-child{ background-image:none}
#topnav li a{display:inline-block; padding:5px 19px; color:#3a3a3a; text-transform:uppercase; font-size:14px}
#topnav li a:hover{color:#ff6e00}

.logo{position:absolute; left:13px; top:32px}
.logo2{position:absolute; right:14px; top:30px; width:200px}
.logo3{position:absolute; right:14px; top:75px; width:200px}

#logos1{display:block}
#logos2{display:none}

#nav{position:absolute; top:130px; left:10px; list-style:none; padding:0px; margin:0px; font-family:GillSansMTRegular}
#nav li{display:inline-block; margin:0px; padding:0px; float:left; position:relative}
#nav li a{padding:16px 15px; font-size:14px; text-transform:uppercase; background-color:#3a3a3a; color:#FFFFFF; margin:0 6px 0 0; background-image:url(../images/nav_bg_1.gif); background-repeat:repeat-x; background-position:bottom}
#nav li a:hover{ background-color:#ff6e00; background-image:url(../images/nav_bg_2.gif)}

#nav li:last-child a{margin-right:0px; padding:16px 18px;}

.editme{ position:absolute; top:10px; left:10px; opacity:0.2; z-index:1000; position:fixed}
.editme:hover{opacity:1} 

.navarrow{width:95%; height:5px; position:absolute; bottom:-21px; left:0px; background-image:url(../images/navarrow.gif); background-repeat:no-repeat; background-position:center}

.subnav{position:absolute; top:167px; left:25px ;background-image:url(../images/subnav_bg.gif); background-repeat:repeat-x; background-position:bottom; background-color:#3d0786; width:970px; text-align:center; list-style:none; padding:0px; margin:0px auto; min-width:600px; display:none; font-size:15px; font-family:GillSansMTRegular}

.subnav a{color:#FFFFFF; text-decoration:none; padding:10px 15px; display:inline-block; background-image:url(../images/subnav_div.gif); background-repeat:no-repeat; background-position:0px 6px}
.subnav a:first-child{background-image:none}
.subnav a:hover{color:#ff6e00}

#sub6{width:980px; left:20px}
#sub6 a{padding:10px 12px;}


.loginbox{background-color:#f4f3f1; padding:10px 15px; width:440px; height:65px; position:absolute; right:24px; top:-120px; border:1px solid #d3d3d1; font-family:GillSansMTRegular}
.loginbox h4{padding:0px; margin:0 0 6px 0; font-size:13px; line-height:16px; color:#32028a}
.loginbox input[type=text], .loginbox input[type=password]{width:100px; padding:4px; border-radius:4px; border:1px solid #CCCCCC}
.loginbox input[type=text]{width:130px}
.loginbox input[type=submit]{border:1px solid #32028a; color:#fff; border-radius:6px; padding:3px 10px; background-image:url(../images/subnav_bg.gif)}
.loginbox input[type=submit]:hover{border:1px solid #ff6e00; color:#ff6e00}
.loginbox #userid{width:20px}

.small{font-size:12px; font-family:Arial, Helvetica, sans-serif !important; }
.grey{color:#999999}
.red{ color:#FF0000}
.floatright{float:right; margin-left:15px; margin-bottom:10px}
.orange{color:#ff6e00}

.imagegallery{list-style:none; padding:0px; margin:0px}
.imagegallery li{width:200px; height:200px; float:left; overflow:hidden; text-align:center; margin:0 10px 10px 0; position:relative}
.imagegallery li p{ background-color:#320189; color:#FFFFFF; position:absolute; left:0px; bottom:-10px; display:block; width:200px; text-align:center; font-size:11px}

#carousel{height:345px; width:1004px; overflow:hidden; margin:0px 10px}
#carousel blockquote{background-image:url(../images/trans_black.png); position:absolute; bottom:0px; min-height:60px; width:960px; margin:0px; padding:20px; font-size:52px; color:#FFFFFF}

#content{
	padding:50px 50px;
	margin:20px;
	clear:both; 
	font-size:18px; 
	min-height:260px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	line-height:22px; 
	position:relative;
	background-image:url(../images/corner-orange.gif), url(../images/corner-blue.gif);
	background-position:top left, bottom right;
	background-repeat:no-repeat
}
#content p{}

#footer{min-height:130px; padding:15px; background: #343434 url('../images/nav_bg_1.gif'); background-repeat:repeat-x; background-position:bottom; color:#FFFFFF; position:relative; margin:0px; font-family:GillSansMTRegular}

.footercell{width:170px; color:#ff6e00; font-size:11px}
.footercell a{color:#ff6e00}
.footercell a:hover{color:#ccc}
.footercell ul{list-style:none; padding:0px; margin:4px 0 0 0}
.footercell ul li{padding:1px 0 1px 12px; background-image:url(../images/footer_bullet.png); background-repeat:no-repeat; background-position:0px 6px}
.footercell ul li a{color:#a6a6a6}
.footercell ul li a:hover{color:#ff6e00}

.footercell2{width:220px; height:120px; position:absolute; color:#a6a6a6; font-size:15px; top:10px; right:15px}
.footercell2 a{color:#a6a6a6}
.footercell2 a:hover{color:#ff6e00}

.cell1{width:120px}
.cell2{position:absolute; top:15px; left:120px}
.cell3{position:absolute; top:15px; left:290px}
.cell4{position:absolute; top:15px; left:470px}

.icons{ list-style:none; padding:0px; margin:0px; position:absolute; right:35px; top:10px}
.icons li{float:left}
.icons a{display:block; width:90px; padding:50px 0 0 0; background-image:url(../images/icon-cv.png); background-repeat:no-repeat; background-size:50px 50px; background-position:top center; text-align:center}
.icons a:hover{ opacity:0.8}
.icons li:nth-child(2) a{ background-image:url(../images/icon-portfolio.png)}
.icons li:nth-child(3) a{ background-image:url(../images/icon-print.png)}

#sub{width:1000px; margin:8px auto; font-size:12px; color:#999; height:20px; overflow:hidden; text-align:center;}
#sub a{color:#CCC; font-size:10px}
#sub a:hover{color:#999}

.closer{width:25px; height:25px; position:absolute; bottom:-10px; right:-10px; background-image:url(../images/close_icon.png); display:block; cursor:pointer}

.box{background-color:#f8f8f8; position:relative; box-shadow:0px 0px 6px #aaa}

#partnerlogo{text-align:right; padding:0 20px 10px 0}

.readmore{}

.pagelinks{margin:10px 0; padding:0px}
.pagelinks a{padding:2px 7px; margin:0 1px 0 2px; display:inline-block; border:1px solid #999999; border-radius:8px; text-decoration:none; font-size:11px; box-shadow:0px 0px 4px #ccc}

.businessbox{width:318px; height:180px; float:left; margin:15px 24px 15px 0px}
.businessbox div{width:190px; margin:45px 0 0 5px; }
.businessbox a{position:absolute; bottom:10px; left:125px; color:#ff6e00}
.businessbox a:hover{color:#3a3a3a}
#bbox1{margin-left:10px; background-image:url(../images/hp-box-1.jpg)}
#bbox2{background-image:url(../images/hp-box-2.jpg)}
#bbox2 a{left:135px;}
#bbox3{margin-right:0px; background-image:url(../images/hp-box-3.jpg)}

#agencybox{clear:both; height:75px; margin:0 0 15px 10px; width:980px; padding:10px; background:url(../images/agencybox.jpg) no-repeat; background-position:10px 26px; background-color:#f8f8f8;}
#agencybox div{margin:5px 0 0 230px}
#agencybox a{display:block; position:absolute; right:10px; bottom:5px; color:#ff6e00; font-size:10px}
#agencybox a:hover{color:#3a3a3a}

#newsfeedbox{clear:both; height:185px; margin:0 0 12px 10px; width:980px; padding:10px; background-color:#f8f8f8; position:relative}
#newsfeedbox p{margin:0 0 10px 0}
#newsfeedbox h2{color:#32028a; margin:0px}
#newsfeedbox h3{color:#ff6e00; font-size:15px; margin:0 0 5px 0; font-weight:bold; font-family:Arial}
#newsfeedbox h3 a{color:#ff6e00;}
#newsfeedbox div{width:310px; min-height:130px; float:left; margin-left:15px; padding-right:15px; padding:10px 0 0 0; border-right:1px dotted #ccc; position:relative}
#newsfeedbox div:first-of-type{margin-left:0px}
#newsfeedbox div:last-of-type{border:0px}
#newsfeedbox .readmore{ text-align:right; position:absolute; top:130px; right:10px}

.newsitemlist{padding:20px; margin:0 0 15px 0}
.newsitemlist h2 a{color:#ff6e00}
.newsitemlist h2 a:hover{color:#3a3a3a}

.regtable{ font-family:Arial, Helvetica, sans-serif}
.regtable td, .regtable th{padding:10px; font-size:12px; text-align:left; border-bottom:1px solid #ccc}
.regtable th{ font-size:14px; color:#666666}

.infotable{ font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.infotable td, .infotable th{padding:10px; font-size:12px; text-align:left; border-bottom:1px solid #ccc}
.infotable th{color:#666666; text-align:right}

.searchresult{ margin:0 15px 15px 15px; padding:15px; font-size:14px}

.button{border-radius:6px; padding:6px 20px; display:inline-block; background-image:url(../images/button-bg.gif); background-color:#32028a; color:#FFFFFF; font-size:14px; font-family:Arial; box-shadow:2px 2px 2px #aaa; margin:3px 0}

.atttable{ font-family:Arial, Helvetica, sans-serif; font-size:14px}
.atttable th{vertical-align:top; text-align:right; padding:8px 10px 30px 0}
.atttable td{padding:0 0 30px 0; vertical-align:top}

.modeltable{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.modeltable th, .modeltable td{ padding:5px 0; border-bottom:1px dotted #ccc}
.modeltable th{vertical-align:top; text-align:right;}
.modeltable td{vertical-align:top}

.optiontable th, .optiontable td{ padding:2px; margin:0px}

.portfoliolistbox{ padding:15px; margin-bottom:15px}
.portfolioitem{padding:20px 10px; text-align:center; margin-bottom:20px}
.portfolioitem iframe{margin:0px auto}

.audiolist{list-style:none; padding:0px; margin:0px}
.audiolist li{clear:both; height:40px}
.audiolist li audio{float:left; margin-right:10px}

.cvMain{width:590px; padding:15px 20px 10px; min-height:322px; margin-bottom:15px;}
.cv{padding:15px; margin-bottom:15px}
.cv h2{padding:0px; margin:0 0 10px 0; font-size:18px}

.showreellist{list-style:none; padding:0px; margin:0px}
.showreellist li{float:left; opacity:0.6}
.showreellist img{width:117px; margin:0 4px}
.showreellist li:nth-child(8n) img{margin-right:0px;}

#orangething, #purplething{display:none}
.collapse h2{cursor:pointer; padding-left:20px; background-image:url(../images/navarrow.gif); background-repeat:no-repeat; background-position:0px 8px}

.searchtable{}
.searchtable th{ text-align:left; font-size:12px;color:#3a3a3a}

#mastheadprint{display:none; width:1000px; margin:20px auto}
#mastheadprint img{}

#mask{width:100%; height:1000px; background-color:#000; opacity:0.7; z-index:1000; display:none; position: fixed; top:0px; left:0px}
#photo{padding:15px; background-color:#FFFFFF; display:none; z-index:1001; min-width:500px; position:absolute; cursor:pointer; top:40px; text-align:center; position:fixed}
.caption{text-align:center; color:#333333; padding:10px 0 0 0}


@media print {
	#masthead, #footer, #sub, .icons{display:none}
	#mastheadprint{display:block}
	div, .box{border:0px; box-shadow:none}
}