@charset "UTF-8";
/* CSS Document */


/* Contents 

01. Home Page
02. About Me 
03. Bio
04. QNA
05. Gallery
04. Projects
05. Lectures
06. Walk the Catwalk
07. The Fenomenal Calender
08. Be the Change
09. Hmm
10. Charity
11. Go Green
12. Media
13. Contact
14. Questionnaire


*/

body {
	margin:0 auto;
	padding:0;
	background-image:url(../images/home_bg_repeat.png);
	background-position:top center;
	background-repeat:repeat-y;
	background-color:#00535c;
	font-family:"Century Gothic", Arial, sans-serif;
	font-size: 12px;
	color:#000;
}

@font-face {
        font-family:"Century Gothic";
        src: url("Gothic.TTF");
}

:focus {
outline: 0;
}

img {
	border:none;	
}

a{
	outline:none;
	}

a:link {
	text-decoration: underline;
	font-weight:bold;
	color:#00A1B3;
}
a:visited {
	text-decoration: underline;
	font-weight:bold;
	color:#00A1B3;
}

a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#00525A;
}

a:active {
	text-decoration: underline;
	font-weight:bold;
	color:#00525A;
}

#swirls{
	background-image:url(../images/home_bg_swirls.png);
	background-position:top center;
	height:697px;
	background-repeat:no-repeat;
}

#container {
	margin:0 auto;
	width:933px;
	height:auto;
}


#homeContainer {
	width:913px;
	margin: 0 auto;
}

#middle{
	background-image:url(../images/middle_bg.jpg);
	background-repeat:repeat-y;
	width:933px;
	height:auto;
}


#middle_noborderimg{
	width:933px;
	height:auto;
	background-color:#FFF;
}


#contentholder{
	padding:10px 0 0 0;
	margin-bottom:10px;
	width:700px;
	text-align:justify;
}

#leftColumn{
	width:700px;
	float:left;
	margin-bottom:20px;
	margin-left:5px;
}

#rightColumn{
	width:180px;
	height:auto;
	float:right;
}

#footer{
	text-align:right;
	height:20px;
	color:#333;
	font-size:11px;
}

#footer a{
	color:#CCC;
}

/****************************************** HOME PAGE**************************************/

h1 {
	color:#666;
	font-weight:normal;
	text-align:right;
	border-bottom:#666 1px solid;
	padding: 0 0 10px 0;
	margin:0 0 10px 0;
	font-size:22px;
}

h2 {
	font-size:12px;
	color:#00525A;
}


#title{
	background-image:url(../images/header.png);
	width:inherit;
	height:211px;	
}

#titlesmall{
	position:relative;
	top:-10px;
	left:155px;
	color:#00FF66;

}

#topbar {
	height:7px;
	width:inherit;
	background-color:#000000;
	
}

#adSpace{
	background-color:#009999;
	width:150px;
	height:75px;
	margin-top:30px;
	margin-left:25px;
}


#homeImage{
	position:relative;
	width:250px;
	height:278px;
	float:left;
	margin-right:10px;
	
}

#quote{
	width:inherit;
	font-size:18px;
	color:#00AEC6;
	text-align:left;
	font-weight:bold;
	position:relative;
	bottom:4px;
}

#bottom{
	width:700px;
	height:107px;
	float:left;
	margin-bottom:20px;	
}

.bottomtxt{
	width:50px;
	height:50px;
	font-size:10px;
}

.more {
	color:#00A0B2;
	font-size:12px;
}


#projects{
	color:#00525A;
	font-size:16px;
}

#signature{
	background-image:url(../images/signature.png);
	width:75px;
	height:66px;
	margin-right:150px;
	margin-top:5px;
	float:right;
}

#newsletter{
	background-image:url(../images/newsletter.png);
	width:150px;
	height:17px;
	margin-bottom:5px;
}
#tellafriend{
	background-image:url(../images/tellafriend.png);
	width:150px;
	height:20px;
	margin-bottom:5px;
}
#charities{
	background-image:url(../images/charities.png);
	width:150px;
	height:20px;
	margin-bottom:5px;
	margin-top:5px;
}

#qna{
	background-image:url(../images/qnaCategories.png);
	width:150px;
	height:20px;
	margin-bottom:5px;
	margin-top:5px;

}
.contactCompany{
	text-transform:uppercase;
	color:#000;
}
.question{
	font-size:14px;
	text-transform:uppercase;
	color:#00A1B3;
	text-align:left;
	margin-bottom:0;
}
.answer {
	margin-left:32px;	
}
.big {
	font-size:18px;
}
.black {
	color:#000000;
}

.submit{
	background: transparent url("../images/signup.png") no-repeat;
	width:82px;
	height:22px;
	border:none;
	display: block;
	float:right;
	margin-left:5px;
	cursor:pointer;
}
.send{
	background: transparent url("../images/send.png") no-repeat;
	width:60px;
	height:22px;
	border:none;
	display: block;
	float:right;
	margin-left:5px;
	cursor:pointer;
}

.img_border{

}

#thoughts{
	background-image:url(../images/thoughts.png);
	width:150px;
	height:18px;
}

.thoughts{
	font-size:10px;
	color:#00525A;
	text-align:right;
	margin-right:5px;
}


#share{
	background-image:url(../images/share.png);
	width:40px;
	height:15px;
	margin-right:5px;
	float:right;
	cursor:pointer;
}

#bullet{
	width:180px;
	margin-top:5px;
}

.bullet{
	list-style-image:url(../images/bulletP.png);
	font-size:11px;
	margin:0 0 0 -20px;
	font-family:Tahoma, Verdana, sans-serif;
}
#sideMenu ul {
	margin-left:-40px;
}
#sideMenu ul li {
	list-style:none;
	font-size:11px;
	font-family:"Century Gothic", Arial, sans-serif;
	border-bottom:1px #00525A solid;
	text-transform:lowercase;
	padding-bottom:5px;
	margin-bottom:10px;
	width:170px;
	text-align:right;
	height:auto;
	float:right;
	
	}
#sideMenu ul li a {
	text-decoration:none;
	color:#00A1B3;
}
#sideMenu ul li a:hover {
	text-decoration:none;
	color:#00525A;
}


/* styles for scrollbar images start here */

#content{	
	width:400px;
	height:200px;
	position:relative;
	top:10px;
	float:left;
	line-height:1.5em;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
	width:400px;
	height:200px;
	overflow:auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding-left:20px;
	padding-right:15px;
	margin-top:10px;
	text-align:justify;

}

/* styles for scrollbar images start here */

/* .scrollgeneric is required for proper scrollbar display,
not for user customization, and is mandatory*/
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

/* For scrollbars, defining a color for background alongside with an image 
is always a good idea, this way the scrollbars are visible until images load */
.vscrollerbase {
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
	width: 15px;
	background-color: white;
}

.vscrollerbar {
	width: 15px;
	background-color: black;
}

.vscrollerbar {
/* Main body of vertical scrollbar */
	background: #89D5D8;
	width:8px;
}

.vscrollerbar{
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll-base,
the padding will automatically be turned off by the script
The greater the padding, the further away the scrollbar
stops away from both ends. This may be used, for example,
to provide space for our "faux" arrow heads.
*/
padding: 0px;


/* z-index for scrollbars define the z-index for the content, if left at
"auto" or "0", they are set to "2", if defined, content z-index is set the
same as the scrollbars. Version 1.7.5 and higher does not need this setting
to function properly, earlier versions need this for proper operation */
z-index: 2;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/

width: 15px;
/* Height of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
height: 1px !important;

}

/* Following are for scrollbase images, may not always be required */

.vscrollerbase {
	background-color:#CCCCCC;
	width: 8px;
	height:0px;
}
/* Vertical scrollbar's base body */ 
/*background: #89D5D8 url(scroller/base.gif);
}

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
/*background: url(scroller/up.gif);*/


/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
/*height: 0px !important; /*  Safari BG repeat fix */

/* Scroll Bar Master Styling Ends Here */


/************************************************GALLERY STYLES*****************************************************/

#mediaplayer{
	width:340px;
	height:600px;
	margin-bottom:10px;
}

#gallery_middle{
	background-image:url(../images/middle_bg.jpg);
	background-repeat:repeat-y;
	width:933px;
	height:659px;
	border-bottom:5px solid #000;
}

#gallery_categoriestitle{
	background-image:url(../images/galleryCategories.png);
	width:106px;
	height:20px;
	margin-bottom:5px;
	margin-top:5px;
}

.imgborder{
	border:none;
	
}


#leftColumnMedia{
	width:900px;
	float:left;
	position:relative;
}

#contentMedia {	
	width:695px;
	height:300px;
	position:relative;
	top:10px;
	float:left;
	line-height:1.5em;
}

#galleryContainer {
	width:913px;
	margin: 0 auto;
	height:800px;
}


/****************************************GALLERY STLYES********************************/

#flash_middle{
	background-color:#FFF;
	width:933px;
	height:775px;
}


#flash_gallery{
	width:933px;
	position:relative; 
	right:15px;
}

#bottombg{
	background-image:url(../images/bottombg.png);
	width:933px;
	height:52px;
}
		
		
/****************************************HMM STLYES********************************/
#flash_gallery2{
	background-color:#FFF;
	width:800px;
	position:relative;
	top:0px;
	right:8px;
	outline:none;
}

/****************MEDIA***********************/

#fadeproj {
	width:270px;
	height:250px;
	float:right;
	position:relative;
	right:260px;
	top:75px;
}


.quote_img_left{
	background-image:url(../images/quote_left.jpg);
	width:20px;
	height:15px;
	float:left;
}

.quote_img_right{
	background-image:url(../images/quote_right.jpg);
	width:20px;
	height:15px;
	float:left;
}

#medialeftColumn{
	width:900px;
	background-color:#FFF;
	float:left;
	position:relative;
}

#media_quotes{
	width:300px;
	height:430px;
	float:right;
	position:relative;
	right:225px;
}


#media-thumbs{
	width:175px;
	float:right;
}

.article_thumbspace{
	padding:0px 0 5px 0;
	}

#media_thumbs_container{
	width:175px;
	height:auto;
	position: relative;
	left:335px;
	bottom:50px;
	padding-left:20px;
	padding-right:15px;
	text-align:justify;
}

#media_thumbs_container img{
	padding:5px 5px;
	}


#mycustomscrollMEDIA {
/* Typical fixed height and fixed width example */
	width:220px;
	height:525px;
	overflow:auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	bottom:20px;
	left:305px;
	padding:0 20px 0 0;
	text-align:justify;
}



#mediaContainer {	
	width:913px;
	height:700px;
	background-color:#FFF;
	margin: 0 auto;
	height:auto;
}

#media_middle{
	background:#FFF;
	width:933px;
	height:875px;
}

#leftColumnMedia{
	width:920px;
	background-color:#FFF;
	float:left;
	position:relative;
}

#mediacontent {	
	width:695px;
	position:relative;
	top:10px;
	float:left;
	line-height:1.5em;
}


/********************************************	About Me  *******************************************/

/********************************************	Bio       *******************************************/

/********************************************	QNA       *******************************************/

.qnacommentbox{
	width:150px;
	height:75px;
	border:solid 1px #999;
}

.qna_submit{
	background: transparent url(../images/qna_submit_btn.png);
	width:80px;
	height:19px;
	margin:0 0 0 70px;
	border:none;
	cursor:pointer;
	display:block;
}

.qna_submit:hover{
	background-position:0 -31px;
	}



/********************************************	Gallery   *******************************************/
/********************************************	Projects  *******************************************/
/********************************************	Lectures  *******************************************/
/********************************************	Walk the Catwalk ************************************/

h3{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}




/********************************************	The Fenomenal Calender ******************************/

.photographerCR{
	font-size:9px;
}

#image_right{
	float:right;
	margin:10px 0 0 0px;
}

.image_right_text{
	margin:70px 0 0 0px;
}

#image_left{
	float:left;
}

.image_left_text{
	margin:30px 0 0 0;

}
/********************************************	Be the Change ***************************************/
/********************************************	Hmm *************************************************/
.hmm_howto{
	color:#000;
	font-size:12px;
	}

/********************************************	Charity *********************************************/
/********************************************	Go Green ********************************************/

.demo  {
	background-color:#cccccc;
	layer-background-color:#cccccc;
	width:700px; 
	height:280px;
	z-index:99;  
	visibility:hidden;
}

.greenimgLEFT{
	float:left;
	padding-right:20px;	
	padding-bottom:5px;	
}

.greenimgRIGHT{
	float:right;
	padding-left:20px;
	padding-bottom:5px;
}


#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:300px;
}

ul.tabs {
	margin:0px; padding:0px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	color:#000;
	padding:0px;
	margin-left:9px;
	text-decoration:none;
}
ul.tabs li a:hover {
	border-bottom:1px #000 solid;
}
ul.tabs li a.active {
	border-bottom:1px #00AEC6 solid;
}
.content {
	background-color:#ffffff;
	padding:20px 0 5px 5px;
	
}
#content_2, #content_3, #content_4, #content_5, #content_6, #content_7   { display:none; }




/********************************************	Media ***********************************************/ 




/********************************************	Contact *********************************************/ 
#agenciesContainer{
	width:685px;
	float:left;
	}

#swirlLine {
	background-image:url(../images/swirlLine.jpg);
	background-position:center;
	width:100%;
	height:52px;
}
#contactImage {
	width:175px;
	height:335px;
	background-image:url(../images/contactImage.png);
	background-repeat:no-repeat;
	background-position:bottom;

}
.contactTxt {
	margin:20px 0 25px 20px;
	font-size:14px;
	line-height:1.5em;
}	

#model-left {
	display:block;
	width: 226px;
	height:120px;
	margin-top:10px;
	float:left;
	border-right:1px solid #CCC;
}

#contact_inquires {
	display:block;
	width: 685px;
	height:160px;
	text-align:left;

}

#title-bg {
	padding:0 0 0px 0;
	margin-bottom:15px;
}

#contact-title-bg {
	padding-bottom:15px;
}


.inquiry_title{
	font-weight: normal;
	color:#484848;
	font-size:14px;
	margin:10px 0 10px 10px;
}


.agencytitle{
	font-weight: normal;
	color:#484848;
	font-size:14px;
	margin:10px 0 10px 15px;
}


.inquirestitle{
	font-weight: normal;
	color:#484848;
	font-size:24px;
	margin:10px 0 10px 15px;
}

.agencyprofile{
	margin:10px 0 10px 15px;
}

.suitenumber{
	margin-left:90px;
	}
	
.floatl {
	float:left;

}

#contact .type {
	display:block;
	height:15px;
	width:140px;
	margin:0 0 0 15px;
}

#contact .typeinquires {
	display:block;
	color:#333;
	margin:5px 0 0 15px;
	font-size:14px;
}

.inquiresemail{
	display:block;
	margin:5px 0 0 15px;
	font-size:14px;
}

.inquiresTitle{
	text-transform: uppercase;
	font-size:24px;
	padding-left:15px;
}

.inquiresTitle a{
	padding-left:20px;
}

.blackfont{
	color:#000;
	}

/********************************************	Questionnaire *********************************************/

.borderoutline{
	border:1px solid #00AEC6;
	width:150px;
}

.answerswidth{
	width:453px;
}

.Qtextarea{
	width:465px; 
	height:50px;
}

.Qlist{
	border-bottom:1px solid #000;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:5px 0 2px 0;
	width:150px;
}

#Qlist{
	margin-right:10px;
	
	}

.Qorderedlist{
	
	margin-right:30px;
	}
	
#Qwidth{
	width:382px;
}

#checkoutimg{
	position:relative; 
	bottom:30px; 
	right:30px;
	width:238px;
	height:66px;
	float:right;
	}