/*Noot Group Styles*/


/*Global*/ 

* {
	margin:0;
	border:0;
	padding:0;
}
	
.clear {
	clear:both;
}
	
.floatright {
	float:right;
}
	
.floatleft {
	float:left;
}
	
.noindent {
	text-indent:0px;
}

body {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	background-color: #C9661F;
}
	
	
/*------------------------------ Header -------------------------*/

#header {
	/*width:100%; */
	height:20px; 
	background-color:#999999;
	padding-top:7px;
	padding-left: 20px;
	padding-right: 20px;
}
	
#head_home {
	/*margin-left:20px;*/ 
	float:left; 
	color:#FFFFFF;
	text-align:left;
}
	
#head_nav {
	/*margin-right:20px; */
	float:right; 
	color:#FFFFFF;
	text-align:right;
}
	
#header a:link {
	color: #ffffff;
	text-decoration: none;
} 
#header a:visited {
	color: #ffffff;
	text-decoration: none;
} 
#header a:hover {
	color: #ffffff;
	text-decoration: underline;
} 
#header a:active {
	color: #ffffff;
	text-decoration: underline;
}

/*-------------- Main Content Area -------------------*/

#main {
	height:272px; 
	width:100%; 
	background-color:#ffffff;
}
#main_graphic {
	width:342px; 
	height:270px; 
	float:right; 
	position:relative;
	border-top:1px solid #fff; 
	border-bottom:1px solid #fff;
}
#main_content {
	position:relative; 
	padding:20px;
	overflow:auto;
	/*height: 230px;*/
	border:none;
}
#main_content h1 {
	color: #C9661F; 
	font-size: 15px;
}
#main_content p {
	margin-top:8px; 
	/*text-indent:15px; */
	color:#666666;
}
	
/*-------------- Recent Work Area --------------*/

#portfolio {
	width:100%; 
	height:140px;
}
#recent_work {
	margin-right:342px; 
	position:relative;
	height:100px; 
	padding:20px;
}
#logo {
	width:194px; 
	height:98px; 
	float:right; 
	position:relative;
	padding-top:42px;
	padding-left:148px;
}
#recent_work h2 {
	color:#ffffff; 
	margin-bottom:8px; 
	font-size:11px; 
	font-weight:normal;
}
#recent_work ul {
	list-style:none; 
	font-size:11px; 
	color:#ffffff; 
	width:33%; 
	float:left;
	line-height:16px;
}
#recent_work a {
	color: #ffcc99;
	text-decoration: none;
}  
#recent_work a:hover {
	color: #ffffff;
	text-decoration: none;
}

/*-------------- Footer --------------*/

#footer {
	width:100%; 
	font-size:9px; 
	color:#ffcc99;
	text-align:left;
}
#copyright {
	float:left; 
	padding-left:20px;
}
#date {
	float:right; 
	margin-right:20px;
}

/*-------------- News Page Variation --------------s*/

#news_nav {
	width:302px; 
	height:232px; 
	padding:20px; 
	float:right; 
	position:relative; 
	background-color:#eeeeee;
}	
#news_nav h1 {
	font-size:15px; 
	color:#666666;
}
#news_nav ul {
	list-style:none; 
	color:#ff6600;
}
#news_nav ul li {
	margin-top:8px;
}
#news_nav p {
	margin-top:2px; 
	color:#666666;
}

/*-------------- Connect Page Variations --------------*/

#main a	{
	color: #ff6600;
	text-decoration: underline;
} 
#main a:hover {
	color: #ff6600;
	text-decoration: none;
} 
	
#main_content h2 {font-size:11px; 
	font-weight:bold; 
	color:#666666; 
	margin-top:7px;
	
	}

#main_content p.contact {
	text-indent:0px;
	margin-top:10px;

	}
	
#main_content ul.team {list-style:none; 
	text-indent:15px; 
	color:#666666;
}
	
#main_content ul.rules {list-style:none; 
	text-indent:15px; 
	color:#666666;	
	line-height:24px; 
	margin-top:5px;
}
#connect_nav {
	width:302px; 
	height:230px;
	padding:20px; 
	float:right; 
	position:relative; 
	background-color:#eeeeee;
	border-top:1px solid #ffffff; 
	border-bottom:1px solid #ffffff;
	
	}
	
#connect_nav h1 {font-size:15px; 
	color:#666666;
	}
	
#connect_nav ul {list-style:none; 
	color:#ff6600;
	
	}
	
#connect_nav ul li {
	margin-top:8px;

	}
	

/*-------------- Client Work Page Variations --------------*/

div#view_work {width:322px;
	 height:16px; 
	 background-color:#999999; 
	 padding-left:20px; 
	 padding-top:1px;
	 border-top:1px solid #ffffff;
	 
	 }

div#view_work a:link 		{color: #FFFFFF; text-decoration: none;} 
div#view_work a:visited 	{ color: #FFFFFF; text-decoration: none;} 
div#view_work a:hover 		{ color: #333333; text-decoration: none;} 

div#view_work2 {text-align:right; 
	margin-top:20px; 
	font-weight:bold;
	
	}

div#view_work2 a:link 		{color: #f60; text-decoration: none;} 
div#view_work2 a:visited 	{ color: #f60; text-decoration: none;} 
div#view_work2 a:hover 		{ color: #999; text-decoration: none;} 


/*-------------- Work Pop-up Variations --------------------------------------------------*/

#work_main {
	width:700px; 
	color: #666666;
	margin:0;
	padding:0;
}
#work_holder {
	width:700px;
	height:452px;
	/*height: 440px;*/
	border-bottom:solid 1px #ccc;
}
#work_close {
	float: right;
	text-align:right; 
	padding-right: 20px;
	margin-top: 1px; 
}
#work_close a {
	color: #999;
}
#work_close a:hover {
	color: #ff6600;
}
#work_nav {
	height: 15px; 
	margin-left: 20px;
	padding-top: 9px;
}
#work_main a {
	text-decoration: none;
}
#work_main a.link {
	color: #ff6600;
} 
#work_main a.link:hover {
	color: #ff6600;
}
#work_nav a.arrow {
	color: #ff6600;
	text-decoration: none;
	margin: 0 4px 0 4px;
	font-weight:bold;
	font-size:14px;
} 
#work_nav a.arrow:hover {
	color: #ff6600;
} 
#work_nav #navTitle a {
	color: #ff6600;
	text-decoration: underline;
}
#work_nav #navTitle a:hover {
	text-decoration: none;
}
#navTitle {
	float: left;
	margin-left: 5px;
	margin-top: 1px;
	/*width: 120px;
	text-align: center; */
}
#work_nav #client {
	color: #ccc;
	float: left;
	margin-top: 1px;
	width:304px; 
	text-align:right;
}
.arrowNull {
	margin: 0 4px 0 4px;
	font-weight: bold;
	font-size:14px;
	color: #ddd;
}
#leftArrow {
	float: left;
	margin-left: 6px;
}
#rightArrow {
	float: left;
	/*margin-right: 4px;*/
}
fieldset {
	border: none;
}
.radio {
	width: 222px;
	height: 55px;
	border: 1px solid #ff6600;
	padding: 11px;
	margin: 0 auto;
	top: 400px; 
}
	
/*--------------------------------------------------------------------------------------*/