@charset "utf-8";

/*--General Layout--*/

body {
	background-color: #98d7dd;  /*Color of background*/
}

#container {
	width: 1000px;              /*Width of the container*/
	margin: auto;               /*Auto centers the container*/
}

#logo {
	float: left;                /*Places logo on the left side of the Header div tag*/
}

#clear {
	clear: both;				/* Clears floats*/
}

#content {
	padding-left: 50px;         /*Gives padding inside the Content div tag to the left, right, and top*/
	padding-right: 50px;
	padding-top: 20px;
}

#breakTitles {
	margin-left: 250px;
	font-size: 16px;            /*For breakdown.html. Font styles inside the breakTitles div tag. 16px, bold, and color 4B797D*/
	font-weight: bold;
	color: #4B797D;
}	

#demoContent {
	float: left;                /*In the demoreels.html page, this floats the text to the left side of the content div tag*/
}

#demoVideo {
	float: right;               /*In the demoreels.html page, this floats the div tag that contains the video to the right side of the                                  content div tag*/
	margin-right: 100px;        /*Gives 100px margin to the right side of the div tag*/
}

#filmFlash {
	float:right;                /*In the films.html page, this floats the flash file to the right side of the content div tag*/
}

#filmContent{
	float:left;                 /*In the films.html page, this floats the text content to the left side of the content div tag*/
}

#footer br{
	clear:both;                 /*Before footer div tag closes, a br tag is placed right before it to clear the float of the contact 
	                              info list inside*/
}


/* Styles for Texts and Links */

#headerTable{
	color: #FFFFFF;                                 /*All text in the menu div tag that aren't links are colored white*/
	font-size: 12px;                                /*All text in the menu div tag are 12px*/
	font-family: Arial, Helvetica, sans-serif;      /*All text in the menu div tag are Arial*/
}

#headerTable a{
	color: #5ca2a9;                                 /*All text in the menu div tag that ARE links are colored #5ca2a9*/
	text-decoration: none;                          /*Links do not have underline*/
}

#headerTable a:hover{
	color: #65979c;                                 /*When rolling over the links they will turn to the color #65979c*/
}

#headerTable a img {
	border: none;
}

#content {
	color: #4a7276;                                /*Everything in the color will have a text color of #4B797D*/
	font-family: Arial, Helvetica, sans-serif;      /*Text in the content div tag will be Arial*/
	font-size: 12px;                                /*Text in the content div tag will be 12px*/
	word-spacing: 5px;
}

#content .headings {
	color: #FFFFFF;                                 /*Any text applied with the "headings" class will turn white,bold and 18px*/
	font-size: 18px;
	font-weight: bold;
}

#content .rTitles {                                 /*This is only used in the resume.html page. Any text applied with the "rTitles"  
                                                      class will be 14px*/
	font-size: 14px;
}

#content a {
	color: #194e53;                                 /*Links in the content div tag will be colored #4B797D and will have no underline*/
	text-decoration: none;
}

#content a:hover {
	color: #65979c;                                 /*When hovering over the links in the content div tag it will change to the color 
	                                                  #65979*/
}

#content .rBold {
	font-family: Arial, Helvetica, sans-serif;      /*This is only used in the resume.html page. Any text applied with the "rBold" 
	                                                class will be Arial Black*/
}

#breakContent strong {                              /*This is for the breakdown.html page. Any text that is bold will have the color 
                                                     #0b0b0c*/
	color: #0b0b0c;
}

#footer {
	color: #FFFFFF;                                 /*All text in the footer div tag is Arial, 12px, and colored white*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#footer a{ 
	color: #4b797d;                                 /*Any text in the footer div tag that are links will be colored #4b797d and have no                                                      underline*/
	text-decoration: none;
}

#footer a:hover{                                    
	color: #65979c;                                /*Hovering over the links in the footer div tag will change to the color #65979c*/
}