@charset "utf-8";
/* CSS Document */
html, body {
	margin:0;
	padding:0;
	height:100%;
}
body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, li, dd, dl, fieldset, address, legend, td, th, table, code, div {
	margin: 0;
	padding: 0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#666;
	font-size:12px;
}
h1 {
	font-size:30px;
	font-weight:500;
	padding:5px 0px 5px 0px;
	color:rgb(120,150,177);
	width:450px;
}
h2 {
	font-size:18px;
	font-weight:500;
	padding:13px 0px 0px 0px;
	color:rgb(120,150,177);
}
h3 {
	font-size:15px;
	font-weight:500;
	padding:12px 0px 3px 0px;
	color:rgb(120,150,177);
}
h4 {
	font-size:12px;
	padding:5px 0px 0px 0px;
	font-weight:500;
	color:rgb(120,150,177);
}

p{
	font-size:12px;	
	padding:5px 0px 5px 0px;
	color:#666;
}

span{
	font-size:12px;	
	color:#666;
}

a img {
	border:none;
}
img {
	border:none;
}
hr {
	background-color:#000;
	height: 5px;
	margin:0px 0px 10px 0px;
}
a {
	color:#999;
	text-decoration:underline;
	outline:none;
}
a:hover {
	text-decoration:none;
}
a:visited {
	color:#999;
	text-decoration:underline;
}
a:visited:hover {
	color:#999;
	text-decoration:none;
}

ul{
	padding:5px;
	margin:0px;
	font-size:12px;
	margin-left:20px;
	list-style-type:circle;
	line-height:20px;
}

div.clear{
	clear:both;
}

/*################ wrapper ################*/
div.wrapper{
	width:850px;
	margin:0 auto;
	position:relative;
	z-index:1;
}

/*################ top strip ################*/
div#top_strip {
	height:60px;
	background-image:url(../images/menu_strip2.png);
	background-repeat:repeat-x;
	position:relative;
	z-index:1;
	padding:7px;
}
div#logo{
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	width:100px;
	height:50px;
	float:left;
}

/*################ navigation ################*/
div#top_strip ul{
	height:35px;
	padding:0px;
	margin:0px;
	list-style-type:none;
}
div#top_strip ul li{
	float:left;
	padding:7px 10px 10px 10px;
}
div#top_strip ul li a{
	display:block;
	outline:none;
}
/* normal state */
div#top_strip ul li a#education{
	width:109px;
	height:22px;
	background-image:url(../images/education_nav.png);
	background-position: 0px 0px;
}
div#top_strip ul li a#creative{
	width:130px;
	height:22px;
	background-image:url(../images/photography_nav.png);
	background-position: 0px 0px;
}
div#top_strip ul li a#design{
	width:140px;
	height:22px;
	background-image:url(../images/design_nav.png);
	background-position: 0px 0px;
}
div#top_strip ul li a#web{
	width:60px;
	height:22px;
	background-image:url(../images/web_nav.png);
	background-position: 0px 0px;
}
div#top_strip ul li a#homebtn{
	width:25px;
	height:25px;
	background-image:url(../images/home_icon.png);
	background-position: 0px 0px;
	margin-left:130px;
	text-decoration:none;
}

div#top_strip ul li #homebtn span{
	margin-left:30px;
	color:#fff;
}
/* hover state */
div#top_strip ul li a#education:hover{
	background-position: 0 -22px;
}
div#top_strip ul li a#creative:hover{
	background-position: 0 -22px;
}
div#top_strip ul li a#design:hover{
	background-position: 0 -22px;
}
div#top_strip ul li a#web:hover{
	background-position: 0 -22px;
}
/* active state */
div#top_strip ul li a#education.active{
	background-image:url(../images/education_nav.png);
	background-position: 0px -22px;
}
div#top_strip ul li a#creative.active{
	background-image:url(../images/photography_nav.png);
	background-position: 0px -22px;
}
div#top_strip ul li a#design.active{
	background-image:url(../images/design_nav.png);
	background-position: 0px -22px;
}
div#top_strip ul li a#web.active{
	background-image:url(../images/web_nav.png);
	background-position: 0px -22px;
}



/*################ MAIN nav bar ################*/
div#nav_bar{
	width:850px;
	height:43px;
	background-image:url(../images/nav_bar.png);
	background-repeat:no-repeat;
	margin-top:10px;
}

/*################ navigation ################*/
div#nav_bar ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
	margin-left:8px;
	width:830px;
	height:40px;
}
div#nav_bar ul li{
	float:left;
	padding:15px 12px 0px 12px;
}
div#nav_bar li a {
	color:#FFF;
	font-size:14px;
	height:28px;
	display:block;
	text-decoration:none;
}
div#nav_bar li a:hover, div#nav_bar ul li:hover a {
	/*image here*/
	color:#FFFFFF;
	text-decoration:underline;
}
div#nav_bar li a.active {
	color:#FFF;
	font-size:14px;
	height:28px;
	display:block;
	text-decoration:underline;
}
div#nav_bar li ul {
	background:#faac1b;
	display:none;
	height:auto;
	padding:5px;
	margin:0px;
	position:absolute;
	width:auto;
	z-index:200;/*top:1em;
		/*left:0;*/
}
div#nav_bar li:hover ul {
	display:block;
}
div#nav_bar li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:auto;
}
div#nav_bar li:hover li a {
	background:none;
	text-decoration:none;
}
div#nav_bar li ul a {
	display:block;
	height:auto;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:6px;
	text-align:left;
}
div#nav_bar li ul a:hover, div#nav_bar li ul li:hover a {
	background-color:#fdc05f;
	color:#FFF;
	text-decoration:none;
}
div#nav_bar p {
	clear:left;
}

/*################ content ################*/
div#content{
	width:850px;
	min-height:300px;
	background-image:url(../images/content_middle.png);
	background-repeat:repeat-y;
	float:left;
	height:100%;
	padding-top:10px;
}
div#content_bottom{
	width:850px;
	height:43px;
	background-image:url(../images/content_bot.png);
	background-repeat:no-repeat;
	float:left;
}


div#top{
	position:relative;
	z-index:1;
	width:820px;
	float:left;
}
a.top{
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
	float:right;
}

	/*################ left_col ################*/
	div#left_col{
		width:600px;	
		height:100%;
		min-height:410px;
		margin-left:2px;
		float:left;
		padding:0px 20px 20px 20px ;
		margin-top:0px;
		border-right:1px inset #E1E1E1;
	}
	
	/*################ icons ################*/
	img.icons{
		padding:0px 10px 10px 0px;
	}
	td.valign{
		vertical-align:top;
		border-top:1px dashed #CCC;
		padding-bottom:10px;
	}
	td.image{
		vertical-align:top;
		border-top:1px dashed #CCC;
		padding-bottom:30px;
		width:50px;
	}
	td.image img{
		padding-top:13px;	
	}
	
	/*################ right_col ################*/
	div#right_col{
		width:150px;	
		float:left;
		padding:0px 20px 20px 20px ;
		margin-top:0px;
	}
	
	/*################ right_col ################*/
	h2.news{
		border-bottom:1px dashed #CCC;
		padding-bottom:2px;
		margin-bottom:5px;
	}
	
/*################ squares ################*/
div#squares{
	background-image:url(../images/squares.png);
	background-repeat:no-repeat;
	width:200px;
	height:40px;
}


/*################ footer ################*/
div#footer {
	padding:7px 0px 0px 10px;
	margin-left:15px;
}
div#footer ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
div#footer ul li {
	float:left;
	padding:0px 0px 0px 0px;
	color:#FFF;
}
div#footer ul li a {
	outline:none;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}
div#footer ul li a.active {
	outline:none;
	font-size:12px;
	color:#FFF;
	text-decoration:underline;
}
div#footer ul li a:hover{
	color:#FFF;	
}
div#footer ul li a img{
	display:none;
}
/*################ re-usable classes and id's ################*/
.no_padding_top{
	padding:0px 0px 0px 0px;
}
.no_padding_bot{
	padding:13px 0px 0px 0px;
}
p.testimonial{
	font-style:italic;
	font-size:12px;
}
span.speech{
	font-size:46px;
}
span.errors{
	color:#F00;	
}
div.error{
	color:#F00;	
}
span.price{
	color:#666;
	font-style:italic;
	font-weight:bold;
}
ul#gallery_boxed{
	list-style-type:none;
	padding:0px;
	margin:0px;
	width:100%;
}
ul#gallery_boxed li{
	float:left;
	width:170px;
	height:120px;
}
ul#gallery_boxed li a img{
	width:150px;
	height:100px;
}
ul#gallery_boxed li span{
	float:left;
	margin-left:5px;
	margin-top:-5px;
	font-style:italic;
}
ul#gallery_boxed li.portrait{
	float:left;
	width:170px;
	height:220px;
}
ul.bullets li{
	background-image: url(../images/web_bullet.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	list-style-type: none;
	margin-bottom: 3px;
	padding-left: 19px;	
}
/*################ forms etc ################*/
input.button {
	background-color:#F8F8F8;
	border:1px solid #CCCCCC;
	color:rgb(120,150,177);
	padding:3px;
}
input, textarea {
	border:1px solid #CCCCCC;
	font-size:12px;
}
td.field_name{
	font-size:11px;
	font-style:italic;
}
/*################ side menu ################*/
ul#side{
	list-style-type:none;	
	padding:0px;
	margin:0px;
}
ul#side li{
	background-image:url(../images/contact_icon.png);
	background-repeat:no-repeat;
	height:35px;
	padding-left:35px;
	padding-top:5px;
}
ul#side li#promo{
	background-image:url(../images/promo_icon.png);
	background-repeat:no-repeat;	
}
ul#side li#payonline{
	background-image:url(../images/payonline_icon.png);
	background-repeat:no-repeat;	
}
ul#side li#webmail{
	background-image:url(../images/webmail_icon.png);
	background-repeat:no-repeat;
}
ul#side li#facebook{
	background-image:url(../images/facebook_icon.png);
	background-repeat:no-repeat;
}
ul#side li#twitter{
	background-image:url(../images/twitter_icon.png);
	background-repeat:no-repeat;
}
ul#side li#terms{
	background-image:url(../images/terms_icon.png);
	background-repeat:no-repeat;
}
ul#side li#sitemap{
	background-image:url(../images/sitemap_icon.png);
	background-repeat:no-repeat;
}
ul.no_list_style{
	padding:0px;
	margin:0px;
	margin-left:3px;
	list-style-type:none;	
}

/*################ Gallery 2011 ################*/

ul#gallery_2011{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul#gallery_2011 li{
	display: inline-table;
	margin: 0px 10px 0px 0px;	
}

ul#gallery_2011 li a img{
	border:1px solid #ccc;
}

ul#gallery_2011 li span{
    margin-top:-5px;
    display: block;
}

ul#gallery_2011 li.layout_2{
	width:290px;
}

ul#gallery_2011 li.layout_2 img{
	width:290px;
}