/*********** Body ************/

* { margin:0; padding:0; }

h1 {
   margin: 0 0 35px 0;
}

body { 
	font:12px Trebuchet MS, Tahoma, Tw Cen MT, Arial; color:#000000;
	background: #FFF url('images/top_bg.png') repeat-x;
	margin: 0 0 0 0;
}

A:link {text-decoration: none; color: #FFF;}
A:visited {text-decoration: none; color: #FFF;}
A:active {text-decoration: none; color: #FFF;}
A:hover {text-decoration: none; color: #FFF;}
.menu a:hover {text-shadow: 0 0 0.5em #FFF, 0 0 0.5em #FFF,
        0 0 0.5em #FFF
}

.clear {clear:both;}

#header {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	width: 920px;
	height: 130px;
}

/*********** Top Navigation ************/
.top_navi {
	margin-top: 0px;
	float: right;
	height: 24px;
	color: #b7b89f;
}

.top_navi a:link, a:visited, a:active {color: #b7b89f;}
.top_navi a:hover {color: #d9dabf; text-decoration: underline;}

.top_navi ul li {
	list-style-type: none;
	display: inline;
	float: left;
}

/*********** End of Top Navigation ************/

/*********** Logo ************/
#logo {
	clear:right;
	color: white;
	font-size: 36px;
	font-family: Trebuchet MS, Arial;
	margin-top:25px;
	float:left;
}

.logo_description {
	color: #b7b89f;
	font-size: 16px;
}

.logo_description li {
	list-style-type: none;
	display: inline;
}

/*********** End of Logo ************/

/*********** Search ************/
#search {
	float: right;
/*	background: url('images/search.png') no-repeat;	*/
	width: 297px;
	height: 31px;
	margin-top: 15px;
}

#search input {
	margin: 3px 0 0 15px;
	background: none;
	border: none;
	width: 250px;
	height: 25px;
	vertical-align: middle;
	color: #b7b89f;
}

#search input:focus {outline: none; }
/*********** End of Search ************/

/*********** Navigation ************/
.navi {
	float: right;
	margin: 62px 0 -10px 0;
}

.navi ul li {
	list-style-type: none;
	display: block;
	float: left;
	color: black;
	height: 50px;
}

a.navi1 {
    background: transparent url('images/navi_right.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-size: 13px;
    height: 44px;
    margin-right: 5px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
}

a.navi1 span {
    background: transparent url('images/navi_left.png') no-repeat;
    display: block;
    line-height: 34px;
    padding: 5px 20px 5px 28px;
}

a.navi1:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.navi1:hover span {
    background-position: bottom left;
    padding: 5px 20px 5px 28pxx; /* push text down 1px */
}

a.navi2 {
    background: transparent url('images/navi2_right.png') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font-size: 13px;
    height: 44px;
    margin-right: 5px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
}

a.navi2 span {
    background: transparent url('images/navi2_left.png') no-repeat;
    display: block;
    line-height: 34px;
    padding: 5px 20px 5px 28px;
}

a.navi2:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.navi2:hover span {
    background-position: bottom left;
    padding: 5px 20px 5px 28pxx; /* push text down 1px */
}

.navi2_button {
	float: right;
	margin: 7px 0 0 7px;
}

/*********** End of Navigation ************/

/*********** Slider ************/
#slider_container {
	background: url('images/bannerbg.png') #FFF repeat-x;
	height: 389px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 5px;
}

#slider {
	margin-left: auto;
	margin-right: auto;
	background: url('images/sliderbg2.png') no-repeat;
	height: 389px;
	width: 1172px;
}

.slider_text {
	float: left;
	text-align: right;
	width: 400px;
	margin: 70px 0 0 30px;
}
	
a.learnmore {
    background: transparent url('images/learnmoreend.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-size: 13px;
    height: 21px;
    margin-right: 10px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}

a.learnmore span {
    background: transparent url('images/learnmorebg.png') no-repeat;
    display: block;
    line-height: 13px;
    padding: 5px 14px 5px 28px;
    text-transform: uppercase;
}

.slider_images {
	margin: 51px 180px 0 0;
	float: right;
	background: url('images/mac.png') no-repeat;
	width: 444px;
	height: 328px;
	padding: 14px 0 0 14px;
}

/*********** End of Slider ************/

/*********** Features ************/
#features_container {
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 10px;
}

#features {
	margin-left: auto;
	margin-right: auto;
	width: 920px;
	color: #41413b;
	font-size: 30px;
	padding: 25px 0 15px 0;
	line-height: 27px;
}

.feature1 {
	background: url('images/feature_divider.png') right top no-repeat;
	float: left;
	width: 250px;
	text-align: center;
	margin: 20px 0 0 -38px;
}

.feature2 {
	background: url('images/feature_divider.png') right top no-repeat;
	float: left;
	width: 250px;
	text-align: center;
	margin: 20px 0 0 -10px;
}

.feature3 {
	float: right;
	text-align: center;
	margin: 20px 20px 0 0;
}

.features_images {
	border: 0px;
	margin-bottom: 10px;
}

.features_subtext1 {
	padding-top: 10px;
	font-size: 24px;
}

.features_subtext2 {
	text-transform:uppercase;
	color: #4b84bd;
	font-size: 14px;
}
/*********** End of Features ************/

/*********** Content ************/
#content {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 920px;
}

.mc_image {
	float: left;
	padding: 5px 30px 20px 0;
}

.morecontent1 {
	float: left;
	width: 420px;
	height: 110px;
	color: #555555;
	line-height: 18px;
}

.morecontent2 {
	float: right;
	width: 420px;
	height: 110px;
	color: #555555;
	line-height: 18px;
}


.mcheading {
	font-size: 20px;
	font-weight: normal;
	font-family: Trebuchet MS, Tahoma;
	color: #2e2e2e;
	margin-bottom: 10px;
}

#getstarted {
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	padding: 23px 60px 17px 60px;
	color: #41413b;
	font-size: 28px;
	line-height: 35px;
	margin: 20px 0 30px 0;
}

.gs_subtext {
	color: #4b84bd;
	font-size: 18px;
}

.gs_subtext2 {
	color: #2e2e2e;
	font-size: 14px;
}

a.getstarted_button {
    background: transparent url('images/getstartedright.png') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font-size: 20px;
    height: 60px;
    margin-right: 10px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
}

a.getstarted_button span {
    background: transparent url('images/getstartedleft.png') no-repeat;
    display: block;
    line-height: 53px;
    padding: 5px 14px 5px 108px;
    text-transform: uppercase;
}


/*********** End of Content ************/

/*********** To the Top  ************/
#tothetop_container {
	background: url('https://garyfitzpatrick.ca/images/tothetopbg.png') repeat-x;
}

#tothetop {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 10px;
	width: 920px;
	font-family: Myriad Pro, Arial;
	font-size: 12px;
	color: #2e2e2e;
	text-align: right;
}

#tothetop a:link, #tothetop a:visited, #tothetop a:active {
	color: #2e2e2e;
	background: url('images/tothetop.png') no-repeat;
	padding-left: 20px;
}

#tothetop a:hover {text-decoration: underline;}

/*********** End of to the Top  ************/

/*********** Footer  ************/
#footer_container_top {
	background: url('images/footerbg1.png') repeat-x;
	height: 50px;
}

.footer_top {
	margin-left: auto;
	margin-right: auto;
	width: 920px;
}

.footer_top_text {
	color: #2e2e2e;
	font-size: 18px;
	float: left;
	margin: 15px 140px 0 0;
}

.footer_top ul li {
	list-style-type: none;
	display: block;
	float: left;
	color: black;
	background-image: url('images/footer_divider.png'), url('images/footer_buttonbg.png');
	background-repeat: no-repeat, repeat-x;
	background-position: left top, left;
	height: 50px;
}

.footer_top a:link, .footer_top a:visited, .footer_top a:active {
	color: #2c2c27;
	font-size: 14px;
	font-family: Myriad Pro, Arial;
	display: block;
	height: 31px;
	padding: 19px 15px 0 50px;
}

.footer_top .twitter a:link {background: transparent url('images/twitter_inactive.png') 15px 13px no-repeat;}
.footer_top .twitter a:hover {background: transparent url('images/twitter_active.png') 15px 13px no-repeat;}
.footer_top .facebook a:link {background: transparent url('images/facebook_inactive.png') 15px 13px no-repeat;}
.footer_top .facebook a:hover {background: transparent url('images/facebook_active.png') 15px 13px no-repeat;}
.footer_top .rss a:link {background: transparent url('images/rss_inactive.png') 15px 13px no-repeat;}
.footer_top .rss a:hover {background: transparent url('images/rss_active.png') 15px 13px no-repeat;}
.footer_top .contact a:link {background: transparent url('images/contact_inactive.png') 15px 13px no-repeat;}
.footer_top .contact a:hover {background: transparent url('images/contact_active.png') 15px 13px no-repeat;}

#footer_container_mid {
	background: url('images/footerbg2.png') repeat;
}

.footer_mid {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding: 30px 0 10px 0;
	padding-left: 30px;
}

.footer_contact {
	float: left;
	color: #b7b89f;
	font-family: Verdana;
	font-size: 11px;
	width: 240px;
	line-height: 17px;
	margin-right: 75px;
}

/*********** Logo 2 ************/
#logo2 {
	clear:right;
	color: #6e6e5f;
	font-size: 22px;
	font-family: Trebuchet MS, Arial;
	margin-top:25px;
	float:left;
	width: 250px;
	line-height: 24px;
}

.logo_description2 {
	color: #6e6e5f;
	font-size: 13px;
}

.logo_description2 li {
	list-style-type: none;
	display: inline;
}

/*********** End of Logo 2 ************/

.footer_box1 {
	float:left;
	width: 200px;
	margin: 0 0 0 60px;
}

.footer_box1 ul li {
	list-style-type: none;
	margin-bottom: 5px;
}

.footer_mid ul li, .footer_mid a:link, .footer_mid a:visited, .footer_mid a:active {color: #b7b89f;}
.footer_mid a:hover {color: #d9dabf; text-decoration: underline;}

.footer_twitter {
	float:right;
}

.tweet_mid {
	background: url('images/tweet_mid.png') repeat-y;
	padding: 0 20px 0 20px;
	width: 281px;
	font-size: 13px;
	line-height: 17px;
}

.tweet_mid a:link, .tweet_mid a:visited, .tweet_mid a:active {color: #4077ae; font-weight: bold;}
.tweet_mid a:hover {color: #254769;}
.time {color: #858585; font-style: italic;}

#footer_container_btm {
	background: url('images/footerbg3.png') repeat-x;
	height: 41px;
}

#footer_btm {
	margin-left: auto;
	margin-right: auto;
	width: 920px;
	color: #898980;
	padding: 15px 0 0 0;
}

.footer_heading {
	color: #fefefe;
	font-weight: normal;
	font-size: 20px;
	font-family: Myriad Pro, Arial;
	margin-bottom: 15px;
}

/*********** End of Footer ************/

/* **************** Contact Form Classes - START */

#contact #submit {
 	color: #fff;
 	font-size: 0;
 	width: 200px;
 	height: 30px;
 	border: none;
 	margin: 20px 0 20px 10px;
 	padding: 0;
 	background: url(images/submit.png) 0 0 no-repeat;
}
#contact input[type="text"].contact, textarea.contact, select.contact {
    display: block;
    font-size: 24px;
    width: 300px;
    margin: 8px 0 15px 5px;
    background-repeat: repeat-x;
    background-position: top;
}

/* **************** Contact Form Classes - END */