/* Global Style Sheet
 
All Coding by Cetan Designs
100% Valid xhtml/css
 
Thanks for checking, haha*/
 
 
/*Basics*/
 
body{
	background-color: #FFF;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}


/*Client Login*/


#client_login{
	background-image:url(images/client_login_background.gif);
	background-repeat: repeat-x;
	height: 38px;
	display: none;
}

#client_login_show{
	background-image:url(images/client_login_background.gif);
	background-repeat: repeat-x;
	height: 38px;
}

#client_login_container{
	width: 940px;
	text-align: center;
	margin-left: auto;
   margin-right: auto;
}

#client_login_text{
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

#client_login_text p{
	overflow: hidden;
	float: right;
	padding-top: 4px;
}

#client_login_text li{
	display: inline;
	float: left;
	padding-right: 10px;
	padding-top: 4px;
}

input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border: 1px solid #DDDDDD;
	height: 15px;
   float: left;
   margin-right: 25px;
   margin-left: 5px;
   padding-left: 3px;
   padding-top: 2px;
}

.login{
	cursor: pointer;
	height: 20px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	border: 1px solid #DDDDDD;
	width: 60px;
	text-align: center;
}


/*Site Top*/


#site_top{
	background-color: #000000;
	height: 35px;
}

#site_top_container{
	width: 940px;
	text-align: center;
	margin-left: auto;
   margin-right: auto;
}

#site_top_text{
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

#site_top_text p{
	overflow: hidden;
	float: left;
}

#site_top_text li{
	display: inline;
	float: right;
	padding-left: 25px;
}


/*Site Header*/


#site_header{
	height: 219px;
	background-image:url(images/header_back.gif);
	background-repeat: repeat-x;
}

#site_header_front{
	background-image:url(images/header.png);
	height: 219px;
	width: 1050px;
	text-align: center;
	margin-left: auto;
   margin-right: auto;
}

#site_header_front ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	padding-top: 63px;
	padding-left: 593px;
}

#site_header_front li{
	display: inline;
	padding-right: 31px;	
}


/*Site Grey Top*/


#site_grey_top{
	height: 160px;
	background-image:url(images/content_darker.gif);
	background-repeat: repeat-x;
}

#site_grey_top_text{
	width: 1050px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#site_grey_top_left{
	float: left;
	width: 525px;
	text-align: left;
}

#site_grey_top_right{
	float: right;
	width: 525px;
	text-align: left;
}

#site_grey_top_full{
	float: left;
	width: 1050px;
	text-align: left;
}


/*Site Grey Top Small*/


#site_grey_top_small{
	height: 60px;
	background-image:url(images/content_darker_small.gif);
	background-repeat: repeat-x;
}

#site_grey_top_full_small{
	float: left;
	width: 1050px;
	text-align: left;
}


/*Site Grey Top Texting Details*/


#site_grey_top_left h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 42px;
	padding-left: 93px;
	padding-top: 26px;
}

#site_grey_top_small_left h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}

#site_grey_top_right h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 42px;
	padding-right: 93px;
	padding-top: 26px;
	padding-left: 25px;
}

#site_grey_top_small_right h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}

#site_grey_top_left p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	line-height: 20px;
	padding-left: 93px;
}

#site_grey_top_right p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	line-height: 20px;
	padding-right: 93px;
	padding-left: 25px;
}

#site_grey_top_full h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 42px;
	padding-left: 93px;
	padding-top: 26px;
}

#site_grey_top_full_small h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 93px;
	padding-top: 20px;
	float: left;
}

#site_grey_top_full_small h2{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 93px;
	padding-top: 20px;
	float: right;
}

#site_grey_top_full p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	line-height: 20px;
	padding-left: 93px;
	padding-right: 93px;
}




/****Main Content Start****/




/*Site Container*/


#site_container{
	width: 1050px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
   overflow: auto;
}

#site_container_full{
	float: left;
	width: 1050px;
	text-align: left;
}

.site_container_class{
	float: left;
	width: 1050px;
	text-align: left;
}

#site_container_left{
	float: left;
	width: 525px;
	text-align: left;
}

#site_container_right{
	float: right;
	width: 525px;
	text-align: left;
}


/*About Page*/


#about_left{
	float: left;
	width: 247px;
	text-align: left;
	background-image:url(images/about_background.gif);
	height: 500px;
}

#about_right{
	float: right;
	width: 803px;
	text-align: left;
}

#about_right_clients_left{
	float: left;
	width: 400px;
	text-align: left;
}

#about_right_clients_left{
	float: right;
	width: 403px;
	text-align: left;
}

.about_yellow{
	background-image: url(images/background_yellow_single.gif);
	height: 34px;
	width: 576px;
	margin-left: 60px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-left: 15px;
}

.about_green{
	background-image: url(images/background_green_single.gif);
	height: 34px;
	width: 633px;
	margin-left: 60px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-left: 15px;
}

#about_team{
	padding: 15px;
}

#about_form{
	padding-left: 60px;
}

.input_contact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	border: 1px solid #DDDDDD;
	height: 20px;
   float: left;
   padding-left: 3px;
   padding-top: 2px;
   font-weight: lighter;
}

#about_form textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	border: 1px solid #DDDDDD;
	height: 20px;
   float: left;
   padding: 5px;
   font-weight: lighter;
   width: 350px;
   height: 75px;
   margin-left: 5px;
}

#about_form select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	border: 1px solid #DDDDDD;
	height: 25px;
   float: left;
   padding-left: 3px;
   padding-top: 3px;
   font-weight: lighter;
   margin-left: 5px;
}

#about_table{
	margin-top: 25px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	width: 500px; 
	color: #535353;
	border: 0px;
}

.table_text{
	height: 40px;
	vertical-align: top;
	padding-top: 6px;
	padding-right: 40px;
}

/*About Page Texting Details*/


#about_left h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 93px;
	padding-top: 35px;
	padding-bottom: 33px;
}

#about_left li{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	line-height: 33px;
	padding-left: 93px;
}

#about_right h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 60px;
	padding-bottom: 15px;
	padding-top: 34px;
}

#about_right h2{
	font-size: 36px;
	color: #ff7300;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 60px;
	padding-top: 25px;
}

#about_right h4{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 60px;
	padding-bottom: 15px;
	padding-top: 15px;
	text-decoration: underline;
}

#about_right p{
	font-size: 12px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	color: #535353;
	line-height: 18px;
	padding-left: 60px;
	padding-right: 93px;
	padding-bottom: 15px;
}

#about_right h3{
	text-align: center;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 93px;
	padding-left: 60px;
	padding-top: 15px;
	padding-bottom: 30px;
	font-weight: lighter;
}

#about_right_clients_left ul{
	font-size: 12px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	color: #535353;
	padding-left: 60px;
}

.about_yellow li{
	display: inline;
	font-size: 18px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	padding-right: 10px;
}

.about_green li{
	display: inline;
	font-size: 18px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	padding-right: 10px;
}

#about_team ul{
	padding-left: 60px;
	padding-bottom: 15px;
	font-size: 18px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	color: #535353;
}

#about_team li{
	display: inline;
	padding-right: 10px;
}

#about_right img{
	padding-right: 8px;
}

#about_right dl{
	list-style-type: disc;
	list-style-position: inside;
	font-size: 14px;
	color: #000000;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	padding-left: 60px;
	padding-top: 20px;
}

#about_right dt{
	padding-bottom: 20px;
	padding-top: 10px;
}

#about_right dd{
	padding-bottom: 10px;
	padding-left: 20px;
}

.image_submit{
	height: 32px;
	width: 94px;
	border: 0px;
}


/*Client*/


#client_right{
	float: right;
	width: 525px;
	text-align: left;
}

.client_right_yellow{
	height: 70px;
	background-image:url(images/background_yellow.gif);
	width: 409px;
	margin-left: 23px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.client_right_yellow ul{
	padding-top: 15px;
	padding-left: 15px;
}

.client_right_yellow li{
	display: inline;
	padding-right: 31px;
	font-size: 12px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	color: #535353;
}

#client_activity{
	margin-left: 60px;
	margin-right: 100px;
	font-size: 14px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	color: #535353;
}

.client_activity_left{
	float: left;
}

.client_activity_right{
	float: right;
	text-align: right;
}


/*Site Container Texting Details*/


#site_container_full h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 93px;
	padding-top: 25px;
	padding-bottom: 15px;
}

.site_container_class h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 93px;
	padding-top: 25px;
	padding-bottom: 15px;
}

#site_container_left h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 93px;
	padding-top: 25px;
	padding-bottom: 15px;
}

#site_container_right h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 93px;
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 15px;
}

#client_right h1{
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 93px;
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 15px;
}

#site_container_full p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	line-height: 20px;
	padding-left: 93px;
	padding-right: 93px;
}

#site_container_left p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	line-height: 20px;
	padding-left: 93px;
}

#site_container_left p img{
	padding-top: 25px;
	padding-right: 15px;
}

#site_container_right p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	line-height: 20px;
	padding-right: 93px;
	padding-left: 25px;
}

#client_right p{
	font-size: 12px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	color: #535353;
	line-height: 18px;
	padding-right: 93px;
	padding-left: 25px;
}

#spotlight_preview{
	margin-left: 93px;
	margin-right: 10px;
	margin-top: 20px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #e5e5e5;
	height: 137px;
}

#spotlight_image{
	margin-left: 11px;
	margin-right: 11px;
	margin-top: 11px;
	margin-bottom: 12px;
	background-color: #DDDDDD;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	height: 114px;
}

#site_container_right img{
	padding-top: 10px;
	padding-bottom: 10px;
}

.option_icon{
	float: left;
	width: 80px;
	text-align: left;
}

.option_text{
	float: right;
	width: 445px;
	text-align: left;
}

.option_text h2{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7f7f7f;
	padding-left: 25px;
	padding-bottom: 5px;
}

.option_icon img{
	padding-left: 40px;
}


/*Site Bottom Content (Blog, FlickR, Twitter) */


#site_grey_bottom{
	height: 156px;
	background-image:url(images/content_bottom.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
}

#site_grey_bottom_text{
	width: 1050px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#site_grey_bottom_blog{
	width: 382px;
	float: left;
	text-align: left;
}

#site_grey_bottom_flickr{
	width: 300px;
	float: left;
}

#site_grey_bottom_twitter{
	width: 368px;
	float: right;
	text-align: left;
}


/*Portfolio*/


.portfolio_image{
	float: left;
	width: 512px;
	text-align: left;
}

.portfolio_description{
	float: right;
	width: 538px;
	text-align: left;
}

.portfolio_bottom{
	float: left;
	width: 864px;
	text-align: left;
	background-image:url(images/portfolio_bottom.gif);
	background-repeat: repeat-x;
	margin-left: 93px;
	margin-right: 93px;
	margin-top: 15px;
}

.portfolio_misc{
	width: 1050px;
	text-align: left;
	float: left;
}


/*Portfolio Texting Details*/


.portfolio_image p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	line-height: 20px;
	padding-left: 93px;
}

.portfolio_description p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	line-height: 20px;
	padding-right: 93px;
	padding-left: 25px;
}

.portfolio_description h1{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 20px;
	padding-right: 93px;
	padding-left: 25px;
	padding-bottom: 15px;
}

.portfolio_bottom p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	padding-left: 8px;
	padding-top: 9px;
	padding-bottom: 15px;
	float: left;
}

.portfolio_bottom li{
	display: inline;
	float: right;
	padding-right: 8px;
	padding-top: 9px;
}

.portfolio_misc li{
	display: inline;
	padding-right: 25px;
	padding-bottom: 25px;
	float: left;
}

.portfolio_misc ul{
	padding-left: 93px;
}


/*Site Bottom Content Text Details */


#site_grey_bottom_blog h1{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 93px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #000000;
}

#site_grey_bottom_blog p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 93px;
	padding-bottom: 10px;
	padding-right: 10px;
	color: #7f7f7f;
	line-height: 20px;
}

#site_grey_bottom_blog h2{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 93px;
	color: #9f9e9e;
	font-weight: lighter;
}

#site_grey_bottom_twitter h1{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #000000;
}

#site_grey_bottom_twitter ul{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 65px;
	color: #7f7f7f;
	line-height: 20px;
}

#site_grey_bottom_twitter h2{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 8px;
	color: #996436;
	font-weight: lighter;
}

#site_grey_bottom_flickr p{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 40px;
	color: #7f7f7f;
	line-height: 20px;	
}


/*Site Footer */


#site_footer{
   height: 150px;
   background-image:url(images/content_footer.gif);
   background-repeat: repeat-x;
}

#site_footer_text{
	width: 1050px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#site_footer_logo{
	width: 504px;
	float: left;
	text-align: left;
}

#site_footer_logo img{
	padding-left: 49px;
	padding-top: 49px;
}

#site_footer_links{
	width: 546px;
	float: right;
	text-align: left;
}

#site_footer_links_a{
	width: 150px;
	float: left;
	text-align: left;
}

#site_footer_links_b{
	width: 150px;
	float: left;
}

#site_footer_links_c{
	width: 150px;
	float: left;
	text-align: left;
}


/* Site Footer Text Details */


#site_footer_links_a h1{
	font-size: 22px;
	font-family: Verdana, Helvetica, sans-serif;
	padding-top: 30px;
	padding-bottom: 12px;
	color: #FFFFFF;
	font-weight: lighter;
}

#site_footer_links_b h1{
	font-size: 22px;
	font-family: Verdana, Helvetica, sans-serif;
	padding-top: 30px;
	padding-bottom: 12px;
	color: #FFFFFF;
	font-weight: lighter;
}

#site_footer_links_c h1{
	font-size: 22px;
	font-family: Verdana, Helvetica, sans-serif;
	padding-top: 30px;
	padding-bottom: 12px;
	color: #FFFFFF;
	font-weight: lighter;
}

#site_footer_links_a ul li{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	color: #525252;
	font-weight: 100;
}

#site_footer_links_b ul li{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	color: #525252;
	font-weight: 100;
}

#site_footer_links_c ul li{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	color: #525252;
	font-weight: 100;
}


/*Text Colors*/


.orange{
	color: #ff7700;
}

.blue{
	color: #3098be;
}


/*Links*/


a:link {
	color: #996436;
	text-decoration: none;
}
 
a:visited {
	color: #996436;
	text-decoration: none; 
}

a:active {
	color: #996436;
	text-decoration: none; 
}

a:hover {
	color: #000000;
	text-decoration: underline; 
}




a:link.top {
	color: #666666;
	text-decoration: none;
}
 
a:visited.top {
	color: #666666;
	text-decoration: none; 
}

a:active.top {
	color: #666666;
	text-decoration: none; 
}

a:hover.top {
	color: #999999;
	text-decoration: none; 
}




a:link.nav {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 3px solid #ff7700;
}
 
a:visited.nav {
	color: #FFFFFF;
	text-decoration: none; 
	border-bottom: 3px solid #ff7700;
}

a:active.nav {
	color: #FFFFFF;
	text-decoration: none; 
	border-bottom: 3px solid #ff7700;
}

a:hover.nav {
	color: #FFFFFF;
	text-decoration: none; 
	border-bottom: 5px solid #ff7700;
}



a:link.foot {
	color: #525252;
	text-decoration: none;
}
 
a:visited.foot {
	color: #525252;
	text-decoration: none; 
}

a:active.foot {
	color: #525252;
	text-decoration: none;
}

a:hover.foot {
	color: #DDDDDD;
	text-decoration: none; 
	border-bottom: 1px dotted #ff7700;
}