/*Fonts*/
@font-face {
	font-family: 'TeX Gyre Adventor Regular';
	src: url('texgyreadventor-regular.eot');
	src: local('TeX Gyre Adventor Regular'), local('TeXGyreAdventor-Regular'), url('texgyreadventor-regular.woff') format('woff'), url('texgyreadventor-regular.otf') format('opentype'), url('texgyreadventor-regular.svg#TeXGyreAdventor-Regular') format('svg');
}

@font-face {
	font-family: 'TeX Gyre Adventor Italic';
	src: url('texgyreadventor-italic.eot');
	src: local('TeX Gyre Adventor Italic'), local('TeXGyreAdventor-Italic'), url('texgyreadventor-italic.woff') format('woff'), url('texgyreadventor-italic.otf') format('opentype'), url('texgyreadventor-italic.svg#TeXGyreAdventor-Italic') format('svg');
}

@font-face {
	font-family: 'TeX Gyre Adventor Bold';
	src: url('texgyreadventor-bold.eot');
	src: local('TeX Gyre Adventor Bold'), local('TeXGyreAdventor-Bold'), url('texgyreadventor-bold.woff') format('woff'), url('texgyreadventor-bold.otf') format('opentype'), url('texgyreadventor-bold.svg#TeXGyreAdventor-Bold') format('svg');
}

@font-face {
	font-family: 'TeX Gyre Adventor Bold Italic';
	src: url('texgyreadventor-bolditalic.eot');
	src: local('TeX Gyre Adventor Bold Italic'), local('TeXGyreAdventor-BoldItalic'), url('texgyreadventor-bolditalic.woff') format('woff'), url('texgyreadventor-bolditalic.otf') format('opentype'), url('texgyreadventor-bolditalic.svg#TeXGyreAdventor-BoldItalic') format('svg');
}


/*Styles*/

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background: #FFFFFF url(images/bkgd.jpg) repeat-x;}

div#header{text-align:left;height:110px;background: url(images/logo.jpg) no-repeat;}
div#nav{float:right;}


div#container{}

div#content {margin:0px;padding:0px;text-align:left}
div#content h1.top{border-top:2px solid #424e64;width:100%;font-weight:normal;font: 22px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#424e64;margin:0px; padding:0px;}
#cu3er-container {width:960px; outline:0;background: url(images/boxbkgd.jpg) no-repeat;height:420px;}
div#content h2{border-top:2px solid #424e64;font-weight:normal;font: 22px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#424e64;margin:0px; padding:0px; font-weight:bold}


#worklistings{ float:left;width:660px;padding-top:20px;margin-left:300px;}
#worklistings a{text-decoration:none;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color: #999;padding-left:10px;}
#worklistings a:hover{color:#e5841d}
#ourwork {border-top:2px solid #424e64;width:100%;padding-bottom:30px;}
#ourwork h2{font-weight:normal;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#424e64;margin:0px; padding:0px;}
#ourwork h3{font-weight:normal;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#999;margin:0px; padding-left:20px;}


#ourteam {border-top:2px solid #424e64;width:100%;padding-bottom:30px;}
#ourteam h2{font-weight:normal;font: 22px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#424e64;margin:0px; padding:0px;}

#gallerybox {height:500px;text-align:left}
#gallerybox a{ text-decoration:none;font: 12px 'TeX Gyre Adventor Regular', Arial, sans-serif;color: #999;padding-left:10px;}
#gallerybox a:hover{color:#e5841d}

#contactbox{float:right;margin-bottom:20px;width:150px;}
#infobox{float:left;width:740px;}
#infobox p{padding-left:200px;color:#666}

.person {width:320px;height:80px;background:#CCCCCC;}

#ben {width:320px;margin-left:300px;float: left;}
#ben h2{font-weight:normal;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#424e64;margin:0px; padding-left:10px;padding-top:5px;}
#ben h3{font-weight:normal;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#686868;margin:0px; padding-left:30px;}
#ben a{ text-decoration:none;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color: #686868;margin:0px; padding-left:30px;}
#ben a:hover{color:#e5841d}


#travis {width:320px;margin-left:20px;float: left;}
#travis h2{font-weight:normal;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#424e64;margin:0px; padding-left:10px;padding-top:5px;}
#travis h3{font-weight:normal;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#686868;margin:0px; padding-left:30px;}
#travis a{text-decoration:none;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color: #686868;margin:0px; padding-left:30px;}
#travis a:hover{color:#e5841d}

#brian {width:320px;margin-left:20px;margin-top:20px;float: left;}
#brian h2{font-weight:normal;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#424e64;margin:0px; padding-left:10px;padding-top:5px;}
#brian h3{font-weight:normal;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#686868;margin:0px; padding-left:30px;}
#brian a{text-decoration:none;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color: #686868;margin:0px; padding-left:30px;}
#brian a:hover{color:#e5841d}

#rob {width:320px;margin-left:20px;margin-top:20px;float: left;}
#rob h2{font-weight:normal;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#424e64;margin:0px; padding-left:10px;padding-top:5px;}
#rob h3{font-weight:normal;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#686868;margin:0px; padding-left:30px;}
#rob a{text-decoration:none;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color: #686868;margin:0px; padding-left:30px;}
#rob a:hover{color:#e5841d}

#donna {width:320px;margin-left:300px;margin-top:20px;float: left;}
#donna h2{font-weight:normal;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#424e64;margin:0px; padding-left:10px;padding-top:5px;}
#donna h3{font-weight:normal;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#686868;margin:0px; padding-left:30px;}
#donna a{text-decoration:none;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color: #686868;margin:0px; padding-left:30px;}
#donna a:hover{color:#e5841d}

#susan {width:320px;margin-left:300px;margin-top:20px;float: left;}
#susan h2{font-weight:normal;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#424e64;margin:0px; padding-left:10px;padding-top:5px;}
#susan h3{font-weight:normal;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#686868;margin:0px; padding-left:30px;}
#susan a{text-decoration:none;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color: #686868;margin:0px; padding-left:30px;}
#susan a:hover{color:#e5841d}



div#email{ float:left;text-align:left;background:#424e64;width:320px;margin-left:300px;height:240px;}
div#email h1{font-weight:normal;font: 22px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#CCC;margin:10px 0px 5px 30px;}
div#email h2{display:inline; font-weight:normal;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#CCC;}
div#email a{ text-decoration:none;font: 14px 'TeX Gyre Adventor Regular', Arial, sans-serif;color: #FFF;padding:0px;margin:0px;}
div#email a:hover{color:#e5841d}
div#emailbox{margin-left:50px;}

div#phone{ float:left;text-align:left;width:320px;margin-left:20px;background:#424e64;height:240px;}
div#phone h1{ font-weight:normal;font: 22px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#CCC;margin:10px 0px 5px 15px;}
div#phone h2{display:inline; font-weight:normal;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#CCC;margin-left:15px;margin-top:5px;}
div#phone a{ text-decoration:none;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;color: #FFF}
div#phone a:hover{color:#424e64}
div#phone p{font: 13px 'TeX Gyre Adventor Regular', Arial, sans-serif;color:#FFF;margin-left:20px;margin-top:5px;}


div#thanks{ float:left;text-align:left;background:#424e64;width:660px;margin-left:300px;}
div#thanks p{margin-top:35px;color:#FFF;padding: 0px 20px 0px 20px;line-height:1.4;font: 12px 'TeX Gyre Adventor Regular', Arial, sans-serif;}
div#thanks a{color:#CCC;}
div#thanks a:hover{color:#ffffff; text-decoration:underline}

div#form{ float:left;text-align:left;background:#424e64;width:660px;margin-left:300px;}
div#form p{color:#FFF;padding: 0px 0px;margin:0px;line-height:1.4;font: 12px 'TeX Gyre Adventor Regular', Arial, sans-serif;}
div#form p.info{color:#FFF;padding: 0px 30px;line-height:1.4;font: 12px 'TeX Gyre Adventor Regular', Arial, sans-serif;}
div#form a{color:#ffffff;}
div#form a:hover{color:#424e64;}
div#form h2{color:#ffffff;font: 18px 'TeX Gyre Adventor Regular', Arial, sans-serif;margin:10px 0px 5px 30px;}


div#botone{text-align:left;padding:10px 10px;background: url(images/getstartedbkgd.jpg) no-repeat;height:176px;}
div#botone p{margin-top:35px;color:#FFF;padding: 0px 20px 0px 0px;line-height:1.4;font: 12px 'TeX Gyre Adventor Regular', Arial, sans-serif;}
div#botone a{color:#ffffff;}
div#botone a:hover{color:#424e64;}
div#botone p.ypp{margin-top:0px;color:#FFF;padding: 0px 20px 0px 0px;font: 16px 'TeX Gyre Adventor Regular', Arial, sans-serif;text-align:center}
div#botone a.ypa{color:#424e64;text-decoration:none}
div#botone a:hover.ypa{color:#424e64;text-decoration:underline}

div#bottone{text-align:left;padding:10px 10px;background: url(images/getstartedbkgd2.jpg) no-repeat;height:176px;margin-left:300px;margin-top:20px;}
div#bottone p{margin-top:35px;color:#FFF;padding: 0px 20px 0px 20px;line-height:1.4;font: 12px 'TeX Gyre Adventor Regular', Arial, sans-serif;}
div#bottone a{color:#ffffff;}
div#bottone a:hover{color:#424e64;}
div#bottone p.ypp{margin-top:0px;color:#FFF;padding: 0px 20px 0px 0px;font: 16px 'TeX Gyre Adventor Regular', Arial, sans-serif;text-align:center}
div#bottone a.ypa{color:#424e64;text-decoration:none}
div#bottone a:hover.ypa{color:#424e64;text-decoration:underline}


div#bottwo{text-align:left;padding:10px 10px;background: url(images/latestnewsbkgd.jpg) no-repeat;height:176px;margin:0px 5px;}
/*main page news feed box*/
.rss-box{width: 280px; padding:0px 10px;margin-top:35px;font: 12px 'TeX Gyre Adventor Regular', Arial, sans-serif;}
.rss-item a:link{color:#424e64;text-decoration:none;font: 16px 'TeX Gyre Adventor Regular', Arial, sans-serif;padding:0px;margin:0px;}
.rss-item a:hover{color:#666;text-decoration:underline}
ul.rss-items{list-style: none;padding:0px;margin:0px}
.rss-item{color:#333;padding:0px 20px 0px 5px;margin:0px;}
div#bottwo a.morenews{color:#424e64;text-decoration:none;font: 11px 'TeX Gyre Adventor Regular', Arial, sans-serif;padding:0px;margin:0px 5px;}
div#bottwo a:hover.morenews{color:#666;text-decoration:underline}



div#botthree{text-align:left;padding:0px 10px;}
/*twitter box*/
#twitter_div { width: 280px; padding: 10px;background:#dfdede; font-size:12px;height:auto}
ul#twitter_update_list { width: 272px; padding: 0; margin: 0;  }
ul#twitter_update_list li { width: 272px; padding: 5px 5px 5px 5px; color: #424e64;list-style: none; }
ul#twitter_update_list li a { color: #424e64;text-decoration: none; }
ul#twitter_update_list li: a:hover { color: #5d5d5d;text-decoration:underline}
div#botthree a.twit{color:#cccccc;text-decoration:none;}
div#botthree a:hover.twit{color:#424e64;}
div#botthree p.twitter{text-align:right;padding:10px 0px 0px 0px;}
div#botthree img.timage{text-align:right;padding:5px 0px 0px 0px;}

div#footer{border-top:1px solid #cccccc;color: #999;text-align:left;}
div#footer p{margin:0;padding:5px 10px}

div#container{width:960px;margin:0 auto}
div#botone{float:left;width:300px}
div#bottone{float:left;width:300px}
div#bottwo{float: left;width:290px}
div#botthree{float:right;width:300px}
div#footer{clear:both;width:100%}
div#clear{clear:both;width:100%;height:10px;}